Jrain-前端玩具盆

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日发布
140 收藏

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

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

利用纯CSS3定制单选/多选框样式

jrainlau 2016年01月20日发布
31 收藏

在前端开发中，往往需要对默认元素的样式进行修改。然而有的元素却不是那么容易就能找到它所对应的样式的，今天要讨论的重点内容就是<input type="checkbox">以及<input type="radio">这两款默认表单...

Markcook1.0的开发总结

jrainlau 2016年01月18日发布
7 收藏

项目地址： [链接] demo地址： [链接] 首先介绍一下Markcook，顾名思义，可以理解为“煮markdown的锅”…… 她是一个开源的，免费的，简洁且高效的markdown编辑器，当然你也可以把她作为本地客户端使用。非常的简单...

bootstrap3.x内less文件夹的文件内容及功能分析

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

首先谈谈为什么要写这篇文章。在公司最近的项目中，被要求使用bootstrap进行样式的重构，然而我们又有自己的一套UIkit，样式的覆盖如果直接写在css中是非常痛苦的一件事，开发成本巨大。因为如此，萌生了改写boot...

FIS3+mod.js开发方案在线上部署时出现无法找到文件的bug的解决过程

jrainlau 2016年01月08日发布
6 收藏

在项目中，我们选择了百度FIS3+MODJS+VUEJS的方案进行前端开发，这套方案具体可以看这里：[链接]