WEB前端开发 -- IT技术博客大学习 -- 共学习共进步！

• JavaScript: 2016年回顾

2016年是意义重大的，奇怪的，欢欣鼓舞 / 可怕的一年，这取决于你的观点。与其他事件相比，只专注于JavaScript可能看起来无关紧要，但它是每个Web开发人员的工作生活的一个巨大的一部分。 JavaScript 人气持续爆涨。不是每个人都喜欢这门语言，但是现在你可能很少听到十年前嘲笑的评论。就个人而言，我一直喜欢JavaScript – 即使在早期，令人沮丧的年头。那些从C++，Java或PHP方向过来使用它的人可能首先会感到困惑：JavaScript看起来似曾相识，却又如此陌生。克服你的推断，你会欣赏它简单的优雅，实用性和灵活性。(That said, date handling is still a nightmare!，这就是说，日期处理仍然是一场噩梦！愚人码头看不懂这句是什么意思。) JavaScript在五月迎来了它第21个生日，让我们回顾一下它刚成熟的第一年……

• ECMAScript 6 Modules(模块)系统及语法详解

在2014年7月底，TC39 召开了一次会议，在此期间ECMAScript 6（ES6）模块语法的最后细节被最终确定。这篇博客文章概述了完整的 ES6 模块系统。原文日期为 2014-09-07 ，请用当时的环境浏览本段内容

• 优化JavaScript的执行效率

页面里的动画效果大多是通过JavaScript触发的。有些是直接修改DOM元素样式属性而产生的，有些则是由数据计算而产生的，比如搜索或排序。错误的执行时机和太长的时间消耗，是常见的导致JavaScript性能低下的原因。你需要尽量减少这两方面对你的JavaScript代码带来的执行性能的影响。

• 浏览器的渲染性能

想深入了解渲染性能吗？快看看这堂课程吧它能帮助你了解浏览器是如何把HTML/CSS/JavaScript代码转换成屏幕上你看到的一个个像素的如何使用DevTools来测量页面性能、以及如何优化你的页面渲染速度。

• 降低样式计算的范围和复杂度

添加或移除一个DOM元素、修改元素属性和样式类、应用动画效果等操作，都会引起DOM结构的改变，从而导致浏览器需要重新计算每个元素的样式、对页面或其一部分重新布局（多数情况下）。这就是所谓的样式计算。

• CSS3 Flexbox解决方案

长期以来，CSS 一直缺乏合适的布局机制。变形，动画，滤镜，对这门伟大的语言来说都很有用的补充的，但是都没有解决 Web 开发人员一直抱怨的的主要的看起来似乎是永恒的问题。终于，感谢Flexbox ，我们有了一个解决方案。

• jQuery 3.0 升级指南

在3.0主版本中，jQuery Core团队对API进行更改及清理，并修复某些代码更改引起的bug。这包括删除以前弃用的公开API，更改或删除未记录的API，并更改现有API的记录或未记录的行为用于特定输入。

• 用 visibilitychange 事件判断页面可见性 – 使用 PageVisibility API

这里了将介绍一下页面可见性（PageVisibility）API的简单应用。

• 用javascript比较语义化版本号

移动端APP第三方开发中经常会碰到一些因为版本不同而造成JS SDK或JS API差异或支持的问题。对于移动前端来说，在实际第三方开发中可能会需要根据APP的版本号做一些特殊的业务逻辑处理。

• 一张图帮你看懂 iPhone 的屏幕分辨率

iPhone 6 Plus 官方标称屏幕是 1920 x 1080 的，但是在 Xcode 中我们发现模拟器的屏幕其实是看似奇怪的 2208 × 1242，为什么呢？翻译一张 PaintCode 官方的一个信息图告诉你原因。

• 让我们写快速的JavaScript,JS性能优化小窍门

JavaScript已经是目前最流行的语言了，它能做很多事情 – 网站界面，服务器端，游戏，操作系统，机器人等等很多很多。不过，说实话，即使它这么疯狂流行，它的性能还没有达到它的极限。是的，它在改进，但是等到它在各个方面赶上本地应用之前，在做一个HYBIRD混合应用时，你还不得不使用一些伎俩来优化它的性能。

• 使用 Sass (Using Sass)-插件，缓存，配置选项，语法选择及编码格式

Sass 有三种使用方式：作为命令行工具，作为独立的 Ruby 模块 (Ruby module)，或者作为 Rack-enabled 框架的插件，包括 Ruby on Rails 与 Merb。

• JavaScript中的继承方式

js里常用的如下两种继承方式： 1、原型链继承（对象间的继承）； 2、类式继承（构造函数间的继承）；由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现。

• 前端编码规范（4）—— CSS 和 Sass (SCSS) 规范

CSS 和 Sass (SCSS) 规范。

• 前端编码风格规范（3）—— JavaScript 规范

JavaScript 规范。

• 前端编码规范（2）—— HTML 规范

一般情况下，建议使用能通过标准规范验证的 HTML 代码，除非在性能优化和控制文件大小上不得不做出让步。使用诸如 W3C HTML validator 这样的工具来进行检测。规范化的 HTML 是显现技术要求与局限的显著质量基线，它促进了 HTML 被更好地运用。

• 前端编码规范（1）—— 一般规范

这是一份旨在增强团队的开发协作，提高代码质量和打造开发基石的编码风格规范，其中包含了 HTML, JavaScript 和 CSS/SCSS 这几个部分。我们知道，当一个团队开始指定并实行编码规范的话，错误就会变得更加显而易见。如果一段特定的代码不符合规范的话，它有可能只是代码风格错误，而也有可能会是 bug。早期指定规范就使得代码审核得以更好的开展，并且可以更精确的地定位到错误。只要开发者们能够保证源代码源文件都严格遵循规范，那接下去所使用的混淆、压缩和编译工具则可投其所好不尽相同。

• NodeJS服务监控报警系统的核心实现和开源共建

随着基于 NodeJS 前后端分离方案的推行，前端的开发模式和角色也在发生着悄无声息的变化，而今 NodeJS 的开发俨然已经成为我们日常工作中的一部分，前端工程师与服务端、运维都有了更多的交集，但随着业务和项目的扩张，生产环境 Node 服务也在不断增多，如何对这些服务的运行状态和各项指标了如指掌是当前我们大家共同遇到的挑战。

• 用JavaScript将数字转换为大写金额

项目中用到的，用JavaScript将数字转换为大写金额，分享出来给大家。

• Sublime Text 3常用快捷键

收集的一些常用快捷键。