关于项目的用法和介绍可以查看上面的两个链接,这篇文章主要内容是对 filemap.js 的代码进行一步一步的分析,详细介绍其运行原理和优化策略。
知识点准备:
NodeJS 的基本使用方法(主要是 fs 文件系统);
ES6 特性及语法( let , const ,
for...of , arrow function ...)
n叉树先序遍历算法 。
知识...
分类:
编程语言 时间:
2016-07-18 04:25:46
阅读次数:
366
数组的扩展 Array.from() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。 Array.from方法则是还支持类似数组的对象。所谓类似数组的对象,本质特 ...
分类:
编程语言 时间:
2016-07-16 20:10:08
阅读次数:
262
React已成为前端当下最热门的前端框架之一 , 其虚拟DOM和组件化开发让前端开发更富灵活性,而Webpack凭借它异步加载和可分离打包等优秀的特性,更为React的开发提供了便利。其优秀的特性不再赘述。本文将详细的记录react babel webpack的环境搭建,以及搭建的过程中遇到的一些坑 ...
分类:
Web程序 时间:
2016-07-16 06:45:04
阅读次数:
667
React +ES6 +Webpack入门React已成为前端当下最热门的前端框架之一 , 其虚拟DOM和组件化开发让前端开发更富灵活性,而Webpack凭借它异步加载和可分离打包等优秀的特性,更为React的开发提供了便利。其优秀的特性不再赘述。本文将详细的记录react babel webpack的环境搭建,以及搭建的过程中遇到的一些坑。
一、新建React项目
1、如图为新建react项目结...
分类:
Web程序 时间:
2016-07-15 21:43:47
阅读次数:
611
因为最近在工作中尝试了 webpack、react、redux、es6 技术栈,所以总结出了一套 boilerplate,以便下次做项目时可以快速开始,并进行持续优化。
项目结构规划
每个模块相关的 css、img、js 文件都放在一起,比较直观,删除模块时也会方便许多。测试文件也同样放在一起,哪些模块有没有写测试,哪些测试应该一起随模块删除,一目了然。
build
|-- webp...
分类:
Web程序 时间:
2016-07-15 21:14:09
阅读次数:
701
BodeAbp的前端可以根据自己的喜好选型,推荐React.js、angular2.js、vue.js,后续我会以react.js为例说明BodeAbp前端的一些设计思路。 BodeAbp提供的前端demo涉及到一些最新的前端技术,需要一定的学习成本。主要涉及到的技术:react.js、es6、we ...
分类:
其他好文 时间:
2016-07-15 19:48:18
阅读次数:
238
恢复内容开始 要想用react,需要安装: 1)babel-sublime; 作用:编译es6,支持ES6, React.js, jsx代码高亮,并对所编译的代码进行高亮显示。 安装步骤:在github(https://github.com/ruanyf/react-babel-webpack-bo ...
分类:
其他好文 时间:
2016-07-15 06:28:51
阅读次数:
135
数据的双向绑定(ES6写法) 效果: 没有改变 input 框里面的值时 将input 框里面的值清空时: 重新给 input 框输入 豆豆 后页面中 span 里绑定{{testData.name}}的值随着 input 框值的变化而变化. 在Vue.js中可以使用v-model指令在表单元素上创 ...
分类:
Web程序 时间:
2016-07-14 23:48:03
阅读次数:
195
1、新的字符串特性 标签模板: String.raw(callSite, ...substitutions) : string 用于获取“原始”字符串内容的模板标签(反斜杠不再是转义字符): > String.raw`\` '\\' true String.raw(callSite, ...subs ...
分类:
其他好文 时间:
2016-07-14 11:48:08
阅读次数:
288