张鑫旭-鑫空间-鑫生活
it's my whole life!好文推荐
CSS Animation 与 Web Animation API 之争
JavaScript 提供了 Web Animations API 原生动画 API ，在本篇文章中称它为 WAAPI。本篇文章中，我们将对比 WAAPI 和 与之对应的 CSS 动画。
JavaScript Promise迷你书（中文版）
本书的目的是以目前还在制定中的ECMAScript 6 Promises规范为中心，着重向各位读者介绍JavaScript中对Promise相关技术的支持情况。
标签：前端 | 发布于2017-07-05
Service Worker那些事
丰富的离线体验，定期的后台同步，推送通知，这些通常需要一个本地应用程序才能实现的功能现在已经来到了 web 端。以上这些特性背后所依赖的技术都会通过 service worker 提供。
WeSketch-微信设计团队量身打造sketch插件
一个强大的 Sketch 插件合集，由微信设计团队量身打造，让设计师和开发者更佳高效的使用 Sketch。
标签：设计 | 发布于2017-07-04
AMP，来自 Google 的移动页面优化方案
最近 Google 某个团队推出了一项名为 Accelerated Mobile Pages（AMP）的技术，号称能大大加快移动端页面呈现速度，提高整体体验。
初识 three.js 的故事
Three.js 是 JavaScript 编写的 WebGL 第三方库，通过对 WebGL 接口的封装与简化而形成的一个易用的图形库。
平时工作ES6掌握这些就够了
刚开始用vue或者react，很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性，我们需要全部都掌握吗？秉着二八原则，掌握好常用的，有用的这个可以让我们快速起飞。
腾讯AlloyTeam正式发布pasition - 制作酷炫Path过渡动画
Pasition - Path Transition with little JS code, render to anywhere - 超小尺寸的Path过渡动画类库
标签：前端 | 发布于2017-06-20
在 JS 中使用 fetch 更加高效地进行网络请求
在前端快速发展地过程中，为了契合更好的设计模式，产生了 fetch 框架，此文将简要介绍下 fetch 的基本使用。
WebVR如此近-three.js的WebVR示例解析
最近VR的发展十分吸引人们的眼球，很多同学应该也心痒痒的想体验VR设备，然而现在的专业硬件价格还比较高，入手一个估计就要吃土了。但是，对于我们前端开发者来说，我们不仅可以简单地在手机上进行视觉上的VR体验，还可以立马上手进行Web端VR应用的开发！
使用flv.js做直播
为什么要在这个时候探索flv.js做直播呢？原因在于各大浏览器厂商已经默认禁用Flash，之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能，这样的用户体验很致命。
程序员最核心的竞争力是什么？
进行社招面试时，有一个问题几乎是必问的： 你为什么要离开上一家公司？ 然而，我遇到过好几个初次跳槽的求职者给出的答案是：「在原来的公司学不到技术」。 一听到这个，我就不由得叹口气：今天这一小时又算是交代了，这人基本上没戏。
标签：管理 | 发布于2017-06-03
前端开发者指南（2017）
这是一本可供任何人使用的指南，用于学习前端开发实践。该指南大体上勾勒出了前端工程的轮廓，同时也讨论了前端工程的实践：2017 年，如何学习前端工程，用什么工具来实践？
QQ会员活动运营平台架构设计实践——高效自动化运营
QQ会员活动运营平台（AMS），是QQ会员增值运营业务的重要载体之一，承担海量活动运营的Web系统。在过去四年的时间里，AMS日请求量从200-500万的阶段，一直增长到日请求3-5亿，最高CGI日请求达到8亿。在这个过程中，AMS在架构方面发生了大幅度的调整和变迁，我们走过了一段非常难忘的技术历程。
LeanCloud 的工程师如何决定晚上吃什么
在上个月 LeanCloud 在北京的办公室从北三环搬到了东二环朝阳门附近，对于我们这些晚上只能一起在外面解决晚饭的单身青年来说，晚饭的选择多了很多。之前我们其实在公司内部的 IM 上是有一个机器人的...
标签：后端 | 发布于2017-06-01
前端开发实习生培养体系的探索：织梦计划 v 0.1.0
由于意识到目前的前端团队趋于稳定，可以适当加入一些实习生为团队注入活力。于是这段时间主动积累了一些相关经验，决定就前端技术团队的实习生培养这一主题，进行概念梳理以及雏形规划...
标签：前端 | 发布于2017-05-31
使用 RxJS 实现 JavaScript 的 Reactive 编程
作为有经验的JavaScript开发者，我们会在代码中采用一定程度的异步代码。我们不断地处理用户的输入请求，也从远程获取数据，或者同时运行耗时的计算任务，...异步计算本身就是难以管理的，而RxJS可以解决这个问题。
好的前端主管是如何带队的？
算起来做了7年的技术管理，从带7、8人的一线前端团队到最多80+人、手下若干技术主管的团队。不敢说自己做得多么成功，因为一路上也是磕磕绊绊，总是觉得自己还是更擅长专注于做技术...
怎么找工作，怎么找到工作，怎么找到满意工作？
很多人在找工作的过程中，总是碰壁，在之前一篇文章中讲述了我的一些个人经历。我是个普通的人，而我相信很多人都跟我一样，不是那么的有才华，也不是那么的笨，所以我的经历应该更普众化。还有就是找工作是个漫长的过程，不要急、不要急、不要急。
标签：管理 | 发布于2016-08-14
《欢乐颂2》 邱莹莹的程序猿男友应勤竟是前端攻城狮?
看过《欢乐颂》的朋友们都知道，这部展现了真实都市生活的电视剧一经开播便受到了广大关注，无论是在公司、在地铁、经常会看到俊男靓女拿着手机默默地追剧，然而今天小编在追剧时突然发现：《欢乐颂2》居然在搞事情！！!
标签：前端 | 发布于2017-05-18
什么才是你心目中的前端圈?
提这个问题的想法出现许久了，最初是想写一篇文章，标题为"我心目中的前端圈"，但是和以前某次撕逼的题目太像，想想还是还是作为一个问题更加合适。……为什么今天下定主意提问呢，因为这两天微博又谈到了关于阮老师的话题~~
标签：前端 | 发布于2017-05-14
你有没有发现，码农行列无高富帅
不知道大家有没有发现，做软件开发工作的很少有高富帅。可能学校里还会有那么几个学习计算机专业的富二代，但是走上社会以后人生轨迹就完全分裂开来了，能够在技术领域深耕的多半是那些来自农村所谓的凤凰男，凤凰女。
标签：后端 | 发布于2017-04-30
百雀羚神广告失败？做公关谈转化的，大部分都是耍流氓
百雀羚事件还在发酵，剧情似乎又在反转？ 道理谁都懂，但还是想耍流氓，这种对业界不负责的观点，大叔必须站出来聊聊。
标签：市场 | 发布于2017-05-12
超越Google，腾讯推出自研图片编码格式TPG
腾讯公司正式向国家知识产权局提交了一份关于图片编码技术的专利申请。此项专利被命名为TPG（Tiny Portable Graphics），在数据上TPG图片格式产生的文件大小明显小于JPG/JPEG、PNG、GIF、WEBP等业界主流的图片格式，处于世界领先水平。
迅雷程浩：痛点不痛，刚需不刚，是90%创业项目的通病
前迅雷创始人、现松禾远望创始合伙人程浩先生这篇最值得与你分享。从创业者一直做到公司纳斯达克上市，再到投资人，他结合自己的经历所讲的精益创业，言辞犀利，一语中的，而且有很强的的实操性，非常耐读。
基于Git、Svn的Commit实现可增量构建的前端持续集成解决方案
近两年由于技术的发展，Web 前端可以通过编译工具来实现 HTML、CSS、JS 所做不到的事情，但要面对它们所带来的一些问题：构建速度越来越慢，导致发布速度越来越慢。尤其是在使用持续集成系统来构建的项目中，这个问题越严重。
标签：前端 | 发布于2017-05-03
理解 Gulp 和 Webpack
Gulp 和 webpack 之间的关系是十分暧昧的，却也经常被人误解，以为它俩是竞争关系，其实不然。
前端开发负责人修炼指北
大家好，我叫XX，江湖人称吃土小2叉，目前担任公司的前端负责人半年多了，一路上摸爬滚打，历经团队人员变动，近日颇有感触...
Web推送技术
伴随着今年 Google I/O 大会的召开，一个很火的概念–Progressive Web Apps 诞生了。这代表着我们 web 端有了和原生 APP 媲美的能力。但是，有一个很重要的痛点，web 一直不能使用消息推送...
苹果凭什么逼停微信的赞赏功能？
微信官方刚刚宣布，从今天开始，微信将关闭 iOS 平台下的赞赏功能，也就是说，从现在开始，如果你用的是 iPhone，你将无法给公众号作者和表情商店里你喜欢的设计师赞赏。
将网站改进为增强型网页应用-PWA
最近有一些关于增强型网页应用（PWA）的议论，很多人都质疑PWA是否代表了未来的（移动）Web。我并无意参与到整个的原生app与PWA的争论中，但是有一件事是确定的– 在提高移动端和改善用户体验方面还有很长的路要走。到2018，移动端web访问量注定会超过其他设备的总和，你能忽视这一趋势吗？
知乎登录页 - 粒子运动效果
仿知乎登录页面，基于canvas实现了一个粒子（Particle）随机运动的动画效果。 为了方便大家使用，也为提供了react和vue知乎登录页的完整实现。
标签：前端 | 发布于2017-04-14
30 分钟搞定 ES6 常用基础知识
在实际开发中，ES6已经非常普及了。掌握ES6的知识变成了一种必须。尽管我们在使用时仍然需要经过babel编译。
浏览器缓存机制剖析
缓存一直是前端优化的主战场, 利用好缓存就成功了一半. 本篇从http请求和响应的头域入手, 让你对浏览器缓存有个整体的概念. 最终你会发现强缓存, 协商缓存 和 启发式缓存是如此的简单.
字由：属于国人自己的中文字体管理应用软件
提到 macOS 上的字体管理软件，我们先想到的是 RightFont、Typeface 这些洋玩意儿，现在我们中文字体也有自己的基地了。字由是一款专为设计师量身定做的中文字体管理软件...
标签：设计 | 发布于2017-03-19
Source Han Serif 思源宋体
思源宋体是 Adobe Type 发布的最新泛 CJK 字体，它是对应于思源黑体的宋体字体；我们发布这两种字体是为了响应统一设计的需求，以服务于东亚 15 亿人口。
小程序这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...
腾讯张志东Tony谈：透明，真实，自组织
透明、真实、自组织，这些移动产品上的关键词，是否可以也作为高科技企业的组织文化理念？腾讯联合创始人、前CTO、腾讯学院荣誉院长张志东(Tony)，在2017腾讯HR内部年会中分享到：保持独立思考，尝试更开放的思想，把更多的精力放在创造具有内生力的智慧支撑平台上。
淘宝2017-提示信息的情感化设计
消费者对产品的需求从追求高性价比更多地转为高品质，虽然手机只是一个机器，但用户与产品之间当然是能有情感传递的，不然就只是一个冷冰冰的工具而已，能让用户在使用体验和过程中产生愉悦的产品才可能走的更远。
我所讨厌的那些开发者
前两天，看到湾区日报推荐了一篇文章讲的是，做开源项目维护者是一种什么样的体验。里面作者提到一些让他非常不爽的开源体验，读过之后感同身受，也很想写一些自己的开源经历。
如何落地和管理一个“大前端”团队?饿了么大前端团队解密
当很多人还在讨论、观望「大前端」这个概念时，饿了么已经着手组建了自己的大前端团队。为什么要叫大前端团队？它的职责定位是什么？这种模式有何利弊？一起来看吧！
阿里、京东、亚马逊，谁的模式最赚钱？
这三家都陆续发了财报，2016年的业绩已经悉数公开，我们趁此当口对比一下几家的财务情况和业务对此，还有因为模式不同而带来的毛利率的差异。
一个失败移动操作系统的前世今生，别了Firefox OS
在Android、iOS雄霸的时代，也有一批全新面貌的操作系统在两大巨头的夹缝中求生存。但即便是有微软庇荫的WP也行将死亡。这批市场份额「其他」的操作系统中就有Firefox OS...
我理解中的“大前端”/“大无线”
最近，我所在的团队做了一些结构调整，其实我一直想讲讲这次调整，希望能够带给同行一些思考，但...
2016 年崛起的 JS 项目
本文是王仕军对中文版 risingstars2016 的整理，而王仕军就是中文版的译者。长江后浪推前浪，如果你能花 30 分钟读完我 6 个小时翻译的内容，相信你不会被后浪拍死在沙滩上，对 2017 该学什么有个清晰的认识。
素材 | 最全面H5音效库，教你怎么找音效!
一提到H5相关音效问题，想必很多从业者要头疼了，因目前行业仍没有相应规范，所以大家跟无头苍蝇一样不知道怎么去用，也不知道怎么用合适，那么这期，就让小呆和大家聊聊聊聊音效的问题，希望能为你创作带来帮助。
Pinterest封了，有哪些国外设计网站还活着…
默默的为 Pinterest 点一根蜡烛…今天的设计界大新闻就是Pinterest挂了 [蜡烛]、[蜡烛]、[蜡烛]…
三年关闭三千多家店，“大众鞋王”达芙妮怎么了？
《欲望城市》里的Carrie曾说过，如果让她在一双鞋和男人之间做抉择，她一定会选择鞋，因为它比恋爱更有吸引力，可见女人与鞋的关系之亲密。作为中国知名的女鞋品牌之一，相信很多人都曾光顾过达芙妮的门店，但是近年达芙妮过的并不好...
致未来的实习生
岁月如歌，你的人生即将翻开新的篇章，也许你需要一份展现自我的优秀简历，也许你需要一份属于自己的未来规划，也许你需要一个优秀的导师帮助你成长...
应该知道的前端性能二三事 —— Reflow 和 Repaint
手机上的开销比 PC 上要大的多，你在 PC 的模拟器上调试的很顺畅，等到手机上时，就会卡，这是为什么呢？其实这就是性能问题...
前端服务化——页面搭建工具的死与生
作者是支付宝前端开发，打算造一个可视化的页面搭建工具的轮子，重点不在于其造的轮子，而是造的过程中的一些思考和认识值得品味。
张小龙最新内部演讲：警惕KPI和复杂流程
张小龙重申了「敏捷性」的必要；另一方面，他强调了不应该从 KPI、而是从用户角度来出发来考虑产品和业务。
从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树是如何构建的，看了本文应该可以回答以下问题...
推荐《创京东》——做市场的同学，应该读一下
作者从《创京东》中这本书中一些示例入手，以京东1万白领，11万蓝领折射关于市场的一些想法和理解，某些观点和我不谋而合，例如高大上设计对屌丝用户群体是否合适的思考。