众所周知， javascript是一个单线程语言。单线程也就意味着只有一个stack（调用栈），一次只能做一件事。那么又是如何实现异步操作？先来了解几个关键的术语。

转眼就是秋招季啦。经历了几场笔试面试，屡次被问到关于如何实现跨域。老实说，之前都是纸上谈兵，也没有项目需要跨域，甚至觉得这个东西没什么意义。直到今天项目中遇到了跨域问题，看了不少资料才理解跨域的普遍性和意义。特写此篇文章整理自己所得。转自个人博客: 关于跨域

前两天整理了websocket的资料，今天就把上次没说完的Stomp.js好好说一说~ Stomp Over Webscoket参考文档：[链接] 本文为参考文档的部分翻译，技术不佳，如有失误请指正。本文转载自个人博客：[链接]

好久之前就说要写一篇正则表达式的文章，正则表达式总是记了又忘，忘了再记，记了再忘，卒。言归正传，今天终于要研究一下这个谜一样的正则表达式了。其实正则表达式并不难（真的吗？orz）本文转自本人博客：[链接]

之前的项目中使用了websocket、socketJS，趁此机会将一些知识点及资料进行整理总结。正所谓温故而知新~本文源地址： [链接] websocket是什么 按照惯例，在使用之前，先了解一下概念。 websocket是在html5中提供了一种浏览器和服务器间进行全双工通讯的网络技术。 浏览器向服务端发送一个请求，通过报文头部Upgrade来表明...

近来参加校招笔试，发现有好几道关于Promise的题目。然而我都没有了解过。所以，这篇文章以网易笔试的一道题开始，记录关于Promise的那些事。文章地址：[链接]

ECMAScript中的Date类型是在早期Java中的java.util.Date类基础上构建的。使用自UTC（1970年1月1日零时）开始经过的毫秒数来保存日期

HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-，这些属性可以随意添加，随意命名，目的是为元素提供与渲染无关的信息，或提供语义信息。

近来看面试题的时候，经常看到一个问题：HTML语义化是什么意思？w3school里面有html标签的含义。然而HTML5中对一些标签进行了修改，由于不了解H5的新定义，就很容易弄错标签之间的意思。例如：既然i标签是指斜体的意思，那么为什么font-awesome这类字体要用i标签呢？这不是反语义化了吗？除此之外，em和strong都是有强调...

这两天在写瀑布流的实现，使用了一些关于获取文档坐标、元素位置的函数，刚好看到犀牛书上关于这部分的介绍，特写此文章进行总结，方便日后查找使用。

当渲染对象被创建并添加到树中，是没有位置和大小的，计算这些值的过程称为layout或reflow。布局是一个递归过程，由根渲染对象开始，对应html文档元素，布局继续递归的通过一些或所有的frame层级，为每个需要几何信息的渲染对象进行计算。跟渲染对象位置是0，0。所有渲染对象都有一个layout或reflow方法，每个渲染对象调...

Proxy代理模式 {代码...} 看代码更清晰 {代码...} 讲到proxy就不得不提到decorator装饰模式。这两种模式很相似，经常会混淆。 Decorator装饰模式 {代码...} 对于Component来说，是无需知道Decorator的存在，Decorator是从外类来扩展Componnent类的功能。看代码 {代码...} Proxy && Decorator GoF提到它们的区别...

在这部分我们来讲一下构建Render Tree的过程。呈现树主要是负责布局并将自身及其子元素绘制出来。Webkits RenderObject类是所有呈现器的基类。定义如下：

今天在推特看到一篇文章《当页面渲染时，浏览器发生了什么》，于是找了些资料，分享一下所得。 浏览器的主要概念 浏览器主要分为这及部分。 User Interface {代码...} Brower engine {代码...} Rendering engine {代码...} Networking {代码...} JavaScript Interpreter {代码...} UI Backend {代码...} Data Persistenc...

今天在做项目的时候，发现选择器有些遗忘。特写此文章来加深记忆，也方便自己日后回顾。 通用选择器 * {代码...} 标签选择器 E ID选择器 #myid 类选择器 .myclass {代码...} 属性选择器 E[disable] E中定义了disable属性的元素。E可省略，则表示选择定义了disable属性的任意类型的元素 E[att='val'] 匹配所有att属性等于...

读《javasrcipt 高级程序设计》笔记。ECMAScript提供了3种特殊的引用类型：Boolean,Number,String。实际上，每当读取一个基本类型值时，后台就会创建一个对应的基本包装类型的对象。

这次项目中需要用到编辑器插件，于是上网查了一下。由于需要的编辑器功能比较简单，不需要太多复杂功能，所以选择了一款特别轻量的summernote插件，而且后台操作也很简单。官网：[链接]github地址：[链接]

客户端存储有几种方式，WEB存储就是其中一种。最初作为H5的一部分被定义成API形式，后来被剥离出来作为独立的标准。所描述的API包含localStorage对象和sessionStorage对象，这两个对象实际都代表同一个Storage对象，是持久化关联数组。是名值对的映射表。localStorage和sessionStorage区别在于存储的有效期和作用域的不...

在看a标签之前，看一下笔试题。 【笔试题】选择题。具体选项忘了。以下代码代表的含义是什么？ {代码...} 虽然平时经常用到a标签，但就我自身而言，是从来没有接触过rel属性的（还是too young）。于是去搜索了资料，基础的东西要掌握。 首先来看一下a标签的属性有哪些。 rel 规定当前文档与被链接文档之间的关系。 alter...

之前笔试题有一道选择题是关于background属性的，后来查阅资料才发现background有各种子属性，特写此文章整理一下。 浏览器兼容性支持 PC端：移动端： background属性 【盒模型】 background-image 定义背景图像。 background-color 定义背景颜色。 background-origin【css3新增】 指定背景的显示区域。默认情况下，总是...

path元素的形状是通过属性d定义的，属性d的值是一个“命令+参数”的序列。 {代码...} 因为属性d采用的是用户坐标系统，所以不需标明单位。 接下来，来看一下各个命令 直线命令 M 【Move to】需要两个参数，分别是需要移动到的点的x轴和y轴的坐标。类似于移动画笔的位置。 {代码...} L 【Line to】需要两个参数，分别是一个...

（使用场景：画高矮胖瘦的小人，过程都是画头身手脚，但具体如何画是不同的。）Builder模式主要是用于创建一些复杂对象，这些对象内部构建间的建造顺序通常是稳定的，但对象内部的构建通常面临复杂的变化。Builder模式中很重要的一个类是Director，用它来控制建造过程，也用它来隔离用户与建造过程的关联。Builder是在当...

今天做项目的时候频繁用到了<input>元素，却发现好多属性都不懂。找资料总结。 accept 规定通过文件上传来提交的文件的类型。 {代码...} align 规定图像输入的对齐方式。 {代码...} alt 定义图像输入的替代文本。 {代码...} autocomplete 规定是否使用输入字段的自动完成功能。 {代码...} autofocus 规定输入字段...

最近在看《css揭秘》，于是写了文章来作笔记，除此以外还会补充一些自己遇到的笔试题。希望大家都有所收获。 css编码技巧 尽量减少代码重复 在实践中，代码可维护性的最大要素是尽量减少改动时要编辑的地方。举例说明 {代码...} 以上的代码有什么问题呢？ 如果需要改变字号，那么同时需要调整行高。【当某些值相互依赖时...

这两天做项目的时候频繁用到jquery ajax，很多东西都忘了。于是写下这篇文章，加深印象，也方便自己日后查阅。 先看一下基本版本： {代码...} 接下来来详细看一下各个属性 url 请求的url地址，String类型 dataType 服务器返回的值的类型。【若没有填写，jQuery会自动根据HTTP包MIME信息来智能判断。若填写错了反而会有问...

阅读《javascript高级程序设计》第10章的学习笔记。 要访问元素的标签名 nodeName属性或 tagName属性 {代码...} 其中要注意的是，HTML中标签名始终以大写表示，而XML有时与源代码中保持一致 HTML元素 每个HTML元素都存在的标准特性 id 元素在文档中的唯一标识符 title 有关元素的附加说明信息 lang 元素内容的语言代码 d...

Array toString() 返回数组中每个值的字符串形式拼接而成的以逗号分隔的字符串 {代码...} valueOf() 返回的还是数组 {代码...} join() 返回字符串，使用不同分隔符来构建字符串【默认为逗号】 {代码...} 栈方法 push() 栈方法，添加到数组末尾，返回修改后数组的长度 pop() 栈方法，从数组末尾移除最后一项，返回移除的...

之前看过meta标签的整理，结果看完就忘了。【笔试题下面会提及】结果就一脸懵逼全忘了。特意开此文章，加深印象。【后续会不断更新】参考文章：[链接][链接][链接] 总体的思维导图如下。 【笔试题】请解释以下标签的含义 <meta name="robots" content="index,follow" /> {代码...} <meta name="apple-mobile-we...

今天上课的时候老师开始讲23个设计模式，为加深印象，特开一篇文章来做记录。其中参考《大话设计模式》以及上课的例子（java），后期会补充关于js的应用

【待更新】之前在github上看到关于用svg制作loading动画，很感兴趣。发现svg很强大，于是搜索资料，将自己的所得总结为这篇文章。文章主要来源MDN [链接] 以及张鑫旭博客。[链接]