这是自己撸的一个react脚手架 使用了代码分片、按需加载、DLL等方式来优化项目,所以你不用为项目过大而烦恼。 并且将webpack配置全部暴露出来,你可以根据自己的喜好去修改。 github地址:https://gi…
标签:es6
如何发布一个ES6语法编写的react组件到NPM社区
以往都是用 ES5 语法写 react 组件并发布到 npm,最近,用 ES6 语法写了一个react拖曳组件,在本地调试完毕后,发布到 NPM 社区,出现了一系列问题,记录一下。本文源码可参考这里 react 组件开发…
Webpack 配置 React 开发环境
Webpack 配置 React 开发环境 先完成基本的配置项,后面在根据项目的复杂度加入更多的配置内容和技巧 Webpack 是一个前端资源加载/打包工具,只需要相对简单的配置就可以提供前端工程化需要的各种功能,并且如…
使用ES6的新特性Proxy来实现一个数据绑定实例
项目地址:https://github.com/jrainlau/mog在线体验:http://codepen.io/jrainlau/pe… 作为一个前端开发者,曾踩了太多的“数据绑定”的坑。在早些时候,都…
Vue-Cleave - 在Vue中使用CleaveJS格式化你的输入内容
项目地址:https://github.com/jrainlau/vue-cleave What’s CleaveJS? CleaveJS是最近github上的一个热门项目,在短短的一个多月中star数达到了…
Vue+WebSocket+ES6+Canvas 制作【你画我猜】小游戏
项目地址:https://github.com/jrainlau/draw-something 下载 & 运行 git clone git@github.com:jrainlau/draw-something.g…
vue项目 es6语法报错
代码库迁移时遇到的问题 1.不识别es6语法 扩展运算符…报错 …是es6的对象扩容运算符,目前babel暂不支持,需要引入新的包来解决,要安装一个babel插件翻译对象展开运算符语法。 解决方法…
从0开始使用webpack搭建react工作流
很多人想搭建一套属于自己的前端工作流,最开始的时候我们的工作流萌芽是从写一个项目的时候,拷贝以前写过的一个项目文件夹改完直接使用开始的,后来使用了grunt和gulp,再到webpack,每一个前端人员想掌握如何书写一个…
vue父子组件通信
组件目录结构 parentchild API: \$emit、 \$on、 \$refs、 props 1、父子组件通信 需求合理性我们先不考虑,demo就为了搞清怎么通信,我们要求:1、父组件传值给子组件,同时父组件i…
vue-split-table【表格合并和编辑插件】
前言 vue-split-table应用的效果图 vue-split-table开源地址,欢迎star,现在已经开源和同步到npm上轻松搞定表格拆分或者合并,编辑,再也不怕被产品怼啦 1.核心源码分析 <td>…
麻雀虽小五脏俱全的Vue拉勾项目,看看应该有帮助
全栈系列Vue版拉勾,客官们来瞧瞧 模拟拉勾app系列—vue前端界面 github地址,来猛戳吧 前言 本项目是本人在闲暇时间编写的一个初级引导项目,麻雀虽小五脏俱全,所使用的东西绝大多数在开发中都能用得到…
vue.js学习和实战笔记
vue.js记录 文章已同步我的github笔记 https://github.com/ymblog/blog,欢迎大家加star~~,加star后人生更加美好…… vue实例 生命周期 beforeCreate:不能访…