Jrain-前端玩具盆

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提出的服务端渲染方案，较好得解决了上...

143

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

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

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

5

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

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

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 收藏

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

40

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

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

因为闲得慌，一直和朋友在玩你画我猜之类的小游戏，突然想到能不能自己也做一个呢，反正闲着也是闲着，同时正好可以学习一下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，增长一下见识。

2

elf，基于flexbox的响应式CSS框架

• jrainlau   2016-05-03 发布
• 15 收藏

官网地址：[链接]项目地址：[链接] 介绍 取名为“精灵”的elf，是一个干净，轻巧的响应式CSS框架。她基于flexbox，旨在快速搭建能够适配不同尺寸设备的响应式布局。 使用 安装 npm install elf-css elf是纯粹的css...

7

Markcook 1.2，超轻的开源markdown编辑器

• jrainlau   2016-04-14 发布
• 32 收藏

Markcook 1.2 项目地址：[链接]在线体验：[链接]客户端下载：[链接] 介绍 Markcook 1.2--简洁、高效的markdown编辑器 使用了vue.js+webpack进行开发和构建。 非常的简单，高效，没有多余的东西。 她的优点有很多...

18

使用express+mongoose对mongodb实现增删改查操作

• jrainlau   2016-04-05 发布
• 43 收藏

本文主要分享我如何使用express+mongoose对mongodb实现增删改查操作，感谢cnode社区所有精品文章的帮助，以及@airuikun的开源项目airuikun/mongoose_crud对我的启发。学习nodejs已经小半个月了，一直琢磨着做一些...