摘要: ## webpack快速入门教程 ###1、了解Webpack相关 * 什么是webpack * Webpack是一个模块打包器(bundler)。 * 在Webpack看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理 * 它将根据模块的依赖关系进行静态 阅读全文
posted @ 2019-07-26 10:11 竹林听雪 阅读(172) 评论(0) 推荐(0) 编辑
摘要: * Gulp介绍 * 中文主页: http://www.gulpjs.com.cn/ * gulp是与grunt功能类似的**前端项目构建**工具, 也是基于Nodejs的自动**任务运行器** * 能自动化地完成 javascript/coffee/sass/less/html/image/css 阅读全文
posted @ 2019-07-26 10:10 竹林听雪 阅读(215) 评论(0) 推荐(0) 编辑
摘要: * Grunt介绍 * 中文主页 : http://www.gruntjs.net/ * 是一套前端**自动化构建**工具,一个基于nodeJs的命令行工具 * 它是一个**任务运行器**, 配合其丰富强大的**插件** * 常用功能: * **合并文件**(js/css) * **压缩文件**(j 阅读全文
posted @ 2019-07-26 10:09 竹林听雪 阅读(127) 评论(0) 推荐(0) 编辑
摘要: * zepto * 特点: 1、体积8kb 2、针对移动端的框架 3、语法同jquery大部分一样,都是$为核心函数 4、目前功能完善的框架体积最小的左右 * 同jquery相似的语法 核心:$ --作为函数使用 参数: 1、function(){} 2、选择器字符串 3、html标签字符串 3、D 阅读全文
posted @ 2019-07-25 13:08 竹林听雪 阅读(229) 评论(0) 推荐(0) 编辑
摘要: ## JS模块化 * 模块化的理解 * 什么是模块? * 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 * 块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 * 一个模块的组成 * 数据 >内部的属性 * 操作数据的行为 >内部的函数 阅读全文
posted @ 2019-07-25 06:58 竹林听雪 阅读(146) 评论(0) 推荐(0) 编辑
摘要: ## ES7* 指数运算符: *** Array.prototype.includes(value) : 判断数组中是否包含指定value * **区别方法的2种称谓** * 静态(工具)方法 * Fun.xxx = function(){} * 实例方法 * 所有实例对象 : Fun.protot 阅读全文
posted @ 2019-07-25 06:56 竹林听雪 阅读(183) 评论(0) 推荐(0) 编辑
摘要: ## ES6 1. **2个新的关键字** * let/const * 块作用域 * 没有变量提升 * 不能重复定义 * 值不可变 (***let1. 作用: * 与var类似, 用于声明一个变量2. 特点: * 在块作用域内有效 * 不能重复声明 * 不会预处理, 不存在提升3. 应用: * 循环 阅读全文
posted @ 2019-07-25 06:55 竹林听雪 阅读(131) 评论(0) 推荐(0) 编辑
摘要: ## ES5 **严格模式** 1. 理解: * 除了正常运行模式(混杂模式),ES5添加了第二种运行模式:"严格模式"(strict mode)。 * 顾名思义,这种模式使得Javascript在更严格的语法条件下运行2. 目的/作用 * 消除Javascript语法的一些不合理、不严谨之处,减少 阅读全文
posted @ 2019-07-25 06:54 竹林听雪 阅读(257) 评论(0) 推荐(0) 编辑
摘要: # JS高级第一天## JS基本介绍+ JS的用途:Javascript可以实现浏览器端、服务器端(nodejs)。。。+ 浏览器端JS由以下三个部分组成: - ECMAScript:基础语法(数据类型、运算符、函数。。。) - BOM(浏览器对象模型):window、location、histor 阅读全文
posted @ 2019-07-23 07:48 竹林听雪 阅读(210) 评论(0) 推荐(0) 编辑
摘要: CSS3【控制样式,网页布局】 ——CSS3中新特性样式篇 ### 背景 background-origin: 规定背景图片的定位区域。 padding-box 背景图像相对内边距定位【默认值】 border-box 背景图像相对边框定位【以边框左上角为参照进行位置设置】 content-box 背 阅读全文
posted @ 2019-07-22 21:24 竹林听雪 阅读(174) 评论(0) 推荐(0) 编辑