摘要: webpack简述 按照 "webapck官网" 所说,webpack是一个模块打包工具(webpack is a module bundler)。它接收依赖的模块,将其转化为静态资源。 webpack与众不同的三大核心概念 1. Code Spliting 2. Loaders 3. Plugin 阅读全文
posted @ 2017-03-22 13:18 万里秋山 阅读(1794) 评论(2) 推荐(0) 编辑
摘要: 1.最简单的,使用变量,然后用匿名函数包裹,不封装 2.对象字面量简单封装(不完整的模块模式,因为无法达到变量、方法私有效果。不过确实有分离和组织代码的能力,也就算一种简略的模块模式的实现方式) var Carousel = { init: function(){...}, bind: functi 阅读全文
posted @ 2017-03-22 13:16 万里秋山 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 本文是学习慕课网 "阿当大话西游之WEB组件" 后的一个总结。 组件的分类 1 框架组件:依赖于某种框架的组件 2 定制组件:根据公司业务定制的组件 3 独立组件:不依赖框架的组件 定义和加载组件 解决css和js命名冲突 css:通过加前缀来形成命名空间,不要用子孙选择器 js:通过匿名函数自执行 阅读全文
posted @ 2017-03-22 13:15 万里秋山 阅读(686) 评论(0) 推荐(0) 编辑
摘要: 前言 jQuery插件开发包括两种: 1. 给jQuery添加静态方法 2. 给jQuery的原型添加方法 给jQuery添加静态方法 1. 直接添加新的全局函数 jQuery.foo = function() { alert('This is a test. This is only a test 阅读全文
posted @ 2017-03-22 13:12 万里秋山 阅读(608) 评论(0) 推荐(0) 编辑
摘要: flex语法 采用Flex布局的元素,称为Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。 容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与 阅读全文
posted @ 2017-03-22 13:10 万里秋山 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 前言 SASS是一种CSS预处理器(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。 SASS提供四个编译风格的选项: nested:嵌套缩进的css代码,它是默认值。 expanded:没有缩进的、扩展的css代码。 com 阅读全文
posted @ 2017-03-22 11:48 万里秋山 阅读(570) 评论(2) 推荐(0) 编辑
摘要: 安全的类型检测 function isArray(value){ return Object.prototype.toString.call(value) === "[object Array]"; } function isFunction(value){ return Object.protot 阅读全文
posted @ 2017-03-22 11:42 万里秋山 阅读(474) 评论(0) 推荐(0) 编辑