JavaScript -- IT技术博客大学习 -- 共学习共进步！

• 浏览器的渲染性能

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

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

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

• jQuery 3.0 升级指南

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

• 用webgl打造一款简单第一人称射击游戏

背景：不知道大家还记不记得上次那个3D迷宫游戏，有同事吐槽说游戏中间有一个十字瞄准器，就感觉少了一把枪。好吧，那这次就带来一款第一人称射击游戏。写demo锻炼，所以依旧用的原生webgl，这次重点会说一下webgl中关于摄像头相关的知识，点开全文在线试玩~~

• 漫谈Nuclear Web组件化入门篇

目前来看，团队内部前端项目已全面实施组件化开发。组件化的好处太多，如：按需加载、可复用、易维护、可扩展、少挖坑、不改组件代码直接切成服务器端渲染（如Nuclear组件化可以做到，大家叫同构)… 怎么做到这么强大的优势，来回忆下以前见过的坑，或者现有项目里的坑。

• Date对象的那些事儿

前两天做了个需求需要Unix时间戳和北京时间的各种转换，其中Date对象用到的极多，今天就来讲讲我所了解到的Date对象。

• 超级小的web手势库AlloyFinger发布

针对多点触控设备编程的Web手势组件，快速帮助你的web程序增加手势支持，也不用再担心click 300ms的延迟了。拥有两个版本，无依赖的独立版和react版本。除了Dom对象，也可监听Canvas内元素的手势（需要Canvas引擎内置对象支持addEventListener绑定touch相关事件）。

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

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

• 前端路由实现与 react-router 源码分析

在单页应用上，前端路由并不陌生。很多前端框架也会有独立开发或推荐配套使用的路由系统。那么，当我们在谈前端路由的时候，还可以谈些什么？本文将简要分析并实现一个的前端路由，并对 react-router 进行分析。

• 移动web开发调试工具AlloyLever介绍

web调试有几个非常频繁的刚需：看log、看error、看AJAX发包与回包。其他的如timeline和cookie以及localstorage就不是那么频繁，但是AlloyLever都支持。

• zepto/jQuery、AngularJS、React、Nuclear的演化

因为zepto、jQuery2.x.x和Nuclear都是为现代浏览器而出现，不兼容IE8，适合现代浏览器的web开发或者移动web/hybrid开发。每个框架类库被大量用户大规模使用都说明其戳中了开发者的刚需。本文将对比zepto/jQuery到Nuclear的设计和演化的过程。

• 元素选择器 - Mini Query

寥寥几行代码，实现一个简单的元素选择器，兼容低版本 IE。

• JavaScript 代码执行效率对比工具

JavaScript 代码执行效率对比工具，对比多个程序在一段时间内执行的次数，和性能差异。

• 用javascript比较语义化版本号

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

• 谈谈 external 模式的打包

模块化在前端日新月异的工程化工具的推动下已经摆脱了前端模块加载器（SeaJS、RequireJS）的束缚，现在通常的方案是使用 browserify 或 webpack 来将模块化的文件打包，然后直接在浏览器端使用。但是通常的打包策略是将整个项目打包成一个文件 bundle.js，默认情况下 bundle.js 中囊括了所有的依赖，包括第三方的从 node_modules 中加载的文件，这会造成 bundle.js 非常臃肿，而且在生产环境中不能很好的利用静态资源的缓存策略。这些打包技术在国外非常火，生产环境提供一个 bundle.js 的做法在国外的网络环境下毫无压力，但是国内的网络环境和国外的没法比，为了下载的性能还是建议分开打包。

• JavaScript 被忽视的细节

《JavaScript 权威指南》这本书从第四版开始，一直到第六版，每个版本我都逐字逐句读过几遍，然而每一遍下来的感受却完全不一样。上上周的周一，再次翻开了这本犀牛书，这一次我是带着批判精神和研究精神过来的，所以看的时候也写下了一些感受和笔记，都是些容易被忽略的点，部分内容犀牛书上不一定有提到。之前都发在微博上，稍微整理了一番，放在这里，方便阅读。

• 使用jquery卸载全部事件

说到事件,jquery做了不少,当然也有data的很多功劳,因为原生js不支持匿名卸载事件的,而她为了开发者好用支持了匿名的。

• 前端用户模块

在前端交互中难免会与用户交互，比如评论啊，用户中心啥的都需要用户是已登录状态，然后传统的登录方式是在需要登录的地方加判断，如果没登录则跳转到登录页，并在登录成功后返回当前页，功能是实现了，但整个交互略繁琐，如果说用户是在评论呢，输入了100个字，然后一点发布就跳转了，然后发现登录后字没了，是不是会哭，然后去12305举报呢？（ps：当然可以把这些数据存下来，但整个过程还是繁琐）

• 从 Web Components 到 React 谈前端组件化

前端的社区非常活跃，各种底层的框架和库层出不穷，而在这些框架和库的基础上也涌现出了一批又一批用各自的思想来实现的 UI 组件。前端本身的工作领域就专注在 UI 展现层上，一套好用的 UI 组件能提升团队的工作效率，但是这些组件的通用性和移植性并不强。 W3C 提出来的 Web Components 标准化的组件化方案，尝试去解决上面提到的各自为战的问题，在其刚提出来的那段时间确实火了一阵子，Google 的开发团队也在此基础上推出了基于 Web Components 的框架 Polymer。

• Java -- Hotspot虚拟机调优与GC垃圾回收策略

Java相对于c/c++来说，是比较“动态”的语言，在运行时期，也有扩展性和可优化性(不像c/c++直接编译成机器码)。所以，针对JVM和GC的一些优化策略就显得尤为重要，提供给程序员的灵活性也会相应的增加。这两天着手于Java后端进程的优化，对jvm和gc进行了一些研究。