摘要：
前面的话 为什么要引入pug，pug有什么特别之处呢？有一些嵌套层次较深的页面，可能会出现巢状嵌套，如下图所示 在后期维护和修改时，一不小心少了一个尖括号，或者某个标签的开始和闭合没有对应上，就会导致DOM结构的混乱甚至是错误。所以，有人发明了HAML，它最大的特色就是使用缩进排列来代替成对标签。受 阅读全文
posted @ 2017-09-01 20:19
于继海
阅读(854)
评论(0)
推荐(0)
摘要：
前面的话 Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具。本文将详细介绍如何使用Mongoose来操作MongoDB NodeJS驱动 在介绍Mongoose之前，首先介绍使用NodeJS操作MongoDB的方法 如果使用程序操作数据库，就要使用MongoDB 阅读全文
posted @ 2017-09-01 20:19
于继海
阅读(569)
评论(0)
推荐(0)
摘要：
前面的话 正则表达式是javascript操作字符串的一个重要组成部分，但在以往的版本中并未有太多改变。然而，在ES6中，随着字符串操作的变更， ES6也对正则表达式进行了一些更新。本文将详细介绍ES6正则表达式扩展 构造函数 在 ES5 中，RegExp构造函数的参数有两种情况。 第一种情况是，参 阅读全文
posted @ 2017-09-01 20:18
于继海
阅读(707)
评论(0)
推荐(0)
摘要：
前面的话 JS中的字符串类型是由引号括起来的一组由16位Unicode字符组成的字符序列。在过去，16位足以包含任何字符，直到Unicode引入了扩展字符集，编码规则不得不进行变更。本文将详细介绍ES6关于Unicode的相关扩展 概述 Unicode的目标是为世界上每一个字符提供唯一标识符，唯一标 阅读全文
posted @ 2017-09-01 20:18
于继海
阅读(258)
评论(0)
推荐(0)
摘要：
前面的话 过去，javascript缺乏块级作用域，var声明时的声明提升、属性变量等行为让人困惑。ES6的新语法可以帮助我们更好地控制作用域。本文将详细介绍ES6新引入的块级作用域绑定机制、let和const声明机制及最佳实践 var声明 【变量提升】 var声明会发生”变量提升“现象，即变量可以 阅读全文
posted @ 2017-09-01 20:18
于继海
阅读(310)
评论(0)
推荐(0)
摘要：
前面的话 ES6是JavaScript语言的下一代标准，已经在 2015 年 6 月正式发布。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言 为什么要学习ES6呢？很多流行的JavaScript开源框架都使用ES6编写，如Vue.js、video.js 阅读全文
posted @ 2017-09-01 20:17
于继海
阅读(189)
评论(0)
推荐(0)
摘要：
前面的话 字符串是编程中重要的数据类型，只有熟练掌握字符串操作才能更高效地开发程序。JS字符串的特性总是落后于其它语言，例如，直到 ES5 中字符串才获得了 trim() 方法。而 ES6 则继续添加新功能以扩展 JS 解析字符串的能力。本文将详细介绍ES6中字符串扩展 子串识别 自从 JS 引入了 阅读全文
posted @ 2017-09-01 20:17
于继海
阅读(135)
评论(0)
推荐(0)
摘要：
前面的话 函数是所有编程语言的重要组成部分，在ES6出现前，JS的函数语法一直没有太大的变化，从而遗留了很多问题和的做法，导致实现一些基本的功能经常要编写很多代码。ES6大力度地更新了函数特性，在ES5的基础上进行了许多改进，使用JS编程可以更少出错，同时也更加灵活。本文将详细介绍ES6函数扩展 形 阅读全文
posted @ 2017-09-01 20:16
于继海
阅读(413)
评论(0)
推荐(0)
摘要：
前面的话 JS 的字符串相对其他语言来说功能总是有限的，事实上，ES5中一直缺乏许多特性，如多行字符串、字符串格式化、HTML转义等。ES6通过模板字面量的方式进行了填补，模板字面量试着跳出JS已有的字符串体系，通过一些全新的方法来解决类似的问题。本文将详细介绍ES6模板字面量 基本用法 模板字面量 阅读全文
posted @ 2017-09-01 20:16
于继海
阅读(299)
评论(0)
推荐(0)
摘要：
前面的话 我们经常定义许多对象和数组，然后有组织地从中提取相关的信息片段。在ES6中添加了可以简化这种任务的新特性：解构。解构是一种打破数据结构，将其拆分为更小部分的过程。本文将详细介绍ES6解构赋值 引入 在ES5中，开发者们为了从对象和数组中获取特定数据并赋值给变量，编写了许多看起来同质化的代码 阅读全文
posted @ 2017-09-01 20:14
于继海
阅读(2072)
评论(0)
推荐(0)
摘要：
前面的话 随着JS应用复杂度的不断增加，开发者在程序中使用对象的数量也在持续增长，因此对象使用效率的提升就变得至关重要。ES6通过多种方式来加强对象的使用，通过简单的语法扩展，提供更多操作对象及与对象交互的方法。本章将详细介绍ES6对象扩展 对象类别 在浏览器这样的执行环境中，对象没有统一的标准，在 阅读全文
posted @ 2017-09-01 20:14
于继海
阅读(147)
评论(0)
推荐(0)
摘要：
前面的话 用循环语句迭代数据时，必须要初始化一个变量来记录每一次迭代在数据集合中的位置，而在许多编程语言中，已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一个元素 迭代器的使用可以极大地简化数据操作，于是ES6也向JS中添加了这个迭代器特性。新的数组方法和新的集合类型(如Set集合与Ma 阅读全文
posted @ 2017-09-01 20:13
于继海
阅读(193)
评论(0)
推荐(0)
摘要：
前面的话 在ES6标准制定以前，由于可选的集合类型有限，数组使用的又是数值型索引，因而经常被用于创建队列和栈。如果需要使用非数值型索引，就会用非数组对象创建所需的数据结构，而这就是Set集合与Map集合的早期实现。本文将详细介绍ES6中的set和map集合 引入 Set集合是一种无重复元素的列表，开 阅读全文
posted @ 2017-09-01 20:13
于继海
阅读(187)
评论(0)
推荐(0)
摘要：
前面的话 ES5中包含5种原始类型：字符串、数字、布尔值、null和undefined。ES6引入了第6种原始类型——Symbol ES5的对象属性名都是字符串，很容易造成属性名冲突。比如，使用了一个他人提供的对象，想为这个对象添加新的方法，新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保 阅读全文
posted @ 2017-09-01 20:13
于继海
阅读(454)
评论(0)
推荐(0)
摘要：
前面的话 大多数面向对象的编程语言都支持类和类继承的特性，而JS却不支持这些特性，只能通过其他方法定义并关联多个相似的对象，这种状态一直延续到了ES5。由于类似的库层出不穷，最终还是在ECMAScript 6中引入了类的特性。本文将详细介绍ES6中的类 ES5近似结构 在ES5中没有类的概念，最相近 阅读全文
posted @ 2017-09-01 18:16
于继海
阅读(266)
评论(0)
推荐(0)
摘要：
前面的话 JS有很多强大的功能，其中一个是它可以轻松地搞定异步编程。作为一门为Web而生的语言，它从一开始就需要能够响应异步的用户交互，如点击和按键操作等。Node.js用回调函数代替了事件，使异步编程在JS领域更加流行。但当更多程序开始使用异步编程时，事件和回调函数却不能满足开发者想要做的所有事情 阅读全文
posted @ 2017-09-01 18:15
于继海
阅读(285)
评论(0)
推荐(0)
摘要：
前面的话 定型数组是一种用于处理数值类型(正如其名，不是所有类型)数据的专用数组，最早是在WebGL中使用的，WebGL是OpenGL ES 2.0的移植版，在Web 页面中通过 <canvas> 元素来呈现它。定型数组也被一同移植而来，其可为JS提供快速的按位运算。本文将详细介绍ES6定型数组 概 阅读全文
posted @ 2017-09-01 18:15
于继海
阅读(503)
评论(0)
推荐(0)
摘要：
前面的话 数组是一种基础的JS对象，随着时间推进，JS中的其他部分一直在演进，而直到ES5标准才为数组对象引入一些新方法来简化使用。ES6标准继续改进数组，添加了很多新功能。本文将详细介绍ES6数组扩展 静态方法 在ES6以前，创建数组的方式主要有两种，一种是调用Array构造函数，另一种是用数组字 阅读全文
posted @ 2017-09-01 18:15
于继海
阅读(257)
评论(0)
推荐(0)
摘要：
前面的话 虽然ajax全称是asynchronous javascript and XML。但目前使用ajax技术时，传递JSON已经成为事实上的标准。因为相较于XML而言，JSON简单且方便。本文将上一篇中的实例进行改写，以JSON的方式来进行数据传递 前端页面 <!-- 前端页面 --> <!D 阅读全文
posted @ 2017-09-01 18:13
于继海
阅读(241)
评论(0)
推荐(0)
摘要：
前面的话 在上一篇中，概要地介绍了XHR对象的使用。本文将详细介绍使用XHR对象发送请求的两种方式——GET和POST。下面将以实例的形式来详细说明 GET GET是最常见的请求类型，最常用于向服务器查询某些信息，它适用于当URL完全指定请求资源，当请求对服务器没有任何副作用以及当服务器的响应是可缓 阅读全文
posted @ 2017-09-01 18:13
于继海
阅读(186)
评论(0)
推荐(0)
摘要：
前面的话 每个HTTP请求和响应都会带有相应的头部信息，其中有的对开发人员有用。XHR对象提供了操作头部信息的方法。本文将详细介绍HTTP的头部信息 默认信息 默认情况下，在发送XHR请求的同时，还会发送下列头部信息 Accept: 浏览器能够处理的内容类型 Accept-Charset: 浏览器能 阅读全文
posted @ 2017-09-01 18:13
于继海
阅读(198)
评论(0)
推荐(0)
摘要：
前面的话 在以前，网站的用户与后端交互的主要方式是通过HTML表单的使用。表单的引入在1993年，由于其简单性和易用性，直到电子商务出现之前一直保持着重要位置。理解表单提交，对于更深入地理解ajax是有好处的。下面将详细介绍表单形式的交互 建立表单 表单处理是一个多线程。首先创建一个表单，以供用户输 阅读全文
posted @ 2017-09-01 18:13
于继海
阅读(226)
评论(0)
推荐(0)
摘要：
前面的话 客户端javascript其中一个基本的特性就是单线程：比如，浏览器无法同时运行两个事件处理程序，它也无法在一个事件处理程序运行的时候触发一个计时器。Web Worker是HTML5提供的一个javascript多线程解决方案，可以将一些大计算量的代码交由web Worker运行从而避免阻 阅读全文
posted @ 2017-09-01 18:12
于继海
阅读(321)
评论(0)
推荐(0)
摘要：
前面的话 页面性能一直都是Web开发人员比较关注的领域。但在实际应用中，度量页面性能的指标，是javascript的Date对象。Web Timing API改变了这个局面，让开发人员通过javascript就能使用浏览器内部的度量结果，给出了页面加载和渲染过程的很多信息，对性能优化非常有价值。本文 阅读全文
posted @ 2017-09-01 18:12
于继海
阅读(440)
评论(0)
推荐(0)
摘要：
前面的话 在深入了解jQuery的各个细节之前，需要对jQuery的设计思想有一个大致的了解。在遇到问题时， 知道应该使用jQuery的哪一个功能，然后迅速从手册中找到具体的用法。本文将详细介绍jQuery的设计思想 选择元素 jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进 阅读全文
posted @ 2017-09-01 18:12
于继海
阅读(335)
评论(0)
推荐(0)
摘要：
前面的话 如果某些事情就像魔法一样，那意味着看到了新生事物的曙光，任何足够先进的技术都和魔法无异。 javascript就如同魔法一样，它是一门充满活力、简单易用的语言，又是一门具有许多复杂微妙技术的语言。即使是经验丰富的javascript开发者，如果没有认真学习的话，也无法真正理解它们，这就是j 阅读全文
posted @ 2017-09-01 18:11
于继海
阅读(330)
评论(0)
推荐(0)
摘要：
前面的话 二进制数组(ArrayBuffer对象、TypedArray视图和DataView视图)是javascript操作二进制数据的一个接口。这些对象早就存在，属于独立的规格(2011年2月发布)，ES6将它们纳入了ECMAScript规格，并且增加了新的方法。本文将详细介绍二进制数组 引入 二 阅读全文
posted @ 2017-09-01 18:11
于继海
阅读(1697)
评论(0)
推荐(0)
摘要：
前面的话 Blob是计算机界通用术语之一，全称写作：BLOB(binary large object)，表示二进制大对象。MySql/Oracle数据库中，就有一种Blob类型，专门存放二进制数据。在javascript中，Blob通常表示二进制数据，不过它们不一定非得是大量数据，Blob也可以表示 阅读全文
posted @ 2017-09-01 18:09
于继海
阅读(724)
评论(0)
推荐(0)
摘要：
前面的话 我们接收到的响应主体类型可以是多种形式的，包括字符串String、ArrayBuffer对象、二进制Blob对象、JSON对象、javascirpt文件及表示XML文档的Document对象等。下面将针对不同的主体类型，进行相应的响应解码 属性 在介绍响应解码之前，要先了解XHR对象的属性 阅读全文
posted @ 2017-09-01 18:09
于继海
阅读(246)
评论(0)
推荐(0)
摘要：
前面的话 目前来说，jQuery可能已经不再处于人们的话题中心。人们讨论的更多的是Vue、Angular和React。但是，jQuery的使用量依然广泛，据统计，它仍然是目前使用率最高的javascript库。jQuery简化了javascript的复杂操作，不再需要关心兼容性，提供了大量的实用方法 阅读全文
posted @ 2017-09-01 18:09
于继海
阅读(165)
评论(0)
推荐(0)
摘要：
前面的话 不能直接访问用户计算机中的文件，一直都是Web应用开发中的一大障碍。2000年以前，处理文件的唯一方式就是在表单中加入<input type="file">字段，仅此而已。FileAPI(文件API)的宗旨是为Web开发人员提供一种安全的方式，以便在客户端访问用户计算机中的文件，并更好地对 阅读全文
posted @ 2017-09-01 18:08
于继海
阅读(323)
评论(0)
推荐(0)
摘要：
前面的话 现代Web应用中频繁使用的一项功能就是表单数据的序列化，XMLHttpRequest 2级为此定义了FormData类型。FormData为序列化表单以及创建与表单格式相同的数据提供了便利。本文将先介绍表单编码，然后过渡到表单序列化，最后引出FormData的核心概念 表单编码 当用户提交 阅读全文
posted @ 2017-09-01 18:08
于继海
阅读(232)
评论(0)
推荐(0)
摘要：
前面的话 在CORS出现以前，要实现跨域Ajax通信颇费一些周折。开发人员想出了一些办法，利用DOM中能够执行跨域清求的功能，在不依赖XHR对象的情况下也能发送某种请求。虽然CORS技术已经无处不在，但开发人员自己发明的这些技术仍然被广泛使用，毕竞这样不需要修改服务器端代码。本文将详细介绍图像Pin 阅读全文
posted @ 2017-09-01 18:07
于继海
阅读(317)
评论(0)
推荐(0)
摘要：
前面的话 通过XHR实现Ajax通信的一个主要限制，来源于跨域安全策略。默认情况下，XHR对象只能访问与包含它的页面位于同一个域中的资源。这种安全策略可以预防某些恶意行为。但是，实现合理的跨域请求对开发某些浏览器应用程序也是至关重要的。CORS(Cross-Origin Resource Shari 阅读全文
posted @ 2017-09-01 18:07
于继海
阅读(248)
评论(0)
推荐(0)
摘要：
前面的话 base-64作为常见的编码函数，在基本认证、摘要认证以及一些HTTP扩展中得到了大量应用。在前端领域，也常常把图片转换为base-64编码在网络中传输。本文将详细介绍base64的原理及用js实现base64编码器的过程 原理 Base-64编码可以将任意一组字节转换成较长的常见文本字符 阅读全文
posted @ 2017-09-01 18:06
于继海
阅读(677)
评论(0)
推荐(0)
摘要：
前面的话 JSONP是JSON with padding(填充式JSON或参数式JSON)的简写，是应用JSON的一种新方法，常用于务器与客户端跨源通信，在后来的Web服务中非常流行。本文将详细介绍JSONP 基础 JSONP的基本思想是，网页通过添加一个<script>元素，向服务器请求JSON数 阅读全文
posted @ 2017-09-01 17:50
于继海
阅读(584)
评论(0)
推荐(0)
摘要：
前面的话 和Lisp、Haskell不同，javascript并非函数式编程语言，但在javascript中可以操控对象一样操控函数，也就是说可以在javascript中应用函数式编程技术。ES5中的数组方法(如map()和reduce())就可以非常适合用于函数式编程风格。本文将详细介绍函数式编程 阅读全文
posted @ 2017-09-01 17:48
于继海
阅读(231)
评论(0)
推荐(0)
摘要：
前面的话 IE浏览器实现了它专属的客户端存储机制——“userData”。userData可以实现一定量的字符串数据存储，可以将其用做是Web存储的替代方案。本文将详细介绍IE userData 概述 在IE5.0中，微软通过一个自定义行为引入了持久化用户数据的概念。用户数据允许每个文档最多128K 阅读全文
posted @ 2017-09-01 17:47
于继海
阅读(178)
评论(0)
推荐(0)
摘要：
前面的话 cookie是一种早期的客户端存储机制，起初是针对服务器端脚本设计使用的，只适合存储少量文本数据。从最底层来看，作为HTTP协议的一种扩展实现它。cookie数据会自动在Web浏览器和Web服务器之间传输，因此服务端脚本就可以读、写存储在客户端的cookie的值。任何以cookie形式存储 阅读全文
posted @ 2017-09-01 17:47
于继海
阅读(306)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2017-09-01 17:47
于继海
阅读(154)
评论(0)
推荐(0)
摘要：
前面的话 在大多数的项目组中，开发一个Web程序都会出现这样的流程：计划文档提交之后，前端工程师制作了网站的外观模型，然后把它交给后端工程师，它们使用后端代码实现程序逻辑，同时使用外观模型做成基本架构，然后工程被返回到前端工程师继续完善。就这样工程可能在后端工程师和前端工程师之间来来回回好几次。由于 阅读全文
posted @ 2017-09-01 17:46
于继海
阅读(476)
评论(0)
推荐(0)
摘要：
前面的话 Session技术和Cookie相似，都是用来储存使用者的相关资料。但最大的不同之处在于Cookie是将数据存放在客户端的计算机之中，而Session则是将数据存放于服务器系统之下。Session的中文意思是会话，在Web系统中，通常是指用户与Web系统的对话过程。本文将详细介绍Sessi 阅读全文
posted @ 2017-09-01 17:46
于继海
阅读(293)
评论(0)
推荐(0)
摘要：
前面的话 Web存储最初作为HTML5的一部分被定义成API形式，但是后来被剥离出来作为独立的一份标准了。Web存储标准所描述的API包含localStorage对象和sessionStorage对象，这两个对象实际上是持久化关联数组，是名值对的映射表，“名”和“值”都是字符串。Web存储易于使用、 阅读全文
posted @ 2017-09-01 17:46
于继海
阅读(211)
评论(0)
推荐(0)
摘要：
前面的话 最常使用javascript的场合就是表单的验证，而jQuery作为一个优秀的javascript库，也提供了一个优秀的表单验证插件——Validation。Validation是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证，并得到了许多Web开发者的好评。本文将详细介 阅读全文
posted @ 2017-09-01 17:45
于继海
阅读(382)
评论(0)
推荐(0)
摘要：
前面的话 jQuery提供了一些日常开发中需要的快捷操作，例如load、ajax、get和post等，使用jQuery开发ajax将变得极其简单。这样开发人员就可以将程序开发集中在业务和用户体验上，而不需要理会那么繁琐的XMLHTTPRequest对象。jQuery对ajax操作进行了封装，在jQu 阅读全文
posted @ 2017-09-01 17:45
于继海
阅读(177)
评论(0)
推荐(0)
摘要：
前面的话 对PHP来说，有很多模板引擎可供选择，但Smarty是一个使用PHP编写出来的，是业界最著名、功能最强大的一种PHP模板引擎。Smarty像PHP一样拥有丰富的函数库，从统计字数到自动缩进、文字环绕以及正则表达式都可以直接使用，如果觉得不够，SMARTY还有很强的扩展能力，可以通过插件的形 阅读全文
posted @ 2017-09-01 17:45
于继海
阅读(414)
评论(0)
推荐(0)
摘要：
前面的话 前后端开发要分离。但是，具体哪些地方需要约定呢？如何制定约定规则呢？制定后如何应用呢？本文将详细介绍这些问题相关的工程实践方法——接口设计 概述 在协作流程的博文中，我们了解了一个Web系统的体系架构，以及前端与后端交互的整个流程，接下来简单回顾，并进行相应的规则约定 当客户端向服务器端发 阅读全文
posted @ 2017-09-01 17:44
于继海
阅读(666)
评论(0)
推荐(0)
摘要：
前面的话 在拿到交互原型或视觉稿以后，前端工程师要能够灵活应用前端知识技能，完成相应的功能。在实际的企业环境中，不只是有前端工程师，更多的场景和项目是通过团队多人协作完成的。作为前端工程师如何与团队中其他角色进行协作呢？本文将详细介绍前端工程师协作流程 Web系统 在介绍协作流程之前，首先简单地了解 阅读全文
posted @ 2017-09-01 17:44
于继海
阅读(573)
评论(0)
推荐(0)
摘要：
前面的话 编写插件的目的是给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，提高开发效率和方便后期维护。本文将详细介绍如何编写jQuery插件 类型 jQuery的插件主要分为3种类型 1、封装对象方法 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常 阅读全文
posted @ 2017-09-01 17:44
于继海
阅读(223)
评论(0)
推荐(0)
摘要：
前面的话 版本管理在产品级开发中是非常重要的一个部分，它涉及到团队协作，且影响到产品最终的发布、上线以及测试环节。本文将详细介绍版本管理 概述 版本控制系统(Version Control System)是一种记录若干文件修订记录的系统，它有以下三个作用： 1、从当前版本回退到任意版本 2、查看历史 阅读全文
posted @ 2017-09-01 17:43
于继海
阅读(1149)
评论(0)
推荐(0)
浙公网安备 33010602011771号