张鑫旭-鑫空间-鑫生活
it's my whole life!好文推荐
Web推送技术
伴随着今年 Google I/O 大会的召开，一个很火的概念–Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是，有一个很重要的痛点，web 一直不能使用消息推送...
将网站改进为增强型网页应用-PWA
最近有一些关于增强型网页应用（PWA）的议论，很多人都质疑PWA是否代表了未来的（移动）Web。我并无意参与到整个的原生app与PWA的争论中，但是有一件事是确定的– 在提高移动端和改善用户体验方面还有很长的路要走。到2018，移动端web访问量注定会超过其他设备的总和，你能忽视这一趋势吗？
知乎登录页 - 粒子运动效果
仿知乎登录页面，基于canvas实现了一个粒子（Particle）随机运动的动画效果。 为了方便大家使用，也为提供了react和vue知乎登录页的完整实现。
标签：前端 | 发布于2017-04-14
30 分钟搞定 ES6 常用基础知识
在实际开发中，ES6已经非常普及了。掌握ES6的知识变成了一种必须。尽管我们在使用时仍然需要经过babel编译。
浏览器缓存机制剖析
缓存一直是前端优化的主战场, 利用好缓存就成功了一半. 本篇从http请求和响应的头域入手, 让你对浏览器缓存有个整体的概念. 最终你会发现强缓存, 协商缓存 和 启发式缓存是如此的简单.
小程序这13大新能力，将对你产生什么影响？
今天，微信公开课“小程序专场”，微信团队带来两项全新能力——“第三方服务”和“附近的小程序”。至此，小程序近期一共开放了13项新能力。对于用户来讲，会带来哪些影响呢？看下面——
70%以上业务由H5开发，手机QQ Hybrid 的架构如何优化演进？
随着前端开发的兴起，QQ也逐渐演变为Web与原生终端混合的开发模式。得到Web动态运营能力的同时，QQ也在交互响应速度、后台服务压力、海量用户集的带宽冲击等方面，受到了更多的挑战。在快速的Web运营节奏下，必须保证嵌入QQ的第三方业务也始终处于一个高质量的服务状态。针对这些问题，QQ团队除了采用动态CDN、后台渲染等全栈手段优化体验，也构建了围绕速度、成功率、页面异常等维度的监控体系来保障服务质量。
2017暑期阿里面试总结(前端方向)
昨天正好看到一篇文章2017暑期实习面试总结(java方向)，感觉写的很棒，作者的 功底很深。不过那篇文章终究是后端的，正好自己刚过阿里的四面，所以就总结一个前端版本的吧，也便于之后的查缺补漏。
知道这20个正则表达式，能让你少写1,000行代码
正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。
80% 应聘者都不及格的 JS 面试题
笔者在做面试官这 2 年多的时间内，面试了数百个前端工程师，惊讶的发现，超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题？
你不知道的 DOMContentLoaded
首先我们先直观地感受下什么是 DOMContentLoaded。打开 Chrome DevTools...
我理解中的“大前端”/“大无线”
最近，我所在的团队做了一些结构调整，其实我一直想讲讲这次调整，希望能够带给同行一些思考，但...
2016 年崛起的 JS 项目
本文是王仕军对中文版 risingstars2016 的整理，而王仕军就是中文版的译者。长江后浪推前浪，如果你能花 30 分钟读完我 6 个小时翻译的内容，相信你不会被后浪拍死在沙滩上，对 2017 该学什么有个清晰的认识。
致未来的实习生
岁月如歌，你的人生即将翻开新的篇章，也许你需要一份展现自我的优秀简历，也许你需要一份属于自己的未来规划，也许你需要一个优秀的导师帮助你成长...
应该知道的前端性能二三事 —— Reflow 和 Repaint
手机上的开销比 PC 上要大的多，你在 PC 的模拟器上调试的很顺畅，等到手机上时，就会卡，这是为什么呢？其实这就是性能问题...
前端服务化——页面搭建工具的死与生
作者是支付宝前端开发，打算造一个可视化的页面搭建工具的轮子，重点不在于其造的轮子，而是造的过程中的一些思考和认识值得品味。
从Chrome源码看浏览器如何layout布局
上面是用Skia画的代码，Skia是一个跨平台的开源2D图形库，是Chrome/firefox/android采用的底层Paint引擎。为了能够获取到具体的值，就得进行layout。什么叫layout？把css转化成维度位置等可直接用来描绘的信息的过程就叫layout...
从Chrome源码看浏览器如何计算CSS
在构建DOM的过程中，如果遇到link的标签，当把它插到DOM里面之后，就会触发资源加载——根据href指明的链接...
从Chrome源码看浏览器的事件机制
在最顶层的EventTarget提供了三个函数，分别是添加监听add、删除监听remove、触发监听fire...
从Chrome源码看浏览器如何构建DOM树
这几天下了Chrome的源码，安装了一个debug版的Chromium研究了一下，虽然很多地方都一知半解，但是还是有一点收获，将在这篇文章介绍DOM树是如何构建的，看了本文应该可以回答以下问题...