Jrain-前端玩具盆

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

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

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

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

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

最近参与维护公司内部的一个针对移动端的UI组件库，该组件库缺乏文档和严格的文件组织结构。Vue-Donut的功能比较简单，并不能方便地创建针对移动端UI组件库的文档和预览。在参考了mint-ui等业界内成熟的方案之后...

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

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

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

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

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

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

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

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

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

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

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

Vue-Occupy是一个vue指令，能够在数据被加载之前使用一个可配置的色块进行占位，能够有效提升用户体验。

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

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

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

《高性能JavaScript》读书笔记

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

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

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

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

随着react社区的next.js框架的发布，vue社区也终于诞生了属于自己的前后端同构框架nuxt.js。在进一步的接触与使用中，发现nuxt.js确实极大地方便了vue项目的开发，其背后的逻辑也值得我们玩味。关于nuxt的具体的...

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

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

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

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

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

VUWE 在线预览介绍 VUWE是一款基于微信WeUI所开发的，专用于Vue2的组件库。它与WeUI完全解耦。用户通过自定义WeUI的样式文件，可以方便地对VUWE实现定制化。中文文档使用进入一个Vue工程项目，然后执行以下...

使用ES6的新特性Proxy来实现一个数据绑定实例

jrainlau 2016年11月10日发布
49 收藏

作为一个前端开发者，曾踩了太多的“数据绑定”的坑。在早些时候，都是通过jQuery之类的工具手动完成这些功能，但是当数据量非常大的时候，这些手动的工作让我非常痛苦。直到使用了VueJS，这些痛苦才得以终结。

深入研究：HTTP2 的真正性能到底如何

jrainlau 2016年10月19日发布
164 收藏

HTTP2的概念提出已经有相当长一段时间了，而网上关于关于http2的文章也一搜一大把。但是从搜索的结果来看，现有的文章多是偏向于对http2的介绍，鲜有真正从数据上具体分析的。这篇文章正是出于填补这块空缺内容的...

Markcook2.0，使用Vue2.0和Vuex2.0进行完全重构升级

jrainlau 2016年10月02日发布
54 收藏

随着Vue2.0的正式推出，我也正好籍此机会对我的开源项目Markcook进行重构。这一次重构既打发了我在高速路上堵车的无聊时光，又加深了对Vue2.0和Vuex2.0使用的认识，可谓一举多得。

谈谈JS中的函数劫持

jrainlau 2016年09月21日发布
40 收藏

说到劫持，第一反应可能是什么不好的东西。函数劫持并不邪恶，关键是看使用的人。虽然这个概念在前端领域使用较少，但是在安全领域、自定义业务等场景下还是有一定的使用价值的。所以，这一篇文章将会和大家一起...

SphinxJS——把字符串编码成png图片的超轻量级开源库

jrainlau 2016年09月13日发布
15 收藏

一个能够把字符串编码成png图片，或者从png图片中解码出字符串的超轻量级开源库，总代码数甚至不超过100行！

探索前端黑科技——通过 png 图的 rgba 值缓存数据

jrainlau 2016年09月09日发布
40 收藏

说起前端缓存，大部分人想到的无非是几个常规的方案，比如cookie，localStorage，sessionStorage，或者加上indexedDB和webSQL，以及manifest离线缓存。除此之外，到底还有没有别的方法可以进行前端的数据缓存呢？...

基于 PhantomJS + Node + Express + VueJS 1.x 的服务端渲染实践

jrainlau 2016年08月23日发布
41 收藏

随着Vue 2.0的发布，服务端渲染一度成为了它的热卖点。在此之前，单页应用的首屏加载时长和SEO的问题，一直困扰着开发者们，也在一定程度上制约着前端框架的使用场景。React提出的服务端渲染方案，较好得解决了上...

126

教你从零开始搭建一款前端脚手架工具

jrainlau 2016年08月06日发布
317 收藏

在实际的开发过程中，从零开始建立项目的结构是一件让人头疼的事情，所以各种各样的脚手架工具应运而生。笔者使用较多的yoeman，express-generator和vue-cli便是当中之一。它们功能丰富，但最核心的功能都是能够...

【译】关于Webpack中一些让人困惑的地方的解答

jrainlau 2016年08月03日发布
41 收藏

Webpack是React和Redux项目的主要模块加载器。我认为使用Angular2和其他的框架的人在如今也大量使用Webpack进行开发。