摘要：
npm npm 的全称是 Node Package Manager 是 JavaScript 世界的包管理工具，并且是 Node.js 平台的默认包管理工具，在安装的 nodejs 的时候，npm 会跟着一起安装。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。 常用命令： ``` npm 阅读全文
摘要：
在我们日常使用gulp进行js文件压缩合并的时候： gulp.task('copy-js',() => { gulp.src('./js/**/*') .pipe(concat('main.js')) .pipe(gulp.dest('dist/js')) .pipe(uglify()) .pipe 阅读全文
摘要：
在这里简单的介绍一下在页面布局中很重要的选项卡，在页面中，选项卡也是经常使用到的布局，所以我们需要多加的练习掌握才可以，除了用jQuery熟练实现它的功能，更需要知道如何用JavaScript原生实现选项卡的功能。接下来废话不多说，先上jq完成的选项卡： 这里面我们要懂得如何去获取li中的索引，然后 阅读全文
摘要：
主要考虑客户端性能、服务器端和网络性能，内容框架来自Yahoo Developer Network（雅虎开发者网站），包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名考虑的一 阅读全文
摘要：
在javascript中，到我目前的学习中总结得到的认知是在事件触发阶段主要是由于事件流： 我们在HTML中先设置一个div： 然后获取它： 1,DOM0级事件处理阶段也就是基础的赋值式绑定的方法： 在这个赋值式的方法中删除事件绑定就给事件设为空： 这个方法虽然简单没有兼容而且简单但是有个缺点就是会 阅读全文
摘要：
在这里我们运用面向对象的方法来书写编程： 简易轮播图 首先 // OOA:分析： // 轮播图：点击左右按钮切换图片 // 1.选择元素 // 2.绑定点击事件 // 3.计算索引 // 4.根据索引，显示图片 // OOD：设计 // function Banner(){ // // 1.选择元素 阅读全文
摘要：
1.属性的简洁表示法 ES6允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 上面代码表明，ES6允许在对象之中，直接写变量。这时，属性名为变量名，属性值为变量的值。下面是另一个例子。 除了属性简写，方法也可以简写。 下面是一个实际的例子。 这种写法用于函数的返回值，将会非常方便。 阅读全文
摘要：
页面中可以分为：结构、样式、行为。而JS负责的就是对页面的渲染，让页面有行为可以行动起来。就经典就是轮播图。 JavaScript在设计之初只是为了做表单验证。但是现如今，JavaScript已经成为了一门功能全面的编程语言，已经是WEB中不可缺少的一部分，如今的JavaScript是一门既简单又复 阅读全文
摘要：
前言 this 是 JavaScript 中不可不谈的一个知识点，它非常重要但又不容易理解。因为 JavaScript 中的 this 不同于其他语言。不同场景下的 this 指向不同（当函数被调用执行时会生成变量对象，确定 this 的指向，因此当前函数的 this 是在函数被调用执行的时候才确定 阅读全文
摘要：
首先呢，DOM在JS中就是 Document Object Model的缩写，简称就是文档对象类型，它给文档提供了一种结构化的表示方式，可以改变文档的内容和呈现方式。不过我们要关心的是DOM如何把网页和脚本以及其他的编程语言联系起来。DOM是以家族的形式描述HTML。父子节点，兄弟节点。 DOM中的 阅读全文