JavaScript

多屏互动——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

Fetch API

Fetch API 包含一组类和方法,用来简化 HTTP 请求。其中包含以下方法和类:fetch 方法:用于发起 HTTP 请求Request 类:用来描述请求Response 类:用来表示响应Headers 类:用来表示 HTTP 头部信息。基本用法fetch 接受一个 url 作为参数,发起 GET 请求,返回 Promise ,请求成功后将返回结果封装为一个 Resp

《JavaScript 闯关记》

为何写作此课程stone 主要负责基于 Web 的企业内部管理系统的开发,虽然能够熟练地使用 JavaScript,但随着对 JavaScript 的理解越来越深,才发现自己尚未掌握其精髓。2015年,公司请来 大胡子姜志辉 为我们培训 JS Dota 课程,让我对 JavaScript 有了全新的认识,他一步步引导我们手写 jQuery、Backbone 等 JavaS

《每周一点canvas动画》——桌球运动(2)

每周一点canvas动画代码文件在上一节,《每周一点canvas动画》——桌球运动(1)中我们介绍了如何运用动量守恒和能量守恒的概念,最为真实的模拟了物体与物体之间发生碰撞后的情况。那么这一节,我们在上一节的基础上我们继续深入研究,非水平和非垂直的情况下如何处理物体与物体之间碰撞后的情况,以及更为普适的多物体运动。本节主要内容:代码优化二维碰撞解析代码实现粒子系统总结1.代

《JavaScript 闯关记》之简介

简介JavaScript 是面向 Web 的编程语言,绝大多数现代网站都使用了 JavaScript,并且所有的现代 Web 浏览器(电脑,手机,平板)均包含了 JavaScript 解释器。 这使得 JavaScript 能够称得上史上使用最广泛的编程语言。 JavaScript 也是前端开发工程师必须掌握的三种技能之一:描述网页内容的 HTML、描述网页样式的 CSS、

JS高程读书笔记--第三章基本概念

JS高程读书笔记--第三章语法ECMAScript中的一切(变量、函数名和操作符)都区分大小写。不能把关键字、保留字、true、false和null用做标识符。严格模式是为JavaScript定义了一种不同的解析与执行模型。在严格模式下,ECMAScript3中的一些不确定的行为将得到处理,而且对某些不安全的操作也会抛出错误。("use strict";)。ECMAScri