Jrain-前端玩具盆

12

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

• jrainlau   2016-11-10 发布
• 49 收藏

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

54

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

• jrainlau   2016-10-19 发布
• 165 收藏

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

11

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

• jrainlau   2016-10-02 发布
• 54 收藏

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

10

谈谈JS中的函数劫持

• jrainlau   2016-09-21 发布
• 40 收藏

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

1

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

• jrainlau   2016-09-13 发布
• 14 收藏

体验地址：[链接]项目地址：[链接] SphinxJS 一个能够把字符串编码成png图片，或者从png图片中解码出字符串的超轻量级开源库，总代码数甚至不超过100行！ 使用方法 通过npm安装 {代码...} 通过<script><...

7

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

• jrainlau   2016-09-09 发布
• 40 收藏

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

7

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

• jrainlau   2016-08-23 发布
• 41 收藏

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

149

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

• jrainlau   2016-08-06 发布
• 330 收藏

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

7

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

• jrainlau   2016-08-03 发布
• 43 收藏

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

1

MottoJS，一个让你的“座右铭”更好玩的JS插件

• jrainlau   2016-07-23 发布
• 15 收藏

项目地址：[链接]体验地址：[链接]Codepen: Codepen 最新更新：1.0.1版本加入了“抖动特效”，类似信号被干扰的样子，欢迎品尝~ 七夕快到了，我不会告诉你这是一个告白神器……写一封长长的告白信，把config里面的时...

5

深析filemap.js——关于JS的算法及优化的实践

• jrainlau   2016-07-17 发布
• 21 收藏

关于项目的用法和介绍可以查看上面的两个链接，这篇文章主要内容是对filemap.js的代码进行一步一步的分析，详细介绍其运行原理和优化策略。

2

Vue-Cleave - 在Vue中使用CleaveJS格式化你的输入内容

• jrainlau   2016-07-16 发布
• 10 收藏

项目地址：[链接] What's CleaveJS? CleaveJS是最近github上的一个热门项目，在短短的一个多月中star数达到了2500+，且保持着强劲的上升势头。它的主要目的是 Format input text content when you are typing格式...

2

自动化文件目录结构生成工具——filemap.js

• jrainlau   2016-07-14 发布
• 7 收藏

作为一个经常写博客的人，在介绍自己的项目的时候往往需要介绍文件目录结构。在以往的情况下，要么一行一行手动码字输入，要么简单粗暴地截图，都无法方便快速地构造一个文件目录结构图出来。后来在学习算法的时...

7

[译] Houdini：也许是你未曾听过的最振奋人心的 CSS 进化

• jrainlau   2016-07-05 发布
• 33 收藏

你是否曾经想要使用一些特别的CSS特性，却因为未曾得到所有浏览器的支持而选择放弃？又或者是，这些特性得到了所有浏览器的支持，但总会伴随着奇怪的bug，表现不一致甚至相互矛盾？如果这些事情都曾发生在你身上—...

11

【译】22个必备的CSS小技巧

• jrainlau   2016-07-03 发布
• 121 收藏

不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式，但是在Chrome和Opera浏览器中需要添加前缀。举个栗子：

33

一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app

• jrainlau   2016-06-30 发布
• 237 收藏

只看不赞，或者只收藏不赞的都是耍流氓，放学别走，我找我哥收拾你们。 项目地址：[链接] 下载&运行 {代码...} 项目介绍 我在微信上关注了不少的公众号，经常浏览里面的内容。但是往往在我阅读文章的时候，总...

41

Vue+WebSocket+ES6+Canvas 制作【你画我猜】小游戏

• jrainlau   2016-06-26 发布
• 143 收藏

因为闲得慌，一直和朋友在玩你画我猜之类的小游戏，突然想到能不能自己也做一个呢，反正闲着也是闲着，同时正好可以学习一下websocket的用法。

1

gulp-html-import，在html中引入外部html文件

• jrainlau   2016-06-14 发布
• 12 收藏

曾经学习PHP的时候，深深觉得include语法非常好用，后接触了ejs，发现里面也有类似的语法，能够方便地引入公共html文件；在学习了vue，react等框架以后，“组件化思想”更是在我脑海根深蒂固，再也无法忍受每个页面...

7

[译] 只有 20 行的 JavaScript 模板引擎

• jrainlau   2016-06-13 发布
• 55 收藏

我仍旧在为我的JS预处理器AbsurdJS进行开发工作。它原本是一个CSS预处理器，但之后它扩展成为了CSS/HTML预处理器，很快它将支持JS到CSS/HTML的转换。它就像一个模板引擎一样能够生成HTML代码，也就是说它能够用数...

8

React+webpack+es6的环境配置及demo改写

• jrainlau   2016-05-14 发布
• 39 收藏

最近在家闲得无聊，所以打算折腾一下react。在此之前，我是一个vue的重度使用用户，但是看到react确实非常火爆，所以也就趁此机会去了解一下react，增长一下见识。