前端经验

手机HTML5 canvas实现移动端刮奖效果的demo

效果图: 完整代码: !DOCTYPE html html head meta charset = utf-8 / / head body div id = award / div canvas id = mask width = 200 height = 100 / canvas / body script type = text/javascript var canvas = document .getElementById( mask...

前端经验

理解CSS预处理器SASS、LESS、Stylus概念

1、背景 CSS不是一种编程语言,可以用它开发网页样式,但是没法用它编程,它没有自己的变量、简单的逻辑程序、函数及其他编程语法,只是一行行单纯的属性描述,写起来相当费事...

前端经验

ES6的let和const的相同点与不同点

1、let和const的相同点: ① 只在声明所在的块级作用域内有效。 ② 不提升,同时存在暂时性死区,只能在声明的位置后面使用。 ③ 不可重复声明。 2、let和const的不同点: ① let声明的...

前端经验

ES6中的const声明

ES5只有两种声明变量的方式:var和function,ES6还添加了两种常用的声明变量的方式:let和const。 下面介绍ES6的const命令: const声明一个只读的常量,一旦声明,常量的值就不能改变,这意...

前端经验

ES6中的let声明

ES5只有两种声明变量的方式:var和function,ES6还添加了两种常用的声明变量的方式:let和const。 下面介绍ES6的let命令: ES6新增了let命令,用来声明变量,它的用法类似于var,但是所声明...

前端经验

了解ES6的块级作用域

1、为什么需要块级作用域 ES5只有全局作用域和函数作用域,没有块级作用域,会带来以下问题: 1) 变量提升导致内层变量可能会覆盖外层变量 var i = 5 ; function func () { console .log(i); if...

前端经验

了解ES6 全局变量和全局对象的属性

全局对象是最顶层的对象,在浏览器环境指的是window对象,在Node.js指的是global对象。 在ES5中,全局对象的属性与全局变量是等价的,也就是说,全局对象的属性赋值与全局变量的赋值...

前端经验

JavaScript中的函数作用域的优势及用法

函数作用域的含义:属于此函数的全部变量都可以在整个函数的范围内使用及复用,实际上在嵌套的作用域内也可以使用。 1、隐藏内部实现: 对函数的传统认知:先声明一个函数,再...