12 个你未必知道的 JavaScript 技巧

在这篇文章中将给大家分享 12 个有关于 JavaScript 的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。 使用 !! 操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回 true 值。为了做这样的验证,我们可以使用 !! 操作符来实现是非常的方便与简单。对于变量可以使用 !!variable 做检测,只要变量的值为: 0、nu...

查看更多

使用 BatteryManager 来查看电池状态

大家都知道HTML5中新增了不少有意思的API,比如消息通知(Notification)、定位(Geolocation)、音乐、视频。。。在去年,我利用一些API写了一个简单的音乐可视化的小玩意,演示地址:http://blog.codeartisan.name/music-visualizer/。今天我们来看看BatteryManager这个API,看看它能干些什么。 根据 mozilla 社区...

查看更多

JSONP 实现跨域的原理【转载】

JSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别,但其实他们根本不是一回事儿:JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。 JSONP是怎么产生的:1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、w...

查看更多

HTML5消息通知简介

前言 在HTML5中,加入不少新的API,比如地理定位、消息通知、WebSQL等等。。。今天要讲的是Notification(消息通知),废话不多说,直接上手吧。 使用 如果你所开发的项目中需要使用这些新的API,那么肯定就要注意浏览器的兼容性,况且这还只是个草案,API的变更也会比较大。浏览器的兼容性处理我就不说了,大家应该都知道怎么处理,我记得在两年前,我用它的时候还是这么用的:12345...

查看更多

前端优化不完全指南【转载】

篇幅可能有点长,我想先聊一聊阅读的方式,我希望你阅读的时候,能够把我当作你的竞争对手,你的梦想是超越我。你想超越我,就得了解我懂什么对吧,好,开始阅读~ ~ 哈哈哈 ~ ~ ~ 历时144000000毫秒出山的前端优化篇,若你问我有什么感悟?那我告诉你,看到毫秒啊,火箭啊,这些与优化相关的词,都有莫名的亲切感。本文主要从工作效率、速度性能、稳定性、响应式、兼容性、搜索SEO、信息无障碍等方面进...

查看更多

Less 与 Sass 的对比

前言:目前,较为出名的三大CSS预处理器:less、sass、stylus,相信大家都不陌生,很多项目都使用预处理器来编译CSS样式,比如 bootstrap。在 bootstrap 4.x 版本之前,都是使用 less 预处理器,但是在4.x版本之后,bootstrap 已经把 less 换成了 sass。。。 疑问:既然有三款预处理器,那么哪一款预处理器更适合于我们呢?他们之间有什么差异呢?以...

查看更多