摘要：
redux的作用 redux解决了react组件状态的两个问题: 1.组件作用域封闭，独立组件间实现状态通信困难； 2.组件的视图层和状态耦合紧密，在某些复杂和组件数量多的情况下管理组件状态很麻烦； 有了redux,我们分离了视图和状态的统一管理（事实上我们更多时间是在做着管理状态的工作）这样显得更 阅读全文
摘要：
配置ES6 1.安装插件: babel loader,babel preset es2015,babel preset react. 2.添加配置文件中部分内容: { test: /\.js$/, loader: 'babel loader', query: { presets: ['es2015' 阅读全文
摘要：
前端的开发环境与部署环境应该是有差异的，这是因为开发便利与程序最后优异的性能追求会有一些地方的冲突。 开发环境 前端开发越来越体现工程化改革的姿态，无论是工具的进化还是框架的更新迭代，前端是对性能的狂热追求者。 工程化的不断进步，必然导致的就是开发环境的多姿多态，各种工具，各种插件，各种方案，而不可 阅读全文
摘要：
首先要说明下文档加载完成是什么概念 一个页面http请求访问时，浏览器会将它的html文件内容请求到本地解析，从窗口打开时开始解析这个document，页面初始的html结构和里面的文字等内容加载完成 + 图片标签及样式文件中的引用的图片加载完成（多媒体内容类似）大致为document加载完成的时间 阅读全文
摘要：
webpack支持css文件加载并打包，只需安装相应加载器并在配置文件中配置 。 加载的css文件内容会与该模块里的js内容混合封装，这样做的好处是一个js文件包含了所有的css与js内容，有效减少了http请求次数，显著提高了页面响应性能的用户体验。 加载css文件时，如果css里含有图片的引用地 阅读全文
摘要：
使用webpack工具需要配置一个根目录下的配置文件，文件名默认为webpack.condfig.js，配置文件导出一个模块对象，包含了webpack工具的相关配置参数，这个模块对象将会以参数形式被引用。 参数 ： entry 该参数对象指明了入口文件的配置: 参数 : output 该参数对象指明 阅读全文
摘要：
ES6修补了一位Js修真者诸多的遗憾。 曾几何时，我这个小白从js非阻塞特性的坑中爬出来，当我经历了一些回调丑陋的写法和优化的尝试之后，我深深觉得js对于多线程阻塞式的开发语言而言，可能有着其太明显的缺点，而又无法忽略的是也正因为这一点，node.js处理并行的能力被人看作优点，在我看来，这其实有着 阅读全文
摘要：
1.实现position为fixed与absolute值时居中定位: 给需要定位的元素块外加一层div盒子，外层div盒子存在于文档流中，让外层div盒子居中定位并设置position属性为relative，内部内容据此再定位。 2.保持图片宽高比例不变形失真： img标签设置宽度百分比，基数为外层 阅读全文
摘要：
"/"与”\“区别：”/“是unix系统区分文件层级的标志，因为当前web应用程序在服务器端大都使用基于unix系统开发的操作系统，所以web程序包括浏览器里url都遵以”/“来区分层级；”\“是windows操作系统在文件系统中区分文件层级的标志，以前经常使用dos指令遵以这个标准，所以我们使用w 阅读全文
摘要：
实现多文件拖拽上传的简易Node项目，可以在github上下载，你可以先下载下来：https://github.com/Johnharvy/upLoadFiles/。 解开下载下的zip格式包，建议用webstom 运行该项目，通过app.js启动项目,如果提示找不到node.exe执行环境，请指定 阅读全文