摘要:
1、我们要明白当js操作dom时发生了什么? 每次对dom的操作都会触发"重排"(重新渲染界面,发生重绘或回流),这严重影响到能耗,一般通常采取的做法是尽可能的减少 dom操作来减少"重排" 2、什么是文档碎片? document.createDocumentFragment() 一个容器,用于暂时 阅读全文
摘要:
区别:null是一个表示无的对象,转换为数值为0; undefined表示一个无的原始值,转化为数值为NAN(与任何数字相加也为NAN) undefined出现原因:(口诀:一变量二函数一对象) 1.变量被声明了但是没赋值时 2.调用函数时,应该提供的参数没提供,则该参数为undefined 3.函 阅读全文
摘要:
1 . Math.ceil() 向上取整 2. Math.floor() 向下取整 3. Math.round() 四舍五入取整 4. Math.random() 生成随机数 生成n - m 的随机整数 parseInt(n + Math.random()*(m-n+1)); parseInt是强制 阅读全文
摘要:
数组去重方法 方法一:运用set结构特点:存储的数据没有重复的,结果为对象,再用Array.from()转换成数组 var arr = [1,1,2,1,3,4,5]; var set = new Set(arr); console.log(Array.from(set)) 方法二 用ES5新增的i 阅读全文
摘要:
三种循环: while do while for while: 语法结构:while(条件){代码块;改变条件} 步骤:1.初始化变量 2.判断条件 3.执行代码块 4.改变初始条件 5.判断条件 do while 语法结构: do{代码块}while(条件) 步骤: 1.初始化变量 2.无条件执行 阅读全文
摘要:
CSS的sprites(雪碧图,精灵图) *三个名字都要记住 定义:就是将界面上需要的小的导航按钮图标,小图标整合成一张背景图片 然后用background-position来实现背景图片的定位 优点:1.通过整合减少图片数量从而减少对服务器的请求次数 2.整合图片来减少图片体积 图片整合的原则: 阅读全文
摘要:
三种方法 1.父级设置display:table-cell,text-align:center,vertical-align:middle; 2.给图片再加一个同级的span,在img和span上同时添加display:inline-block,vertical-align:middle;再给spa 阅读全文
摘要:
link:基本语法 <link rel="stylesheet" href="路径"> @import 基本语法 <style> @import url(地址); @import url("地址"); @import “地址”; 三种写法都可以 </style> 两者的区别主要在于以下四点 1.种类 阅读全文
摘要:
if :基本语法: 1.单分支语句 : if(条件){代码块}else{代码块} 2.多分支语句 :if(条件){代码块} else if(条件){代码块}else{代码块} * 不要忘记添加else,以提高用户体验 switch:基本语法 switch(变量){ case val : 代码块; b 阅读全文