相信只要开发过小程序，对wx.navigateBack 这个 api都不会陌生。在摩拜单车的小程序中，它也被改造的更方便满足复杂的业务需求，可谓之 增强型的 wx.navigateBack。

人活着，总得要点英雄主义的，哪怕失败、死亡。 也许在小程序所有生命周期里，我们用的最多的就是 onLoad，一大堆代码都要在初始化的时候执行。 很多时候，初始化的代码是每个页面共用的，比如获取用户信息、获取定位等： {代码...} 久而久之，每个页面的 js 里都是如上的重复代码。如果可以先执行完通用的初始化代码，...

实际业务代码中总会遇到这种情况：写着写着发现需要用全局数据，但是不能直接就在当前函数里直接写上面的一段代码，因为要和别的函数共用，所以返回 js 文件顶部添加一段代码，再返回刚刚断掉的地方继续写，类似这样：

在一些框架中发现会提供一个很实用的功能：拦截器（interceptor）。例如要实现这个需求：小程序每次获取到定位后都存到 globalData 里：

告诉元首我已尽力，告诉父亲我仍然爱他！ 熟悉 Vue 的同学对 computed 和 watch 一定很熟悉，这些特性大大方便了我们对代码中的数据进行处理： {代码...} {代码...} 这是 Vue 官网中两段代码。 官方实现 如今小程序也有了自己的实现，详见官方文档 observer 。小程序官方 github 中也开源了通过 Behaviors 实现的 Vue 风...

当我们在各自项目里幸福的拷贝着官方代码 demo，在 componnets 文件夹里使用 Component 方法书写一个个组件时，不要忘记，在 2018 年上半年以前，小程序是没有提供组件化方案的。

市面上不停的会有大的公司推出自己的小程序的研发库 / 框架，功能十分强大，也为小程序的开发带来了便利。但在一些积极的反馈中，我们也看到不一样的声音：

摩拜单车小程序已于微信小程序上线第一天正式发布，刷爆微博媒体朋友圈。本文主要讲讲技术方向的总结，在段时间的开发周期内内如何一步步从学习到进阶。

betty.js是一款极轻量的、使用localStorage存储Javascript代码的工具。市面上已经有很多类似的工具：比如饿了么团队最近发布的bowl.js，微信团队的MOON（未开源），以及这个想法的鼻祖basket.js。

因为最近工作项目，开源了一个简单的设备检测的库：device.js。 市面上已经有些类似的东西，但，稍显复杂。 device.js device.js会在html元素添加class，方便用css对页面元素控制，如下图所示： API device.js提供的api有： IsTouch IsAndroid IsIPad IsIPhone IsIOS IsWinPhone IsWebapp IsXiaoMi IsUC IsWeixin IsBaid...

场景 平时在js中存储数据的场景还是很多的，比如： {代码...} 这时候ajax获取的数据被缓存到data中，这种场景及其普遍。假设突然这个被改成一个函数： {代码...} 这时候想在外面获取data，就得修改原来的代码，一种方式就是把return data，另一种是把data定义到函数外面。 这时候，这个js要被改成模块： {代码...} 这时...

招聘要求 移动端经验丰富，对HTML5有一定的研究并应用，对移动端兼容性处理、调试工具和方法有一定的经验。 熟练书写原生JS，以及比较流行的类库，比如zepto等。 对JS的封装，模块化有自己的理解，对Sass，Jade，CoffeScript等前端预编译工具有一定的接触了解。 懂一门后端语言，知道前后端数据等交互机制。 熟悉Nodejs...

简洁的模版语法，简单的API，关键还能前后端（Nodejs）共用模板，简直就是前端开发利器。今天有个想法，把artTemplate封装下，模版render后给input等注册几个事件，分分钟就能实现简单的数据双向绑定。

内部文档，管理员莫推荐^_^ 资料 百度统计 方法 引入百度统计的js后，会在全局（window）下 暴露_hmt的方法： 事件跟踪最核心的方法就是_hmt.push: {代码...} 1. '_trackEvent': 固定参数，表明统计类型是时间跟踪。 1. category：要监控的目标的类型名称，通常是同一组目标的名字，比如"视频"、"音乐"、"软件"、"游戏"...

自从jQuery等流行库使用Uglify作为压缩工具，Uglify慢慢流行起来，如今也是很多开发工具（框架）默认使用的Js压缩工具，比如百度的Fis以及绝大部分的Yeoman脚手架等。YUI Compressor也逐渐被Uglify所替代。

社交网络有各种Feed，每个feed有其对应的时间，比如如下的场景： 还有如下的场景： 废话不多说，反正这种事件处理用time.js处理，就非常合适不过啦。 引入time.js后，会得到一个Time的方法，你可以这样使用它： {代码...} 你也可以和现在做对比： {代码...} 十分简单的一个小工具。你可以看看demo。 具体的API你可以在这...

前端这个职位的诞生也有短短的十年。而在十年之前，我不认识你，那会还叫网页制作，用着一个Adobe非常牛逼的软件叫Dreamweaver。这是一个神奇的软件，绚丽多彩的网页通过它，拖拖拽拽，就这么梦幻般的生成了。网页制作师们，像一群织梦的妇人，心灵手巧，耐苦耐劳，从不抱怨。

手机网页兼容性与ie相比，有过之无不及，调试的时候，我们会使用console.log，但是手机上看不到打印出来的信息。所以只好各种alert，但alert总显得不那么优雅。

现在滑屏网页越来越多，比如我在搜狐视频就做了好几个，举个例子，可以用手机扫描以下的二维码访问： 之前写这样的页面可能还要纠结选择什么库，然后再写一堆touch的事件，再加上写样式写HTML，可能几个小时就这么过去，才算完成。 现在不一样了。 有了Slip.js，你只管写HTML，CSS，如果逻辑简单，一行JS代码就可以搞定...

移动端开发中，经常碰到UC浏览器页面返回时，不更新页面，而停留在页面“快照”中，这时候可能就引起一些问题。比如： 先加载页面A，页面A的初始化状态为A1： 点击按钮页面更新到如下的状态A2： 注意，这时候页面的URL并没有发生变化，页面还是停留在A。 点击按钮会更新URL跳转到新的页面B。 这时候，如果点击浏览器返回按...

我希望你将来拥有选择的权利，选择有意义、有时间的工作，而不是被迫谋生。当你的工作在你心中有意义，你就有成就感。当你的工作给你时间，不剥夺你的生活，你就有尊严。

公司新来了几个前端小伙伴，可能是「潜规则」（好吧，我也不懂其中玄妙），面试都没经过我，以至于能力风格什么的我并不是很满意，甚至最起码的代码工整都做不到，都轮不到去检查代码的逻辑性能什么的。

举个例子 {代码...} 这段代码实现的就是拼接字符串的功能，故意写的啰嗦。最后弹出拼接后的结果。 经过uglify压缩后再格式化： {代码...} 可以看出，uglify只是简单的缩短了变量名，代码结果没有发生变化。 经过GCC压缩后： {代码...} GCC直接改变了原有代码结构，去除了啰嗦的代码，直接输出运行结果。 对比很明显，GCC...

写Grunt对于很多JS程序员来说，不像写JS，更像是写一堆配置代码，相信用过Grunt的人都深有体会，就拿一个简答的uglify任务举例：

我吃着煎饼 你低着头 我看着那一页的kindle 你戴上耳机，世界被你挡在身后 我吃着煎饼 你喝着那碗粥 我的窗外雾气蒙蒙 你悄悄转过头 我吃着煎饼 你转身就走 不管世间的人事风流

CSS的继承是由所使用的样式属性定义的。换句话说，当你查看CSS属性backgruound-color，你会看到一栏「继承性」，也许你几乎没有在意过它，但是它还是十分有用的。

最后一天了，也终于闲下来写写过去的一年路过的地方，是不是有你待过的地方，那好可惜，没有去见你。 不算北京，今年去了五个城市，有三个之前从未去过。先说说天津吧。 第一次去是在4月份，那段时间有些烦躁，一个人随便抽个双休日就过去，真的可以称得上是「一次说走就走的旅行」。 城际高铁就是快，去天津只要半个小...

本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。

内部文档，管理员莫推荐：） 描述 只需引入一个JS文件并配置简单几个参数，就可以在任何第三方网页调用搜狐视频的播放器。 功能 支持HTML5和Flash播放； 支持传入视频源地址（mp4或m3u8）播放； 支持连播； 支持播放器一些简单事件； 支持设置播放器宽高。 应用 搜狐新闻H5版中调用 调用 引入JS文件会创建一个名为SohuMo...

Chrome开发工具是基于Chrome浏览器，帮助开发人员调试代码的控制面板。它的功能很丰富以至于我们很难面面俱到，这里就有几个不太明显但很实用的功能。