JavaScript之Promise对象
含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了 Promise 对象。
Promise 对象是一个代理对象（代理一个值），被代理的值在 Promise 对象创建时可能是未知
...
前端工程师的进阶之路
这篇文章收藏在笔记里面有几年了，原文作者无从考究了，侵删！最近再翻出来看，依然觉得受益匪浅。这次整理分享出来，希望对大家有所启示。
背景如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；
如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；
如果你是四五年的
...
JavaScript之Event Loop
先看段代码：
1234567891011121314151617181920212223242526272829303132333435363738394041console.log(1);setTimeout(function () { console.log(2); new Promi
...
详解各种获取元素宽高及位置的属性
offsetWidth / offsetHeightoffsetWidthHTMLElement.offsetWidth 是一个只读属性，返回一个元素的布局宽度。一个典型的（各浏览器的offsetWidth可能有所不同）offsetWidth是测量包含元素的边框(border)、水平线上的内边距(p
...
JavaScript之常用的正则表达式
校验数字
数字：^[0-9]*$
n位的数字：^\d{n}$
至少n位的数字：^\d{n,}$
m-n位的数字：^\d{m,n}$
零和非零开头的数字：^(0|[1-9][0-9]*)$
非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$
带1-2位小数的正
...
JavaScript之正则表达式
正则表达式 (regular expression) 描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。
构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与运算符可以将小的表达式结合在一起来创建
...
CSS选择器详解
元素选择器通配选择器* { sRules }选定文档所有的元素
1234/** 设置所有元素为红色 **/* { color: red;}
12<div>我是div</div><p>我是p</p>
类型选择器E { sRules
...
为什么是link-visited-hover-active
前言通常我们在设置链接的一些伪类（link，visited，hover，active）样式时，要让不同的状态显示正确的样式，我们需要按一定的顺序设置这些伪类的样式。这里我就按CSS2规范中推荐的顺序进行介绍，即 link-visited-hover-active，可记为 LoVe-HAte 。
要想
...
JavaScript之创建对象
Object构造函数创建自定义对象最简单的方式就是创建一个 Object 的实例，然后再为它添加属性和方法：
1234567891011121314// 创建对象var person = new Object();// 定义属性person.name = 'laixiangran';person.a
...
Angular开发实践（八）： 使用ng-content进行组件内容投射
在Angular中，组件属于特殊的指令，它的特殊之处在于它有自己的模板（html）和样式（css）。因此使用组件可以使我们的代码具有强解耦、可复用、易扩展等特性。通常的组件定义如下：
demo.component.ts：
123456789101112131415import { Comp
...