首届 < 腾讯Web前端大会 TFC 2017 /> 将于2017年6月24日在深圳召开，本次大会将是腾讯规模最大的Web前端盛会。主办方腾讯， 中国顶级互联网公司之一，创造了许多亿万海量用户级的优秀Web应用，积累了深厚的Web前端开发经验 。大会讲师将会广邀国内外的前端知名大牛，他们有著名流行框架的作者、知名前端书籍的作者、Web工程化方面的权威等。其中还有部分讲师是从腾讯上千名前端工程师中精挑细选的优秀高级工程师，将为你带来最具实践价值、最接地气的前端开发经验分享，内容不仅涵盖Web新技术、Node.js、框架、工程化、图形处理等前端前沿内容 ，还包含极致的性能优化、海量用户运营等具有腾讯前端特色的宝贵经验。无论您是资深的前端大咖，还是初出茅庐的前端菜鸟，相信都可以通过本次大会获得非常有价值的帮助。大会官方网站：http://tfc.alloyteam.com/时间：2017年6月24日地点：深圳福田区 CBD大中华广场 喜来登酒店 二楼会议厅PS,还有鹅厂的舞团SOS女子组合和乐队的助兴表演，嗯，又有技术干货又有养眼妹纸，想想就觉得赏心悦目。 ...继续阅读 (14)

先看个例子:console.log(a) console.log(foo()) var a = 'hello world' function foo() { console.log('foo') }估计大部分人早就对这种问题了如指掌了，输出结果也是脱口而出：undefined 'foo'请解释一下原因？这不就是常说的Hoisting吗？代码在执行的时候，其实是这个样子的：function foo() { console.log('foo') } var a console.log(a) console.log(foo()) a = 'hello world'是的，这样解释也可以，但是不够准确。如果仅仅理解到这个层面，而不把这里面涉及到的「执行上下文」(Execution Context, 下面简称 EC)这个概念弄明白，还是不能「知其所以然」。首先需要澄清的一点是，像 C 和 Java 这类所谓的「静态语言」需要编译后才能运行，但其实 Javascript 一样也是有编译过程的， 只是处于一些限制，编译过程特别快(以微秒计)，以至于感觉上 Javascript 代码好像并没有经过编译。当需要向别人描述一件事情的经过时，往往需要把事情的前因后果以及与其相关的场景预先说明一下。 类似，EC 就是一段代码涉及到的场景，在代码运行之前，js eng ...继续阅读 (16)

weui.js是WeUI的轻量级 js 封装。嗯，没啥好介绍的，直接复制项目的 Readme.md 过来好了，欢迎去项目的 Github 项目主页 star 并贡献代码。概述注意：由于微信小程序不支持dom操作，所以weui.js并不适用于小程序。不过WeUI也为小程序开发了另外的版本，详情请看：https://github.com/weui/weui-wxss/手机预览https://weui.io/weui.js/开发安装git clone https://github.com/weui/weui.js.git cd weui.js npm install npm start编译npm run build使用global<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.0/weui.min.css"> <script type="text/javascript" src="dist/weui.min.js"></script> <script type="text/javascript"> weui.alert('alert'); </script>import as moduleimport 'w ...继续阅读 (18)

weui.js是WeUI的轻量级 js 封装。嗯，没啥好介绍的，直接复制项目的 Readme.md 过来好了，欢迎去项目的 Github 项目主页 star 并贡献代码。概述注意：由于微信小程序不支持dom操作，所以weui.js并不适用于小程序。不过WeUI也为小程序开发了另外的版本，详情请看：https://github.com/weui/weui-wxss/手机预览https://weui.io/weui.js/开发安装git clone https://github.com/weui/weui.js.git cd weui.js npm install npm start编译npm run build使用globalweui.alert('alert');import as moduleimport 'weui'; import weui from 'weui.js'; weui.alert('alert');文档Documents贡献如果你有好的意见或建议，欢迎给我们提issue或pull request。LicenseThe MIT License(http://opensource.org/licenses/MIT)请自由地享受和参与开源 ...继续阅读 (14)

中国第三届CSS开发者大会将于 2016 年 12 月 17 日在广州召开，这次请来的分享嘉宾还是非常牛逼的，有不少国内外的大牛，也有我的几个同事。感兴趣可以直接访问上面的链接了解动态和详情。部分讲师简介还没有勾三股四的议题，看来是要压轴啊，好期待！ ...继续阅读 (16)

中国第三届CSS开发者大会将于 2016 年 12 月 17 日在广州召开，这次请来的分享嘉宾还是非常牛逼的，有不少国内外的大牛，也有我的几个同事。感兴趣可以直接访问上面的链接了解动态和详情。部分讲师简介还没有勾三股四的议题，看来是要压轴啊，好期待！ ...继续阅读 (13)

这几年，前端技术发展很快，每年都有新的技术名词流行，ReactJS、Angular 2、VUE、微信小程序。。。而我重新学习了 swift ，是的，重新学习，之前读过《swift 1.0 从入门到放弃》。想起当年学习前端开发的经历，我开始写一些实际的小 app 来练手，总算是没有又一次『从入门到放弃』有一天突然想到，每一天不管开心还是难过，不管是平淡还是难忘，都要过的有意义——从来不写日记的我第一次想每天花几分钟记录一下自己的一天了。（日记？上个世纪的东西了吧？！）于是就尝试了各种 app，记事类的、日记类的。却发现每个 app 都想做的很完美，带上各种功能，需要的不需要的全都有，干扰的东西太多。。。我只想一个单纯的记录自己每一天的 app，几张图片，一段文字，最多再加上一个地理位置，嗯，真实的自己，只有自己能看到，也不用担心有没有人点赞。干脆就自己用 swift 写一个吧：One Day.One Day有一天正在听最喜欢的《One Day》，嗯，海贼王中艾斯被行刑的那一段的主题曲，这段剧情也是海贼王中给我感受最深的一段。于是 App 的名字就叫 One Day 了。专注One Day 的目标就只有一个：记录『最真实的自己』。所以从一开始就完全抛弃了社交和分享的功能。一段文字、几张照片，记录你的一天可以使用 TouchID 保护隐私支持常用的 markdown 语法，并有一个快捷键 ...继续阅读 (13)

这几年，前端技术发展很快，每年都有新的技术名词流行，ReactJS、Angular 2、VUE、微信小程序。。。而我重新学习了 swift ，是的，重新学习，之前读过《swift 1.0 从入门到放弃》。想起当年学习前端开发的经历，我开始写一些实际的小 app 来练手，总算是没有又一次『从入门到放弃』有一天突然想到，每一天不管开心还是难过，不管是平淡还是难忘，都要过的有意义——从来不写日记的我第一次想每天花几分钟记录一下自己的一天了。（日记？上个世纪的东西了吧？！）于是就尝试了各种 app，记事类的、日记类的。却发现每个 app 都想做的很完美，带上各种功能，需要的不需要的全都有，干扰的东西太多。。。我只想一个单纯的记录自己每一天的 app，几张图片，一段文字，最多再加上一个地理位置，嗯，真实的自己，只有自己能看到，也不用担心有没有人点赞。干脆就自己用 swift 写一个吧：One Day.One Day有一天正在听最喜欢的《One Day》，嗯，海贼王中艾斯被行刑的那一段的主题曲，这段剧情也是海贼王中给我感受最深的一段。于是 App 的名字就叫 One Day 了。专注One Day 的目标就只有一个：记录『最真实的自己』。所以从一开始就完全抛弃了社交和分享的功能。一段文字、几张照片，记录你的一天可以使用 TouchID 保护隐私支持常用的 markdown 语法，并有一个快捷键 ...继续阅读 (15)

嗯，迟到的软文，这几天博客后台遇到了点儿问题，今天午休折腾了一番，也没有折腾对，但博客就这样恢复了。node nginx chrome spdy http/2 ...ghost 每次升级都各种蛋疼，前端技术这些年越来越牛逼了啊，每天不是折腾轮子就是被轮子折腾。。。废话少说，赶紧把软文发了，不然。。。项目地址：https://github.com/weui/weui-wxss以下内容 copy 自项目的 README //懒癌患者。。。概述WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。预览用微信web开发者工具打开dist目录（请注意，是dist目录，不是整个项目）使用组件的wxml结构请看dist/example/下的组件样式文件可直接引用dist/style/weui.wxss，或者单独引用dist/style/widget下的组件的wxss文档WeUI 视觉标准参考weui-designLicenseThe MIT License(http://opensource.org/licenses/MIT)请自由地享受和参与开源贡献如果你有好的意见或建议，欢迎给我们提iss ...继续阅读 (14)

嗯，迟到的软文，这几天博客后台遇到了点儿问题，今天午休折腾了一番，也没有折腾对，但博客就这样恢复了。node nginx chrome spdy http/2 ...ghost 每次升级都各种蛋疼，前端技术这些年越来越牛逼了啊，每天不是折腾轮子就是被轮子折腾。。。废话少说，赶紧把软文发了，不然。。。项目地址：https://github.com/weui/weui-wxss以下内容 copy 自项目的 README //懒癌患者。。。概述WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。预览用微信web开发者工具打开dist目录（请注意，是dist目录，不是整个项目）使用组件的wxml结构请看dist/example/下的组件样式文件可直接引用dist/style/weui.wxss，或者单独引用dist/style/widget下的组件的wxss文档WeUI 视觉标准参考weui-designLicenseThe MIT License(http://opensource.org/licenses/MIT)请自由地享受和参与开源贡献如果你有好的意见或建议，欢迎给我们提iss ...继续阅读 (15)

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。经过半年的打磨，WeUI 1.0 正式发布，主要是新增了一些常用组件，并使用 BEM 命名，为接下来的微信小程序开发做好准备。主要features【增强】 采用BEM命名规范【增强】 新增Flex布局【增强】 新增Gallery【增强】 新增Preview【增强】 新增Agreement【增强】 新增Footer【增强】 新增Dialog和Actionsheet的Android样式【修复】 修正了部分组件的间距【修复】 修复了已知问题项目地址：https://github.com/weui/weui预览地址：https://weui.io/ ...继续阅读 (12)

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。经过半年的打磨，WeUI 1.0 正式发布，主要是新增了一些常用组件，并使用 BEM 命名，为接下来的微信小程序开发做好准备。主要features【增强】 采用BEM命名规范【增强】 新增Flex布局【增强】 新增Gallery【增强】 新增Preview【增强】 新增Agreement【增强】 新增Footer【增强】 新增Dialog和Actionsheet的Android样式【修复】 修正了部分组件的间距【修复】 修复了已知问题项目地址：https://github.com/weui/weui预览地址：https://weui.io/ ...继续阅读 (12)

3个月前，我汇总了 iOS 10 中 Safari 的新特性，输出为《Safari 10 越来越像理想中的浏览器了》，嗯，Safari 10 对前端的支持确实令人欣慰。然而，还有一个非常重要的事情需要关注：iOS 10 要求 app 必须启用ATSATS(App Transport Security)是苹果在 iOS 9/OS X 10.11 中开始引入的特性，旨在提高 app 的安全性，要求 app 的 HTTP 通信必须是加密的，而且还要求 HTTS 连接建立在 TLS 1.2 协议以上 (嗯，TLS 1.2 是目前最新的版本，它于 2008 年发布，在 2011 年发布了修正版，TLS 1.3目前还在草案中)其实在 iOS 9 的时候，苹果就要求启用ATS了，但当时还可以用NSAllowsArbitraryLoads来避开从而让 app 可以继续访问 HTTP网站，而从 2017 年 1 月 1 日开始，苹果开始禁用这项配置！也就是说，从此以后新提交的 APP ，只能访问 HTTPS 网络内容而 Safari 10 作为 iOS 10 内置的官方 app，显然是要首当其冲的了，目测 Safari 10 依然可以访问非 HTTPS 的网站，但已经不能获取一些用户隐私的数据了，比如地理位置，而且不太确定什么时候会禁用对非 HTTPS 的访问。还有，在 2017 年 1 月 1 日 ...继续阅读 (14)

3个月前，我汇总了 iOS 10 中 Safari 的新特性，输出为《Safari 10 越来越像理想中的浏览器了》，嗯，Safari 10 对前端的支持确实令人欣慰。然而，还有一个非常重要的事情需要关注：iOS 10 要求 app 必须启用ATSATS(App Transport Security)是苹果在 iOS 9/OS X 10.11 中开始引入的特性，旨在提高 app 的安全性，要求 app 的 HTTP 通信必须是加密的，而且还要求 HTTS 连接建立在 TLS 1.2 协议以上 (嗯，TLS 1.2 是目前最新的版本，它于 2008 年发布，在 2011 年发布了修正版，TLS 1.3目前还在草案中)其实在 iOS 9 的时候，苹果就要求启用ATS了，但当时还可以用NSAllowsArbitraryLoads来避开从而让 app 可以继续访问 HTTP网站，而从 2017 年 1 月 1 日开始，苹果开始禁用这项配置！也就是说，从此以后新提交的 APP ，只能访问 HTTPS 网络内容而 Safari 10 作为 iOS 10 内置的官方 app，显然是要首当其冲的了，目测 Safari 10 依然可以访问非 HTTPS 的网站，但已经不能获取一些用户隐私的数据了，比如地理位置，而且不太确定什么时候会禁用对非 HTTPS 的访问。还有，在 2017 年 1 月 1 日 ...继续阅读 (14)

最近在项目中遇到需要修改input的disabled状态的颜色的情况，然而无论如何都不成功，折腾了好久。后来发现还是 User Agent 样式的问题。iPhone Safari/webview input disabled 的默认样式：input:disabled{ opacity: 0.4 }嗯，开发者工具只能看到这一条。 即便是 reset 为opacity : 1也无效。因为还有一条隐藏的样式-webkit-text-fill-color，于是有效的样式为 ：input:disabled{ color:@disabledColor; opacity: 1; -webkit-text-fill-color: @disabledColor; } ...继续阅读 (50)

最近在项目中遇到需要修改input的disabled状态的颜色的情况，然而无论如何都不成功，折腾了好久。后来发现还是 User Agent 样式的问题。iPhone Safari/webview input disabled 的默认样式：input:disabled{ opacity: 0.4 }嗯，开发者工具只能看到这一条。 即便是 reset 为opacity : 1也无效。因为还有一条隐藏的样式-webkit-text-fill-color，于是有效的样式为 ：input:disabled{ color:@disabledColor; opacity: 1; -webkit-text-fill-color: @disabledColor; } ...继续阅读 (10)

移动端web开发最头痛的还是浏览器支持。好在 X5 自己整理了各个版本对 web 标准的支持情况的速查表，类似 caniuse由于会不断更新，这里就不再截图了，想要了解的自己去看吧：个版本对比：http://res.imtt.qq.com/tbs/incoming20160607/home.htmlHTML5 支持http://res.imtt.qq.com/qqbrowser_x5/h5/features.htm ...继续阅读 (38)

移动端web开发最头痛的还是浏览器支持。好在 X5 自己整理了各个版本对 web 标准的支持情况的速查表，类似 caniuse由于会不断更新，这里就不再截图了，想要了解的自己去看吧：个版本对比：http://res.imtt.qq.com/tbs/incoming20160607/home.htmlHTML5 支持http://res.imtt.qq.com/qqbrowser_x5/h5/features.htm ...继续阅读 (11)

最近开始学 swift ，就想要把遇到的问题给记下来，以备以后查阅，毕竟年纪大了，脑袋瓜不好使了。后来就想不如索性搞个博客吧，虽然现在博客已经不流行了，自己记录和查找方便就行。关键是，Ghost 出了个客户端 Ghost Desktop，配合起来也是非常方便——虽然类似博客时代的各种客户端，但Ghost对我的最大诱惑是markdown呀。预览：https://www.swiftnote.ioGithub：https://github.com/qianduan/swiftnote ...继续阅读 (37)

最近开始学 swift ，就想要把遇到的问题给记下来，以备以后查阅，毕竟年纪大了，脑袋瓜不好使了。后来就想不如索性搞个博客吧，虽然现在博客已经不流行了，自己记录和查找方便就行。关键是，Ghost 出了个客户端 Ghost Desktop，配合起来也是非常方便——虽然类似博客时代的各种客户端，但Ghost对我的最大诱惑是markdown呀。预览：https://www.swiftnote.ioGithub：https://github.com/qianduan/swiftnote ...继续阅读 (16)

兄弟部门开发的一个工作流工具，终于发布了。推荐一下， 这个工具是由大猫领导，littledu和hzlzh主导的自动化打包和发布工具。不多介绍，感兴趣自己去看吧，项目主页：http://weflow.io/ ...继续阅读 (25)

兄弟部门开发的一个工作流工具，终于发布了。推荐一下， 这个工具是由大猫领导，littledu和hzlzh主导的自动化打包和发布工具。不多介绍，感兴趣自己去看吧，项目主页：http://weflow.io/ ...继续阅读 (12)

Safari 10的技术规格出来了，嗯，简直激动人心。这里简单『搬运』一下官方的文章Web APIsIndexedDB完整支持W3C推荐规范了复制和剪切可以用Javascript来复制和剪切内容了，方法：document.execCommand('copy')document.execCommand('cut')CSP 2.0CSP (Content Security Policy 内容安全策略)支持2.0 标准了Shadow DOM终于支持了呀，Chrome在几年前就支持了，这样的话，iOS上也可以放心搞 web components 了ES 6嗯，Safari 支持ECMAScript 2015标准，也就是 ES 6 ，完全支持，史上第一个完全支持 ES 6 的浏览器ES 国际化集成ECMAScript Internationalization API标准，也就是 ECMA-402，支持客户端数字、币种、时间格式等DOM 兼容性增强这个没啥说的3D Touch 事件对于 3D Touch，iOS 是touchforcechange, macOS 是webkitmouseforcechange，只有用力按下时触发。touch对象的force属性值的区间为从0.0到1.0WebGLiOS 支持情景创建参数antialias默认值为trueiOS 支持情景创建参数alpha，默认值为 ...继续阅读 (37)

Safari 10的技术规格出来了，嗯，简直激动人心。这里简单『搬运』一下官方的文章Web APIsIndexedDB完整支持W3C推荐规范了复制和剪切可以用Javascript来复制和剪切内容了，方法：document.execCommand('copy')document.execCommand('cut')CSP 2.0CSP (Content Security Policy 内容安全策略)支持2.0 标准了Shadow DOM终于支持了呀，Chrome在几年前就支持了，这样的话，iOS上也可以放心搞 web components 了ES 6嗯，Safari 支持ECMAScript 2015标准，也就是 ES 6 ，完全支持，史上第一个完全支持 ES 6 的浏览器ES 国际化集成ECMAScript Internationalization API标准，也就是 ECMA-402，支持客户端数字、币种、时间格式等DOM 兼容性增强这个没啥说的3D Touch 事件对于 3D Touch，iOS 是touchforcechange, macOS 是webkitmouseforcechange，只有用力按下时触发。touch对象的force属性值的区间为从0.0到1.0WebGLiOS 支持情景创建参数antialias默认值为trueiOS 支持情景创建参数alpha，默认值为 ...继续阅读 (10)

今天在项目中遇到图片居中的问题，嗯，之前也有写过解决这个问题的文章，有n种方法。不过今天要说一个新的方案：object-fit，嗯，这个才是真的方便的方案啊。先看预览：查看详细demoobject-fit只能用于『可替换元素』(replaced element) 。所谓可替换元素，是指元素的内容和表现不是由CSS控制的，独立渲染的外部元素，比如：img、object、video和 表单元素，如textarea、input，audio和canvas在一些特殊情况下，也可以作为可替换元素。在使用object-fit时，一定要设定元素的size，也就是width和height直入正题，object-fit有五个可选值，分别是：fill默认值。填充，可替换元素填满整个内容区域，可能会改变长宽比。contain包含，保持长宽比，保证可替换元素完整显示，长宽比和内容区域的长宽比不一致时，内容区域会出现空白。cover覆盖，保持长宽比，保证内容区域被填满，所以可替换元素可能会被切掉一部分，从而不能完整展示。none顾名思义，就是什么都没有啦，当然不是什么都没有啦，而且千万不要以为和fill是一样的！实际效果是，保持可替换元素原尺寸和比例。scale-down等比缩小。效果类似contain或none用法也超级简单：.cover{ object-fit: cover; } .contain ...继续阅读 (55)

今天在项目中遇到图片居中的问题，嗯，之前也有写过解决这个问题的文章，有n种方法。不过今天要说一个新的方案：object-fit，嗯，这个才是真的方便的方案啊。先看预览：查看详细demoobject-fit只能用于『可替换元素』(replaced element) 。所谓可替换元素，是指元素的内容和表现不是由CSS控制的，独立渲染的外部元素，比如：img、object、video和 表单元素，如textarea、input，audio和canvas在一些特殊情况下，也可以作为可替换元素。在使用object-fit时，一定要设定元素的size，也就是width和height直入正题，object-fit有五个可选值，分别是：fill默认值。填充，可替换元素填满整个内容区域，可能会改变长宽比。contain包含，保持长宽比，保证可替换元素完整显示，长宽比和内容区域的长宽比不一致时，内容区域会出现空白。cover覆盖，保持长宽比，保证内容区域被填满，所以可替换元素可能会被切掉一部分，从而不能完整展示。none顾名思义，就是什么都没有啦，当然不是什么都没有啦，而且千万不要以为和fill是一样的！实际效果是，保持可替换元素原尺寸和比例。scale-down等比缩小。效果类似contain或none用法也超级简单：.cover{ object-fit: cover; } .contain ...继续阅读 (25)

有的适合我们需要保护我们页面的内容，为了版权或者安全等原因，这个适合我们可以使用 user-select 这个CSS属性，简单易用。嗯，这个属性不麻烦，而且也不是 CSS 3 / CSS 4 的新属性，这里简单归纳一下：.control-select { user-select: none; /* 禁止选择 */ user-select: auto; /* 浏览器来决定是否允许选择 */ user-select: all; /* 可以选择任何内容 */ user-select: text; /* 只能选择文本 */ user-select: contain; /* 选择绑定的元素以内的内容 */ }不过，这个属性还并没有被各浏览器以标准的行为来实现，所以使用的适合还是要加上各种前缀：.no-select { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }注意： IE 9 才开始支持，IE 8 及更早期的版本不支持Javascript方案当然也可以用 javascript 来实现类似的行为：//禁用选择 function disableSelection() { document.onselectstart = ...继续阅读 (31)

有的适合我们需要保护我们页面的内容，为了版权或者安全等原因，这个适合我们可以使用 user-select 这个CSS属性，简单易用。嗯，这个属性不麻烦，而且也不是 CSS 3 / CSS 4 的新属性，这里简单归纳一下：.control-select { user-select: none; /* 禁止选择 */ user-select: auto; /* 浏览器来决定是否允许选择 */ user-select: all; /* 可以选择任何内容 */ user-select: text; /* 只能选择文本 */ user-select: contain; /* 选择绑定的元素以内的内容 */ }不过，这个属性还并没有被各浏览器以标准的行为来实现，所以使用的适合还是要加上各种前缀：.no-select { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }注意： IE 9 才开始支持，IE 8 及更早期的版本不支持Javascript方案当然也可以用 javascript 来实现类似的行为：//禁用选择 function disableSelection() { document.onselectstart = ...继续阅读 (11)

Chrome 50 版本已经发布多日了，不过它带来的很多新特性值得关注，而且有些也是振奋人心的。让我们来一起看一下：ECMAScript/JavaScript:RegExp Unicode 标记ES6 在正则表达式中使用u标记来实现对 Unicode 更友好的功能和行为，比如，可以用 emoji 符号之类的。// Match any symbol from U+1F4A9 PILE OF POO to U+1F4AB DIZZY SYMBOL. const regex = /[💩-💫]/u; // Or, `/[\u{1F4A9}-\u{1F4AB}]/u`. console.log( regex.test('💨'), // false regex.test('💩'), // true regex.test('💪'), // true regex.test('💫'), // true regex.test('💬') // false ); 更多信息，可以查看Unicode-aware regular expressions in ECMAScript 6更多的 well-known symbols新增5个ECMAScript well-known symbolsFunction.prototype[Symbol.hasInst ...继续阅读 (35)

Chrome 50 版本已经发布多日了，不过它带来的很多新特性值得关注，而且有些也是振奋人心的。让我们来一起看一下：ECMAScript/JavaScript:RegExp Unicode 标记ES6 在正则表达式中使用u标记来实现对 Unicode 更友好的功能和行为，比如，可以用 emoji 符号之类的。// Match any symbol from U+1F4A9 PILE OF POO to U+1F4AB DIZZY SYMBOL. const regex = /[💩-💫]/u; // Or, `/[\u{1F4A9}-\u{1F4AB}]/u`. console.log( regex.test('💨'), // false regex.test('💩'), // true regex.test('💪'), // true regex.test('💫'), // true regex.test('💬') // false );更多信息，可以查看Unicode-aware regular expressions in ECMAScript 6更多的 well-known symbols新增5个ECMAScript well-known symbolsFunction.prototype[Symbol.hasInstan ...继续阅读 (14)