2019年10月1日

响应式布局-CSS
摘要： <! more 一、了解什么是viewport视口 在PC端，我们开发的HTML页面运行在浏览器中，浏览器有多宽（一般浏览器代表设备的宽度）HTML就有多宽，也就是在浏览器宽度的视口中渲染和呈现我们的页面 移动端和PC端有区别：不管移动端设备(代指打开的浏览器)的宽度是多少，HTML页面的宽度是98 阅读全文
posted @ 2019-10-01 19:30 静水流深a 阅读(470) 评论(0) 推荐(0) 编辑
 
CSS3-CSS
摘要： <! more 选择器 ​ \ ID ​ .CLASS ​ TAG ​ ​ SELECTOR1,SELECTOR1... 群组选择器 样式属性 阅读全文
posted @ 2019-10-01 19:30 静水流深a 阅读(162) 评论(0) 推荐(0) 编辑
 
HTML5
摘要： 新增加(修改/删除)的语义化标签 header footer main 主体 section 区域 article 文章区域 aside 与内容无关的部分（例如：广告） nav figure 配图区域 figcaption 配图说明 mark 标记 time 时间标记 progress 进度条 .. 阅读全文
posted @ 2019-10-01 19:27 静水流深a 阅读(137) 评论(0) 推荐(0) 编辑
 
DOM的回流和重绘-JS
摘要： 回流(reflow) 当DOM元素的结构或者位置发生改变（删除、增加、改变位置、改变大小...）都会引发回流，所谓回流，就是浏览器抛弃原有计算的结构和样式，从新进行DOM TREE或者RENDER TREE，非常非常非常...消耗性能。 重绘(repaint) 当某一个DOM元素样式更改（位置没变只 阅读全文
posted @ 2019-10-01 19:06 静水流深a 阅读(1918) 评论(0) 推荐(0) 编辑
 
arguments对象-JS
摘要： arguments是函数的一个内置属性，他是一个类似于数组的对象，有length这个属性。 arguments对象的长度是由函数调用时传递的实参个数决定（即使这个值传递的是undefined）。 对于arguments中的元素和形参都存在的情况下，两者值是同步的，但是针对其中一个无值的情况下，对于此 阅读全文
posted @ 2019-10-01 19:06 静水流深a 阅读(140) 评论(0) 推荐(0) 编辑
 
Dom盒子模型-JS
摘要： layout: 'page' title: 'Dom盒子模型' date: 2019 09 30 17:59:29 tags: JAVASCRIPT categories: JAVASCRIPT <! more Dom盒子模型13个属性 clientWidth/clientHeight：当前元素可视 阅读全文
posted @ 2019-10-01 19:05 静水流深a 阅读(310) 评论(0) 推荐(0) 编辑
 
DOM方法-JS
摘要： 获取DOM元素 1. getElementById（上下文只能是document） 2. getElementsByTagName（返回元素集合HTMLCollection） 3. getElementsByClassName（同上，不兼容IE6 8） 4. getElementsByName（上下 阅读全文
posted @ 2019-10-01 19:05 静水流深a 阅读(219) 评论(0) 推荐(0) 编辑
 
ES6新语法
摘要： <! more let/const 1. let不存在变量提升(变量不允许在声明之前使用) 2. let不允许重复声明 3. 在全局作用域中let变量不是window属性，和它没关系 4. typeof 未被声明的变量不是undefined而是报错(暂时性死区) 5. let会形成块级作用域 解构赋 阅读全文
posted @ 2019-10-01 19:04 静水流深a 阅读(610) 评论(0) 推荐(0) 编辑
 
jQuery
摘要： jQuery选择器 jQuery(selector,context) selector:选择器的类型(一般都是字符串，但是支持函数或者元素对象) context:基于选择器获取元素时候指定的上下文（默认document） jQuery常用方法 appendTo：把jQuery对象添加到一个HTML元 阅读全文
posted @ 2019-10-01 19:03 静水流深a 阅读(154) 评论(0) 推荐(0) 编辑
 
less模块化开发-CSS
摘要： layout: 'page' title: 'less模块' date: 2019 09 30 16:14:04 tags: JAVASCRIPT categories: JAVASCRIPT <! more 什么是less？ less是css预编译语言，less等预编译语言就是让css具备面向对象 阅读全文
posted @ 2019-10-01 19:02 静水流深a 阅读(1228) 评论(0) 推荐(0) 编辑
 
JavaScript中的Math对象
摘要： <! more abs ：绝对值 ceil/floor ：向上/向下取整 round ：四舍五入 sqrt ：开平方 pow ：取幂(N的M次方) max/min :最大值和最小值 PI ：获取圆周率 random :0~1随机小数 扩展 :Math.round(Math.random() (m n 阅读全文
posted @ 2019-10-01 19:01 静水流深a 阅读(320) 评论(0) 推荐(0) 编辑
 
JavaScript关键字this
摘要： this 事件绑定，方法中的this都是当前操作的元素本身 函数执行，看函数前面是否有点，有的话，点前面是谁THIS就是谁，没有点，this是WINDOW（在JS的严格模式下，没有点this是UNDEFINED 构造函数执行，this一般都是当前类的实例 箭头函数中没有自己的this,this是上下 阅读全文
posted @ 2019-10-01 19:00 静水流深a 阅读(114) 评论(0) 推荐(0) 编辑
 
JavaScript闭包
摘要： 闭包的作用 形成一个不销毁的私有作用域，保护里面的私有变量不受外界干扰。当执行后返回的结果必须是应用数据类型，被外界变量接收，此时函数不会被销毁（模块化）。 阅读全文
posted @ 2019-10-01 18:59 静水流深a 阅读(122) 评论(0) 推荐(0) 编辑
 
JavaScript变量提升
摘要： 什么是变量提升？ 作用域形成后先进行变量提升（函数是先进行形参赋值） 对var和function提前声明和提前定义 关于变量提升需要注意的几点 只对等号左边进行变量提升 全局作用域下用var声明的变量，相当于给window设置一个属性，变量的值就是属性值，修改一方的值另一方会改变，存在映射关系。 条 阅读全文
posted @ 2019-10-01 18:58 静水流深a 阅读(191) 评论(0) 推荐(0) 编辑
 
常用浏览器内核
摘要： 浏览器 Chrome Firefox Safari IE Opera 排版引擎 Blink Gecko Webkit Trident Blink JavaScript引擎 V8 SpiderMonkey Nitro Chakra V8 阅读全文
posted @ 2019-10-01 18:58 静水流深a 阅读(112) 评论(0) 推荐(0) 编辑
 
JavaScript定时器
摘要： <! more 常用定时器 setTimeout(function,interval):执行一次 setInterval(function,interval):执行多次 function:到达时间后执行的方法，设定时不执行 interval：时间因子（需要等到的时间 MS） 清除定时器 clearT 阅读全文
posted @ 2019-10-01 18:57 静水流深a 阅读(161) 评论(0) 推荐(0) 编辑
 
JavaScript回调函数
摘要： <! more 什么是回调函数? 回调函数：把一个函数A当做实参专递给另外一个函数B，在B方法执行的时候，把A执行了，我们把这种机制叫做 “回调函数机制” 回调函数的特点： 根据需求回调函数可以被执行N多次 不仅可以把回调函数执行，还可以给传递的回调函数传递实参，这样在回调函数中设置形参（或者使用A 阅读全文
posted @ 2019-10-01 18:56 静水流深a 阅读(245) 评论(0) 推荐(0) 编辑
 
JavaScript检验数据类型的方式
摘要： typeof:用来检测数据类型的运算符。 能够返回的数据类型有6种（“number”,“string”,“bolean”,“undefined”,“function”,“object”）。在js中，null值表示一个空对象指针,用typeof检测null会返回“object”。 instanceof 阅读全文
posted @ 2019-10-01 18:53 静水流深a 阅读(189) 评论(0) 推荐(0) 编辑
 
JavaScrip事件
摘要： 元素天生自带的事件 鼠标事件 click：点击 (PC端是点击，移动端的click代表单击[移动端使用click会有300MS延迟的问题]) dblclick：双击 mouseover：鼠标经过 mouseout：鼠标移出 mouseenter：鼠标进入 mouseleave：鼠标离开 mousem 阅读全文
posted @ 2019-10-01 18:52 静水流深a 阅读(145) 评论(0) 推荐(0) 编辑
 
数据类型与数据类型转换
摘要： 基本数据类型 数字number 字符串string 布尔boolean null undefined ​ 基本数据类型 数字number 字符串string 布尔boolean null undefined 基本数据类型 数字number 字符串string 布尔boolean null undef 阅读全文
posted @ 2019-10-01 18:50 静水流深a 阅读(168) 评论(0) 推荐(0) 编辑