前端经验

表单元素的readonly和disabled属性

readonly和disabled是用在表单中的两个属性。 相同点: 使用户不能够更改表单域中的内容。 不同点: ① readonly只是使表单元素只读,即不能输入,外观不会变化;而disabled会使表单元素外...

前端经验

JavaScript实现数组全排列、去重、求最大值

1、全排列(递归) function permutation(arr){ if (arr. length == 1 ) return arr; else if (arr. length == 2 ) return [[arr[ 0 ],arr[ 1 ]],[arr[ 1 ],arr[ 0 ]]]; else {var temp = []; for (var i = 0 ; i arr. length ; i++) {var save = arr...

前端经验

JSONP的使用及原理

1、JSONP的诞生过程综述 1) Ajax无法跨域,引起了开发者的思考。 2) 开发者发现, script标签的src属性是可以跨域的,是否可以把跨域服务器写成调用本地的函数,回调数据回来? 3) Java...

前端经验

浅谈JavaScript的浮点数值

浮点数的最高精度是17位小数,但在进行算术运算时其精确度远远不如整数,0.1+0.2的结果不是0.3,而是0.30000000000000004。这个小小的舍入误差会导致无法测定特定的浮点数值,如if (0.1...

前端经验

实现两个div并列的多种方法

方法一:float #div1 { width : 50% ; height : 300px ; background :blue; float :left;} #div2 { width : 50% ; height : 300px ; background :green; float :left;} 方法二:display:table-cell #parent { width : 100% ; display :table;} #div1...

前端经验

手机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声明的...