抽象语法树（AST），是一个非常基础而重要的知识点，但国内的文档却几乎一片空白。本文将带大家从底层了解AST,并且通过发布一个小型前端工具，来带大家了解AST的强大功能

在讨论性能优化之前，我们有必要了解一些浏览器的渲染原理。不同的浏览器进行渲染有着不同的实现方式，但是大体流程都是差不多的，我们通过 Chrome 浏览器来大致了解一下这个渲染流程。

h5-cropper 移动端图片裁剪器，基于 cropperjs 制作的简单裁剪器 项目地址 [链接] 案例演示 HTML部分： {代码...} JS部分： {代码...} 演示案例：[链接] 手机模式查看，效果更佳。 使用方式 直接下载使用 通过下载,直接引用dist/index.js,通过全局的window对象访问。...

移动端React组件库 重新设计了Form那块组件，让数据校验变得更简单。欢迎提出更多优化建议，如有兴趣参与该项目，请邮件至：[email protected] (-> . ->) 没错，我就是来骗 Star 滴。 项目地址: [链接] 演示页面: [链接] 使用说明 1.创建一个项目（走模版创建，...

canvas_x 无需任何第三方依赖，轻型工具库。canvas绘制海报，生成带logo的二维码。也可生成编辑界面，用户自定义输入，一键生成等等 默认开启图片跨域，但服务端的图片也需要后端进行相应的跨域设置。 项目地址 [链接] 使用方法 npm 下载使用 {代码...} 直接引用 可...

看webpack配置。启用tree-shaking就是部分引入，否则就是全部引入。

Git在我们的开发过程中必不可少，所以我记录了一些自己工作中常用的命令： 原文请见我的github>> 初始化 git init 克隆项目 git clone 长期保存密码 git config --global credential.helperstore 获取分支 git fetch origin 合并分支 git merge 获取并且合并分...

更多资源请Star：[链接] 文章转自：[链接] 7月份前端资源分享 1. Javascript this.length >>> 0 的作用(Javascript)？ 数组元素随机化排序算法实现 JavaScript学习笔记：数组随机排序 44个 Javascript 变态题解析 (上) 44个 Javascript 变态题解析 (下) Jav...

综合运用react,redux,react-redux,immutable.js,styled-components等工具库，完成一个Todos案例。

由于webpack不支持低版本IE下启动服务实时测试，必须通过打包才知道测试结果。 所以请用户自行在其他浏览器编写测试，最后回跑测试打包的IE代码压缩导致无法兼容低版本IE,故取消代码压缩功能。如有使用如Jquery第三方库的同学，最好自行引用它的min版本，而不是通过...

webpack2-Scaffolding 请各位看客老爷不要吝啬自己的Star，先来Github右上角Star一下呗。 Github右上角Star。 Github右上角Star。 重要的事情说三遍 项目地址 [链接] 介绍 webpack2脚手架正式版，一个多资源统筹的脚手架。本项目使用avalon2作为演示框架。为兼容低版...

如果不是为了兼容低版本浏览器，还是直接使用CSS3动画吧。性能好，动画流畅

这个启动包的针对单页应用和多页应用做了特殊处理，可以混合开发。所有都是可配置，富特性，基于webpack已经提供代码热加载，使用postCss(可添加替换sass,less)预处理css，代码分割等等更多。（下一步是：完善单元测试，代码覆盖率报告）