轩枫阁

前言

代码中注释是不可少的，即使是自己写的代码，过了一段时间之后再重看，如果没有注释记录的话，可能会想不到当初是这样实现的，尤其是在业务逻辑比较复杂的项目，注释变得尤为重要。怎么优雅的写有用的注释呢？

Sublime注释插件-Doc​Blockr

功能

生成优美注释

简介

标准的注释，包括函数名、参数、返回值等，并以多行显示，省去手动编写

wiki

• https://github.com/spadgos/sublime-jsdocs
• https://sublime.wbond.net/packages/DocBlockr

使用方法

1.快速注释： 输入/*、/**（在Coffee-Script中是###*），Enter 查看全文

前言

HTML5提供了本地存储的API：localstorage对象和sessionStorage对象，实现将数据存储到用户的电脑上。Web存储易于使用、支持大容量（但非无限量）数据同时存储，同时兼容当前所有主流浏览器，但不兼容早期浏览器。

存储API

localStorage和sessionStorage通常被当做普通的JavaScript对象使用：通过设置属性来存储字符串值，查询该属性来读取该值。除此之外，这两个对象还提供了更加正式的API。

• 调用setItem()方法，将对应的名字和值传递出去，可以实现数据存储
• 调用getItem()方法，将名字传递出去，可以获取对应的值
• 调用removeItem()方法，名称作为参数，可以删除对应的数据
• 调用clear()方法，可以删除所有存储的数据
• 使用length属性以及key()方法，传入0~length-1的数字，可以枚举所有存储数据的名字

查看全文

背景

前端页面倒计时功能在很多场景中会用到，如运营活动开始倒计时和活动结束倒计时，又如购物网站的秒杀倒计时，抢购倒计时，还有我们手Q春节抢红包倒计时等等……. 最近的话费代付项目中，也涉及倒计时功能，但在开发过程中遇到一些麻烦和坑点，下面和大家分享一下最后是如何解决的。

坑点

手Q春节抢明星红包活动，就有产品吐槽两个手机在不同时间点打开同一个活动显示的开抢倒计时不一样，误差大的甚至相差几分钟，导致某些用户在活动显示还未开始红包就已被抢完了。为什么误差会这么大呢？

对于这个问题，前台开发同学一般会猜测是这个原因：倒计时读取了客户端时间造成的，因为客户端时间和服务端时间有误差，应该读取服务器时间。

是的，倒计时不应该读取客户端时间，客户端时间用户可以随时调整，会造成不一致，应读取服务器返回时间。但实践证明，做了这一步还未够，页面运行时间长了，新开的页面和原打开页面还是存在误差。

查看全文

前言

用户的浏览环境非常复杂，很多情况无法靠测试用例去覆盖，所以最好建立一个前端错误日志，在真实用户端收集bug。

try&catch

try&catch是一个捕获前端错误的常见方法，比如：

像上面这样，所有脚本统一用init作为入口，一旦发生错误就会被try捕获，然后交给catch去处理。

查看全文

一、概述

除了正常运行模式，ECMAscript 5添加了第二种运行模式：“严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。

设立”严格模式”的目的，主要有以下几个：

– 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;

– 消除代码运行的一些不安全之处，保证代码运行的安全；

– 提高编译器效率，增加运行速度；

– 为未来新版本的Javascript做好铺垫。

“严格模式”体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。

另一方面，同样的代码，在”严格模式”中，可能会有不一样的运行结果；一些在”正常模式”下可以运行的语句，在”严格模式”下将不能运行。掌握这些内容，有助于更细致深入地理解Javascript，让你变成一个更好的程序员。

本文将对”严格模式”做详细介绍。

二、进入标志

进入”严格模式”的标志，是下面这行语句： 查看全文