2017 年 2 月 22 日

实例解析防抖动(Debouncing)和节流阀(Throttling)

防抖(Debounce)和节流(throttle)都是用来控制某个函数在一定时间内执行多少次的技巧,两者相似而又不同。当我们给 DOM 绑定事件的时候,加了防抖和节流的函数变得特别有用。为什么呢?因为我们在事件和函数执行之间加了一个控制层。记住,我们是无法控制 DOM 事件触发频率的。 看下滚动事件的例子: See the Pen Scroll events counter by Co ...
查看详情

2017 年 2 月 15 日

如何高效编写微信小程序?

前言 微信小程序是一个工程,就和盖房子一样,打好了地基,才能保证后续工程师建立在可靠牢固的基础上。 笔者需要经常新建项目,每次都要重复“修改项目结构 -> 从老项目中复制粘贴文件 -> 删除一些老项目中代码”这样的过程,实在是…费心费力。 另一个痛点是:每次新建小程序页面要生成三个文件名相同的文件 ( .wxml、.wxss 和 .js ),命令行太长(据微信同事:也可以 ...
查看详情

2017 年 1 月 12 日

Clean JavaScript: 写出整洁的JavaScript代码

Introduction:简介 很多开发者都会推崇Robert C. Martin的Clean Code一书中提及的软件工程准则,本文就是对于这些准则在JavaScript开发领域中的实践应用总结。本文并不仅仅是样式指南,而是对于如何编写出基于JavaScript实现的高可读性、高可用性以及可重构的软件系统。虽然本文对比的讲了很多好坏的实践,但并不是说本文就建议大家强制遵循所有的指南。实际上对于 ...
查看详情

2017 年 1 月 7 日

小米新一代大数据统计平台大公开

首次来到台北的小米研发架构师欧阳辰,看见城市中川流不息的摩托车车流,引起了他的注意:「它的特色很像大数据」,除了数量多、变化快,以及难以预测动向,摩托车也和大数据一般,都是解决人类生活在社会中的一项工具,「未来大数据会是重要的社会基础架构,就像水、电力一样。」 谈起大数据,不免回归最基本的问题:它跟传统数据分析的区隔为何。 欧阳辰表示:「在目标上,我认为两者没有区隔」,欧阳辰表示,传统 ...
查看详情

2017 年 1 月 7 日

你真的了解网站开发中的 gzip 吗?

gzip是GNUzip的缩写,最早用于UNIX系统的文件压缩。HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术,web服务器和客户端(浏览器)必须共同支持gzip。目前主流的浏览器,Chrome,firefox,IE等都支持该协议。常见的服务器如Apache,Nginx,IIS同样支持gzip。gzip压缩比率在3到10倍左右,可以大大节省服务器的网络带宽。而在实际应用中,并不是 ...
查看详情

2017 年 1 月 6 日

超全面的北京网站设计切图规范指南

设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图,起到事半功倍的效果。 如何输出具有全局把控和细节专注的高段位切图,应该是所有设计师一直需要追求的能力。 设计切图的原则 设计切图输出的目的是跟下游的工程师团队协同工作,那么在团队协作过程中,首先应该保证切图输出能够满足工程师设计效果图的高保真还 ...
查看详情

2016 年 10 月 30 日

利用阿里云容器服务打通TensorFlow持续训练链路

随着google开源TensorFlow的脚步越来越迅猛,机器学习已经渐渐由昔日王谢堂前燕,飞入寻常百姓家。如何把机器学习的成果,迅速转化成服务大众的产品。以TensorFlow为例,一个典型的交付流程,就是TensorFlow根据输入数据进行模型训练,待训练结束和验证确定后,模型会被发布到TensorFlow Serving,就可以为大众服务了。如果能像流水线生产一辆汽车一样来实现机器学习的产品 ...
查看详情

2016 年 6 月 16 日

在 HTML 中定义新元素 – HTML5 Rocks

引言 现在的 web 严重缺乏表达能力。你只要瞧一眼“现代”的 web 应用,比如 GMail,就会明白我的意思: 现代 web 应用:使用 <div> 堆砌而成。堆砌 <div> 一点都不现代。然而可悲的是,这就是我们构建 web 应用的方式。在现有基础上我们不应该有更高的追求吗? 时髦的标记,行动起来! HTML 为我们提供了一个完美的文档组织工具,然而 H ...
查看详情

2016 年 6 月 8 日

React Router 使用教程

真正学会 React 是一个漫长的过程。 你会发现,它不是一个库,也不是一个框架,而是一个庞大的体系。想要发挥它的威力,整个技术栈都要配合它改造。你要学习一整套解决方案,从后端到前端,都是全新的做法。 举例来说,React 不使用 HTML,而使用 JSX 。它打算抛弃 DOM,要求开发者不要使用任何 DOM 方法。它甚至还抛弃了 SQL ,自己发明了一套查询语言 Gr ...
查看详情

2016 年 6 月 2 日

移动前端适配—低级、无趣的老方法

这里介绍一下几个移动前端适配—低级、无趣、一堆问题的老方法。早在几年前,移动前端适配有几个很简单使用的方法。那时屏幕尺寸或者说分辨率没如今这么多。一般设计师设计移动端页面统一按照640像素的宽度设计。因为当时的主流是iPhone4,iPhone4s ,iPhone5及iPhone5s,物理像素宽度为 640,分辨率为320。其他安卓机型可以根据这些尺寸做简单粗暴的匹配。 例如下面是适配最简单 ...
查看详情