JavaScript

多屏互动——H5 中级进阶

前言随着智能硬件的普及，手机，平板，PC甚至路边的电子广告牌，现代浏览器已经无处不在。在浏览器里编织出我们自己的一片天地已经轻车熟路，但是这还不够，H5赋予了浏览器太多的新特性，等待我们去使用。这篇文章介绍利用手机浏览器的罗盘API，在PC的浏览器实时地绘制一个3D盒模型。这种炫酷的玩法叫做“多屏互动”，就像是把手机当做游戏手柄，PC显示器当做电视机，不过这些都是在浏览器里
业界 2016年07月21日

Javascript字符串常用方法详解

字符串字符串就是一个或多个排列在一起的字符，放在单引号或双引号之中。'abc'"abc"length属性js里的字符串类似于数组，都是一个一个字符拼凑在一起组成的，因此可以用length属性取得字符串的长度var str = "hello"str.length; // 5字符串常用的一些方法1. charAt()str.charAt(n)＝> 返回字符串的第 n 个字符，
业界 2016年07月21日

兼容各浏览器的鼠标滚动事件写法

wheelEvent = "onwheel" in document.createElement("div") ? "wheel" : // Modern browsers support "wheel"document.onmousewheel !== undefined ? "mousewheel" : // Webkit and IE support at least
业界 2016年07月21日

动静分离的数据并发加载策略

作者：莫冠钊转载请注明出处，保留原文链接和作者信息前言当今许多大型网页应用尤其是SPA均采用了动静分离的策略。关于动静分离的描述，这里推荐一篇不错的博文 网站静态化处理—动静分离策略。本人是做前端的，之前有幸与一位对性能追求极致的后端同学一起开发这种动静分离的web项目，以下将从传统顺序模式、单路数据并发模式（以下简称单并发模式）、多路数据并发模式（以下简称多路并发模式）来
业界 2016年07月21日

通过一张简单的图，让你彻底地、永久地搞懂JS的==运算

大家知道，==是JavaScript中比较复杂的一个运算符。它的运算规则奇怪，容易让人犯错，从而成为JavaScript中“最糟糕的特性”之一。在仔细阅读了ECMAScript规范的基础上，我画了一张图，我想通过它你会彻底地搞清楚关于==的一切。同时，我也试图通过此文向大家证明==并不是那么糟糕的东西，它很容易掌握，甚至看起来很合理。先上图：图1 ==运算规则的图形化表示=
业界 2016年07月21日

学习meteor时遇到的问题

简单记录一下学习meteor时遇到的问题，将会持续更新！ 方案大概有后端模板结合型和前端后端分离型两种，支持的包也比较多，目前尤大推荐使用webpack:webpack的方案相对靠谱。 博主自己写的例子：meteor-vue-webpack-example 使用webpack:webpack这个包貌似存在些问题，比如vue components热更新问题并没有得到很好的支持
业界 2016年07月21日

npm 生态一瞥

npm 是 2009 年开始的一个 javascript 模块管理工具，也是最流行的代码共享平台之一。2013 年 npm 的模块总数是 4 万，2014 年就升到 8 万以上，超过所有其他同类平台。（数据来源： http://www.modulecounts.com ）截止现在 npm 的模块总数量是 31 万个，6 月份的总下载量超过 49 亿（因为有些情况下 npm
业界 2016年07月18日

深入阅读gulp源码小结

阅读gulp源码小结gulp源码简介gulp源码核心部分寥寥60+行。但是通过这60+行代码，gulp给我们带来的确是前端自动化构建的便利。以往以为其源码肯定蛮复杂，却没想到却是这么60+行，这60+行的背后，是来自于模块化的支撑。gulp的四个接口分别来源于orchestrator,vinyl-fs两个模块。所以gulp的所有特性都来自于这两个模块。Orchestrato
业界 2016年07月18日

visible选择器

现在移动端项目在重构阶段，将之前的jQuery全部替换成Zepto了。由于Zepto的精简，以置于之前的jQuery的代码不能运行了，其中visible选择器就是其中一个。既然已经选择了Zepto，那就给Zepto增加visible功能。分析第一反应就是思考通过元素的属性来判断，然后尝试了使用display和visibility来进行判断。但是经过小的测试，是我想的简单了！
业界 2016年07月18日
加载更多