JavaScript

学习meteor时遇到的问题

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

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

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

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

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

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

wheelEvent = "onwheel" in document.createElement("div") ? "wheel" : // Modern browsers support "wheel"document.onmousewheel !== undefined ? "mousewheel" : // Webkit and IE support at least

Javascript字符串常用方法详解

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

多屏互动——H5 中级进阶

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

【Chrome插件】Github Travis Stat

博客原文地址:http://yaowenjie.github.io/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/travis-github-chrome-extension太长不读版最近自己写了一个Chrome浏览器扩展/插件(github repo),并将其发布到了谷歌官方商店(chrome web store),该插件为github上的仓库

《JavaScript高级程序设计》笔记系列2-- 基本概念1

语法区分大小写第一个概念就是 ECMAScript 中的一切(变量、函数名和操作符)都区分大小写。变量名 test 和变量名 Test 分别表示两个不同的变量。标识符所谓标识符,就是指变量、函数、属性的名字,或者函数的参数。命名规则:第一个字符必须是一个字母、下划线(_)或一个美元符号($)其他字符可以是字母、下划线、美元符号或数字标识符采用驼峰大小写格式,也就是第一个字母

Glance at ES6

1: Block Scope1.1 变量的块级作用域名let 定义的变量拥有block的作用域if(true){ let a = 1; console.log(a); // 1 }console.log(a); // Uncaught ReferenceError: a is not defined1.2 function的块级作用域if (true) {

获取元素css值

最近写东西碰到一个问题,通过document.getElementById(id).style.XXX无法获取到样式值?查完资料才发现方法只能获取元素的内联样式,那要获取内部样式或外部样式该怎么办? getComputedStyle 原来获取外部样式或内部样式用的是window.getComputedStyle方法,用法如下:getComputedStylediv{widt