摘要: 前两篇中我们使用webpack完成了静态资源(css/js/img)等自动写入HTML模板中,同时还可以为静态资源添加hash版本号,既满足了我们对于静态资源的打包要求,同时又无需开发人员介入打包过程,让我们的重点集中在业务逻辑的实现上来。但是每次修改完代码后如果手动执行 webpack 命令才能生 阅读全文
posted @ 2015-12-07 23:01 大魔王萨格拉斯 阅读(15187) 评论(2) 推荐(2) 编辑
摘要: 今天我们继续来进行webpack工程化开发的探索! 首先来验证上一篇文章 基于webpack的前端工程化开发解决方案探索(一):动态生成HTML 中的遗留问题:webpack将如何处理按需加载的资源,还能继续通过AJAX进行异步加载吗? 1. require.ensure 在上一章我们已经知道通过r 阅读全文
posted @ 2015-12-04 15:18 大魔王萨格拉斯 阅读(5083) 评论(5) 推荐(2) 编辑
摘要: Hello,大家好!在前面三章中我们与大家分享如何使用webpack来完成前端的模块化打包工作,并附带了一些简单的案例实现,算是webpack的一个入门吧。从这一章开始,我们将陆续为大家介绍如何使用webpack来完成前端工程化开发。 1.什么是工程化开发 软件工程的工程化开发概念由来已久,... 阅读全文
posted @ 2015-12-03 15:29 大魔王萨格拉斯 阅读(16415) 评论(3) 推荐(4) 编辑
摘要: Hello,大家好。 在之前两篇文章中: webpack练手项目之easySlide(一):初探webpack webpack练手项目之easySlide(二):代码分割 与大家分享了webpack的基本使用方法,以及使用webpack对代码进行分割,根据需求进行异步加载。 今... 阅读全文
posted @ 2015-12-02 15:20 大魔王萨格拉斯 阅读(7204) 评论(2) 推荐(0) 编辑
摘要: Hello,大家好。 在上一篇 webpack练手项目之easySlide(一):初探webpack 中我们一起为大家介绍了webpack的基本用法,使用webpack对前端代码进行模块化打包。 但是乍一看webpack只是将所有资源打包到一个JS文件中而已,并没有做到真正的按需加载,这当然不是我们 阅读全文
posted @ 2015-12-01 17:21 大魔王萨格拉斯 阅读(5068) 评论(3) 推荐(0) 编辑
摘要: 最近在学习webpack,正好拿了之前做的一个小组件,图片轮播来做了下练手,让我们一起来初步感受下webpack的神奇魅力。 webpack是一个前端的打包管理工具,大家可以前往:http://webpack.github.io/作详细了解。相对于之前的前端模块打包工具, 个人认为webpac... 阅读全文
posted @ 2015-11-30 14:21 大魔王萨格拉斯 阅读(6455) 评论(2) 推荐(0) 编辑
摘要: 什么是JS事件流 早期的IE事件传播方向为由上至下,即从document逐级向下传播到目标元素;而Netscape公司的NetscapeNavigator则是朝相反的方向传播,也就是从目标元素开始向上逐级传播最终至window。 后来ECMAScript在DOM2中对事件流进行了进一步规范,基本... 阅读全文
posted @ 2015-11-23 15:46 大魔王萨格拉斯 阅读(1498) 评论(0) 推荐(1) 编辑
摘要: Hello,今天和大家分享如何修改setInterval作用域。0.引子 最近在做一个项目的时候需要开发一个图片轮播显示的组件,在实现过程中遇到了关于setInterval作用域的问题。 1 SlidePicture.prototype={ 2 constructor:SlidePic... 阅读全文
posted @ 2015-11-19 13:44 大魔王萨格拉斯 阅读(3693) 评论(2) 推荐(2) 编辑
摘要: 介绍了JS中的变量存储原理第二部分,关于对象的存储原理:JS预加载阶段和执行阶段,以及在内存中堆栈的存储划分。 阅读全文
posted @ 2015-11-17 12:39 大魔王萨格拉斯 阅读(6122) 评论(2) 推荐(3) 编辑
摘要: JS分为预加载和执行期两个阶段,前者只会确定变量的作用域,在执行期才会对齐进行赋值,同时也就确定了变量的具体类型。 阅读全文
posted @ 2015-11-16 17:29 大魔王萨格拉斯 阅读(6901) 评论(1) 推荐(2) 编辑