JS April 20, 2018

你不知道的JSON.parse()和JSON.stringify()高级技巧

Words count 4.1k Reading time 4 mins.

JSON对象的两个方法:JSON.parse() 和 JSON.stringify() 通常用做JSON对象和字符串之间的相互转换;

JSON.parse() 可以接受第二个参数,它可以在返回之前转换...

Read article

JS April 20, 2018

你不知道的JSON.parse()和JSON.stringify()高级技巧

Words count 4.1k Reading time 4 mins.

JSON对象的两个方法:JSON.parse() 和 JSON.stringify() 通常用做JSON对象和字符串之间的相互转换;

JSON.parse() 可以接受第二个参数,它可以在返回之前转换对象值。比如这例子中,将返回对象的属性值大写:

const user = {
  name: 'John',
  email: 'john@awesome.com',
  plan: 'Pro'
};

const userStr = JSON....
Read article

JS April 14, 2018

最强日期正则表达式

Words count 5.2k Reading time 5 mins.

^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$
 ^(^(\d{4}|\d{2})(\-|\/|\.)\d{1,2}\3\d{1,2}$)|(^\d{4}年\d{1,2}月\d{1,2}日$)$

实例:

 ^((((1[6-9]|[2-9]\d)\d{2}...
Read article

JS April 13, 2018

jQuery 与 Zepto的区别

Words count 6.6k Reading time 6 mins.

jQuery 的意义是在于抹平 DOM、BOM、CSSOM 的多浏览器差异,并统一提供接口。它不能当作 Framework(框架)被使用,而是扮演 Utility(工具)的角色。

虽然 Zepto 和 jQuery 的中的很多 API 的用法是相似的,但仍有一些 API 在用法上差异很大。下面就实际使用中遇到的场景做一下列举。

使用 $ 操作符可以轻松创建节点并赋予属性,具体代码是 $(htmlString, attributes) ,支持链式写法。喜欢刨根问底的同学可以看看下面的文档。

jquert...

Read article

JS April 12, 2018

Es6你可能不知道的事---进阶篇

Words count 13k Reading time 12 mins.

模块化是一个进行很久的话题,发展历程中出现过很多模式,例如AMD,CommonJS等等。

Module是ES6的一个新特性,是语言层面对模块化的支持。

与之前模块加载机制不同,Module是动态加载,导入的变量的只读引用,而不是拷贝。

// 1. export default 可以做默认导出

// a.js
export default 5;      // 默认导出

// b.js
import b, {a} from './a.js';    // 默认导入,不需要加...
Read article

JS April 11, 2018

Es6你可能不知道的事---基础篇

Words count 8.7k Reading time 8 mins.

ES6,或许应该叫 ES2015(2015 年 6 月正式发布),对于大多数前端同学都不陌生。

这个大概是开始了解 ES6 后,我们第一个感觉自己完全明白并兴致勃勃的开始使用的特性。

// 定义常量
const REG_GET_INPUT = /^\d{1,3}$/;

// 定义配置项
let config = {
  isDev : false,
  pubDir: './admin/'
}

// 引入 gulp
let gulp    = require...
Read article
Load more
0%