Jrain-前端玩具盆

127

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

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

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

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

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

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

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

jrainlau 2016年07月23日发布
15 收藏

项目地址：[链接]体验地址：[链接]Codepen: Codepen 最新更新：1.0.1版本加入了“抖动特效”，类似信号被干扰的样子，欢迎品尝~

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

jrainlau 2016年07月17日发布
21 收藏

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

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

jrainlau 2016年07月16日发布
10 收藏

CleaveJS是最近github上的一个热门项目，在短短的一个多月中star数达到了2500+，且保持着强劲的上升势头。它的主要目的是

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

jrainlau 2016年07月14日发布
7 收藏

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

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

jrainlau 2016年07月05日发布
33 收藏

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

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

jrainlau 2016年07月03日发布
120 收藏

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

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

jrainlau 2016年06月30日发布
237 收藏

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

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

jrainlau 2016年06月26日发布
142 收藏

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

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

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

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

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

jrainlau 2016年06月13日发布
56 收藏

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

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

jrainlau 2016年05月14日发布
39 收藏

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

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

jrainlau 2016年05月03日发布
15 收藏

取名为“精灵”的elf，是一个干净，轻巧的响应式CSS框架。她基于flexbox，旨在快速搭建能够适配不同尺寸设备的响应式布局。

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

jrainlau 2016年04月14日发布
32 收藏

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

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

jrainlau 2016年04月05日发布
42 收藏

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

win7下快速启动mongodb的方法

jrainlau 2016年04月05日发布
16 收藏

最近在学习nodejs操作mongodb的知识，但是发现每一次启动mongodb都需要敲长长的指令，一路cd到mongodb的bin目录并且写一大串东西才能启动，特别烦，而且容易出错。于是琢磨着怎么让它方便快速地启动。由于我所使...

采用vue+webpack构建的单页应用——私人博客MintloG诞生记

jrainlau 2016年03月18日发布
94 收藏

项目地址：[链接] （特别乱，参考就好-_-|||）MintloG是我在五天之内完全由自己开发的私人博客，前端技术方案采用了vue+vue-router+vue-resource+webpack的构建方案，后端技术采用了原生PHP+MySQL。博客完全由aja...

http协议知识点的整理（不定期更新）

jrainlau 2016年02月29日发布
21 收藏

任职前端开发工程师已经有一段时间了，对于“前端知识”，也就是所谓的“html+css+javascript”及它们的延伸都掌握得还算可以，但是在此之外的更加基础的知识，却薄弱得令人发指。感谢曾经的上司对我的评价与建议，使...

Canvas学习笔记（一）

jrainlau 2016年01月25日发布
5 收藏

喜欢前端，学习前端的最原始的动机，就是因为它可以制作非常酷炫的效果。然而现在上班所用的技巧，多是在业务逻辑那一块，并非是我最初想要去做的东西。所以在下班以后，打算重新拾起自己的兴趣，去学习真正的“酷...