Jrain-前端玩具盆

33

打包工具的配置教程见的多了，但它们的运行原理你知道吗？

jrainlau 6 天前发布
58 收藏

前端模块化成为了主流的今天，离不开各种打包工具的贡献。社区里面对于webpack，rollup以及后起之秀parcel的介绍层出不穷，对于它们各自的使用配置分析也是汗牛充栋。为了避免成为一位“配置工程师”，我们需要来了...

45

Vue页面骨架屏注入实践

jrainlau 5月12日发布
121 收藏

作为与用户联系最为密切的前端开发者，用户体验是最值得关注的问题。关于页面loading状态的展示，主流的主要有loading图和进度条两种。除此之外，越来越多的APP采用了“骨架屏”的方式去展示未加载内容，给予了用户...

12

从一行等式理解JS当中的call, apply和bind

jrainlau 4月4日发布
24 收藏

关于JS当中的call，apply和bind，相信大家和我一样，已经看过了无数篇相关的文章，都有自己的理解。所以这篇文章并非什么科普类的文章，仅仅是把我自己的理解记录下来。

53

不仅仅是前端er——折腾服务器武装自己

jrainlau 2月9日发布
291 收藏

作为一个前端开发工程师，每天和浏览器、业务代码打交道，对于“前端”的概念算是比较熟悉了，主流的框架、工具等都能玩得转，但总觉得自己一直都被禁锢在小小的所谓“前端”的圈子中——因为除此之外的知识点还是比较...

15

70行python代码实现壁纸批量下载

jrainlau 1月24日发布
45 收藏

项目地址：https://github.com/jrainlau/w...

52

深入认识vue-cli：能做的不仅仅是初始化vue工程

jrainlau 2017年10月20日发布
326 收藏

相信对于大部分使用过VueJS的同学来说，vue-cli是他们非常熟悉的一个工具。借助vue-cli，我们通过非常简单的问答形式，方便地初始化一个vue工程，完全不需要担心繁复的webpack、eslint配置等等。

49

深入浅出基于“依赖收集”的响应式原理

jrainlau 2017年09月13日发布
145 收藏

每当问到VueJS响应式原理，大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter，当属性被访问或修改时通知变化”。然而，其内部深层的响应式原理可能很多人都没有完...

15

使用offline-plugin搭配webpack轻松实现PWA

jrainlau 2017年08月15日发布
35 收藏

谈起PWA，许多人可能还只停留在“了解”的层面，比较少在实践中真正地尝试过，更多的仅仅是对着网上的教程和例子大概玩过。然而，网络上的例子多是简单的demo，鲜有与真正的开发相结合，例如和webpack的工程化结合...

12

组件化开发与黑箱

jrainlau 2017年07月28日发布
9 收藏

终于完成了公司的一个大project，这期间的收获也非常多，对于“组件化开发”有了更深一层的心得体会。

22

在项目实践中用更优雅的方式处理数组问题

jrainlau 2017年06月27日发布
165 收藏

在最近的项目中，遇到了比较多处理数组的场景，比如要对数组里面某个元素的某一个字段进行抽取归类，或者判断数组当中的某个元素是否符满足判断条件等。

8

【工程化】从0搭建VueJS移动端组件库开发框架

jrainlau 2017年06月05日发布
25 收藏

之前发表过一篇《Vue-Donut——专用于构建Vue的UI组件库的开发框架》，仅仅是对框架一个粗略的介绍，并没有针对里面的实现方式进行详细说明。

1

好用的项目初始化工具SCION升级啦！

jrainlau 2017年05月11日发布
4 收藏

SCION是一个专门用于初始化项目的工具。只要你有一套模板，就能通过SCION方便地把项目初始化出来。同时SCION允许你添加多套模板，大大提升了工作效率。

3

Vue-Donut——专用于构建Vue的UI组件库的开发框架

jrainlau 2017年05月04日发布
13 收藏

相信不少使用Vue的开发者和公司都有定制一套属于自己的UI组件库的需求。但是要开发、测试、打包、发布这个组件库，却需要耗费较大的劳动力去搭建一整套的环境。针对这个问题，我搭建了一个专门用来构建Vue的UI组...

3

用现代化的方式开发一个图片上传工具

jrainlau 2017年04月18日发布
31 收藏

对于图片上传，大家一定不陌生。最近工作中遇到了关于图片上传的内容，借此机会认真研究了一番，遂一发不可收拾，最后琢磨了一个东西出来。在开发的过程中有不少的体会，于是打算写一篇文章分享一下心得体会。本...

8

提升用户体验的利器——使用Vue-Occupy实现占位效果

jrainlau 2017年02月28日发布
34 收藏

项目地址：https://github.com/jrainlau/v...DEMO：https://jrainlau.github.io/vu...

7

谈一谈几种处理JavaScript异步操作的办法

jrainlau 2017年02月26日发布
23 收藏

js的异步操作，已经是一个老生常谈的话题，关于这个话题的文章随便google一下都可以看到一大堆。那么为什么我还要写这篇东西呢？在最近的工作中，为了编写一套相对比较复杂的插件，需要处理各种各样的异步操作。...

1

《高性能JavaScript》读书笔记

jrainlau 2017年02月15日发布
40 收藏

入手《高性能JavaScript》一周后，终于断断续续看完了。简要说说感受，就是这本书非常薄，非常容易看，认真看的话其实两三个小时就能翻一遍了。这篇文章也是作为一篇阅读笔记，用来记录我在阅读过程中的一些理解...

25

深入NUXT，看看一条命令行的背后到底发生了什么

jrainlau 2017年01月13日发布
59 收藏

Nuxt.js - Universal Vue.js Applications

17

我的2016：从野路子到正规军的前端养成记

jrainlau 2016年12月27日发布
81 收藏

2016年终于进入尾声啦，刚好也趁着@segmentfault社区举办的《回顾 2016，你都收获了什么？》活动，好好回顾一下我的2016年。

3

VUWE——又一个移动端Vue2组件库

jrainlau 2016年12月27日发布
13 收藏

VUWE是一款基于微信WeUI所开发的，专用于Vue2的组件库。