ECMAScript 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。我们都知道可以使用typeof运算符求得一个变量的类型，但是对引用类型变量却只会返回object，也就是说typeof只能正确识别基本类型值变量。

前端技术的“易于上手”导致它在某些技术人员那里不受待见。他们认为HTML与CSS根本都不是程序语言，甚至认为JavaScript是一种功能不全的玩具型语言。所以直到我几年前毕业的时候，大学都没有前端相关的课程和专业。而市场对前端工程师的需求又很大，学校的输出跟市场的要求没有对接上，所以往往出现学生找不到工作，公司又...

数值、布尔值、对象和字符串值（没错，每个字符串也都有一个toString()方法，该方法返回字符串的一个副本）都有toString()方法。但null和undefined值没有这个方法。因此在对一个变量进行了toString()后，如果变量为null或者undefined的时候就会报错。

用户体验和用户界面设计的目的是什么？有哪些步骤呢？一些没有经验的工程师觉得，“我先把代码写好，然后有一些会画图的人来把界面改一改就好了……”，这种想法是非常幼稚和有害的。另一方面，如果认为工程师只能等着设计师的线框图才能开始工作，这也是同样幼稚的。

我们知道，在软件项目中经常会有各种或大或小的Bug，更甚一点出现Error。那么如何清晰无异议的提出Bug呢？是不是经常遇到别人给你说某某地方有个Bug，然后就没有然后了...你是什么反应？或者一个功能表面上看起来都是正常的，但他说结果错了，然后呢，然后也没然后了，你去看了一下，好像都正常，没有报错什么的，这时候...

我们常常听说的一些测试专业术语，比如白盒、黑盒、单元测试，相信搞作为程序员的你脱口而出的就是这三个词汇吧，笔者在前几年对测试也仅仅停留在这个两个词汇上，更多的就不得而知了。后来在一家做跨境电商的公司学到了一些新术语，也见到了测试岗位的一些日常，比如冒烟测试、测试用例(TC)、回归测试、接口测试以及偶...

随着前端框架技术的飞速发展，Router这个概念也被迅速普及到前端项目中，在早期前后的没有分离的时期下，并没有明确的路由概念，前端页面跳转大多是通过后端进行请求转发的，比如在Spring MVC项目中，进行一个页面跳转如下（画红线部分）： 前端需要一个超链接，链接的href=/manager，这样这个超链接被转发到scs/waitFol...

此前的Vue.js系列文章： Vue.js常用开发知识简要入门（一） Vue.js常用开发知识简要入门（二） Vue.js常用开发知识简要入门（三） camelClass & kebab-case HTML标签中的属性名不区分大小写。设置prop名字为camelClass形式的时候，需要转换为kebab-case形式（短横线）在HTML中使用。 {代码...} 字面量语法 & 动...

如果列中的最大数据长度小于50Byte，则一般也考虑用char。（当然如果这个列很少用，则基于节省空间和减少I/O的考虑，还是可以选择varchar）

本书的作者余果，腾讯社交用户体验设计部高级UI工程师，前端开发组负责人，熟悉前端开发、iOS开发、PHP开发和Ruby开发等。这本书所讲的内容适合所程序员，不限于前端后端客户端，很多内容其实都是常识。第二遍阅读，特此整理此书精华内容笔记。

说到响应式网站，我们都知道弹性布局、弹性图片、媒体查询，更多指的是布局的方式，比如说使用max-width: 100%，这样让图片的宽度随着容器的大小而改变，响应式设计让网站能兼容各种屏幕设备，但是在我们流量这么昂贵的时代，让一个小屏幕的手机去加载一张为大屏幕PC设计的几百K的图片，虽然这张图片会看起来非常的清晰...

组件的注册与使用 例如，注册一个Hello组件： {代码...} 这样，就创建了一个h1标签，标签内容为Hello，Vue.js的Hello组件，我们可以使用全局注册来使用这个组建： {代码...} 当然，我们也可以使用局部注册。 template实例模版，用户替换或插入挂载元素，元素可以使用#选择子，使用匹配元素的innerHTML作为模板 {代码...}...

Vue.js 的指令是带有前缀 v- 的特殊 HTML 属性，其中的v-pre 指令用于指示 Vue 编译器跳过含有该指令的元素及其子元素，该指令主要有如下两个用途：

Vue-cli创建项目 安装：npm install -g vue-cli vue list命令 ：查看官方模版列表 初始化项目：vue init webpack 项目名 安装依赖：npm install 运行：npm run dev Vue动画支持（transition） 以DIV从右到做的飞入动画为例。在需要加动画的组建上设置属性：transition="动画名称" {代码...} 这里给要添加动画的组建设置...

在js中，存在着N多的关于高度和宽度的属性，比如：clientHeight、offsetHeight、scrollHeight、availHeight、scrollLeft、scrollTop、style.height、innerHeight、outerHeight、scree.height等等......这么多，傻傻分不清也正常啊。本文的目标：

最近公司后端程序员缺乏，我这个前端冒死受命玩起了JavaEE项目，借助开源的力量（spring-shiro-training）搭建了一个JavaEE项目，经过改造成符合我们需要，主要是数据库结构改动，下面简单记录一下Spring+MyBatis项目的一些玩法。

一、面向对象 1.1 概念 面向对象就是使用对象。面向对象开发就是使用对象开发。 面向过程就是用过程的方式进行开发。面向对象是对面向过程的封装。 1.2 三大特性 抽象性所谓的抽象性就是：如果需要一个对象描述数据，需要抽取这个对象的核心数据 提出需要的核心属性和方法 不在特定的环境下无法明确对象的具体意义 封装...

高清图片跟我们平时下的那种电影高清图片是不一样的，移动Web的高清图片的概念是我这张图这么大，清晰度这么多，那么我们在移动设备上就该展示这么清晰。那么为什么会产生模糊呢？假如一张图片 100px * 100px 那我们在移动设备上就以 100px * 100px 去展示，这想想也是没有问题的。

搜索操作系统自身的DNS缓存（浏览器没有找到缓存或缓存已经失效）查看Chrome浏览器的DNS缓存信息(chrome://net-internals/#dns)：

自从微信小程序内测以来，我的网络信息几乎被它刷屏，一瞬间，都不知道发生了什么。特别是当晚有人熬夜吐血出教程，我勒个去，这么拼，感觉不立马学习等会儿就会被别人踩死在这个行业。惶恐惶恐的过来几天，等到了国庆终于也可以跟风熬夜研究了。

一道笔试题 之前偶然看到一个公司的笔试题，题目如下： 用HTML5、CSS3、JavaScript，做一个网页，实现如下图形式计算器 具体要求： 有且只有一个文件：index.html。不允许再有其他文件，不允许再有单独的CSS、JS、PNG、JPG文件。 运行环境为 Google Chrome。 必须支持标准的四则运算。例如：1+2*3=7。 请在收到邮件的48...

本文您将看到以下内容： 传统构造函数的问题 一些相关概念 认识原型 构造、原型、实例三角结构图 对象的原型链 函数的构造函数Function 一句话说明什么是原型：原型就是一个JavaScript对象，原型能存储我们的方法，构造函数创建出来的实例对象能够引用原型中的方法。 一、传统构造函数的问题 有如下代码 {代码...} 由于...

在JS中函数构成闭包。一般函数是一个代码结构的封闭结构，即包裹的特性，同时根据作用域规则只允许函数访问外部的数据，外部无法访问函数内部的数据，即封闭的对外不公开的特性，因此说函数可以构成闭包。

域表示的就是范围，即作用域，就是一个名字在什么地方可以使用，什么时候不能使用。想了解更多关于作用域的问题推荐阅读《你不知道的JavaScript上卷》第一章（或第一部分），从编译原理的角度说明什么是作用域。概括的说作用域就是一套设计良好的规则来存储变量，并且之后可以方便地找到这些变量。

如下代码输出的结果是？ {代码...} Javascript代码执行分为两个大步： 预解析的过程代码的执行过程 1.预解析与变量声明提升 程序在执行过程中，会先将代码读取到内存中检查，会将所有的声明在此进行标记，所谓的标记就是让JS解析器知道有这个名字，后面在使用名字的时候不会出现未定义的错误。这个标记过程就是提升。 声...

本文将使用HTML5提供的VideoAPI做一个自定义的视频播放器，需要用到HTML5提供的video标签、以及HTML5提供的对JavascriptAPI的扩展。

效果如上图所示，主要用到CSS3的伪类::after、::before，以及圆角边框border-radius属性。对于下面的气泡框，可以有两种方式实现小三角：

如果在</body>前引入script文件的话，就不用写document.ready了，因为这时执行js代码时DOM已经加载完毕了。

在JavaScript中，Array对象的sort()方法是用来排序的，但是这个方法在默认情况下可能不是我们想要的，比如对于如下数组 {代码...} 使用sort排序会得到如下结果：[10, 15, 2, 20, 5, 7] 在不传递参数的情况下，它是按字符的Unicode编码来排序的。 为了解决这个问题，可以为sort()方法传递一个参数，这个参数ECMAScript是...

jQuery提供了三组基本动画，分别是显示与隐藏、淡入与淡出、滑入与画出，这三组基本动画都是标准的、有规律的的效果，jQuery还提供了一个自定义动画。

&&和||操作符链接的两个值最后取哪个值的问题，有点模糊和不好理解，比如下面的表达式输出什么？如果你能答对说明你对这个问题就掌握了没什么问题。

我们在编写代码的时候，总会遇到一些需要反复使用的代码片段。这时候就需要反复的复制和黏贴，大大影响效率。我们利用Sublime Text的snippet（代码片段）功能，就能很好的解决这一问题。通俗的讲，就是把我们常用的代码分别保存起啦，然后通过插件的形式来反复调用。

在CSS中，line-height 属性设置两段段文本之间的距离，也就是行高，如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了，比如下面的例子：

“CSS的低权重原则”既可以的到“font-size:40px”的样式，又可以得到“color： red”的样式。如果两个不同选择符设置的样式有冲突，又会如何？如下面[代码2][代码：CSS层叠有冲突的情况]

LESCSS使用这个动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。