轩枫阁

首页 / 授人以渔 (第6页)

FE前端在线工具

工具

正则表达式在线工具

http://xuanfengge.com/tool/FEHelper/template/fehelper_regexp.html

 

JS/HTML/CSS代码美化

http://xuanfengge.com/tool/FEHelper/template/fehelper_codebeautify.html

字符串编解码

http://xuanfengge.com/tool/FEHelper/template/fehelper_endecode.html

图片Base64编码工具

http://xuanfengge.com/tool/FEHelper/template/fehelper_imagebase64.html

JSON格式化代码查看

http://xuanfengge.com/tool/FEHelper/template/fehelper_jsonformat.html

时间戳转换工具

http://xuanfengge.com/tool/FEHelper/template/fehelper_timestamp.html 查看全文

2015/06 22  周一

sublime注释插件与javascript注释规范

前言

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

Sublime注释插件-Doc​Blockr

功能

生成优美注释

简介

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

wiki

使用方法

1.快速注释: 输入/*、/**(在Coffee-Script中是###*),Enter 查看全文

2015/06 14  周日

Localstorage本地存储兼容函数

前言

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

存储API

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

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

查看全文

2015/06 14  周日

JS实现活动精确倒计时

背景

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

坑点

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

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

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

查看全文

2015/03 19  周四

基于window.onerror事件 建立前端错误日志

前言

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

try&catch

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

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

查看全文

2015/03 10  周二

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]