- 博客(12)
- 收藏
- 关注
RSS订阅原创 H5-video
定义：<video.src="./movie.mp4"></video>或<video><source src="./movie1.mp4"> <source src="./movie2.mp4"> <source src="./movie3.mp4"></video>video的事件 canplay() 视频可以播放的时候执行...
2022-04-17 22:06:48
548
原创 H5标签-Canvas
Canvas元素是HTML5新增的，一个可以使用脚本（通常为javaScript)在其中绘制图像的HTML元素。它可以用来制作照片集或者制作动画，甚至可以进行实时视频处理和渲染，可以通过多种方法使用Canvas绘制线，盒、圆、字符以及添加图像。canvas是由HTML代码配合高度和宽度属性而定义出的可绘制区域。javaScript代码可以访问该区域，类以于其他通用的二维API,通过一套完整的绘图函数来动态生成图形。Canvas拥有多种绘制路径、矩形、...
2022-04-17 22:04:08
683
原创 JS闭包函数
闭包（closure）：本质：函数内部中的函数、内嵌函数定义：一个可以访问自由变量的函数function a(){ // b()就是闭包函数 function b(){ }}条件： 1、内嵌函数 2、能够访问自由变量 3、被访问的变量或参数会永久保存在系统内存中原理：依赖作用域链运行机制（引用自由变量时会将自由变量注入自身作用域内）使用场景：1、访问一个函数内部的变量2、私有变量（将一...
2022-04-10 22:13:58
114
原创 JS-ES6的面向对象与继承
es6 类：面向对象*****es6-创建类：es6的class中，属性只能在constructor(){}中定义class Person{ //构造函数、钩子函数，在对应的场景（类被实例化）中自动调用 constructor(){ //属性只能在钩子函数中定义 this.name="admin"; this.age=18; }//方法可以直接在类体中定义 fn1(){...
2022-04-10 22:11:33
236
原创 JS节流防抖
节流防抖是为了解决JS事件高频率触发问题而设计的一种方法节流：一个事件周期内，如果一个事件频繁触发，只运行一次（以次数为限制）防抖：一个事件周期内，如果一个事件频繁触发，只运行上一个时间周期的一次触发（以时间周期为限制）*****节流-例：<body> <h2>节流</h2> <span id="count">0</span> <button id="btn"type="button"...
2022-04-10 22:09:14
93
原创 JS时间线
JS时间线：指浏览器在解析HTML页面的过程中，整个JS运行的状态。JS运行中的三个状态： loading、interactive、completeloading：页面开始解析的准备，此时还没开始解析 （loading: init-loading;） 创建domtree；document.readyState=loading;interactive：正在解析中 （interac...
2022-04-10 22:02:43
746
原创 字符串部分常用API
字符串长度: length; 过滤字符串两端空格: trim(); 查找元素首次出现的位置,返回值为元素的索引，没找到返回-1。: indexof(""); 查找元素最后一次出现的位置: lastIndexOf("");查找元素是否存在，存在返回true，否则返回false：includes("");截取部分字符串, substr(form：number1，length?：number2); number1为索引值,numb...
2022-04-05 22:32:16
70
原创 数组部分常用api
arr=Array.from(new Set(arr)); //数组arr[]去重,ES6Set(); //去重，但返回的不是一个数组Array.from(); //将一个可以迭代的数据结构转化为数组arr.push(""); //数组末尾添加元素，返回数组的长度arr.unshift(""); //数组顶部添加元素，返回数组的长度arr.pop(); //删除数组末尾最后一个元素，返回被删除的元素arr.shift(); //删除数组的第一...
2022-04-05 22:28:13
255
原创 正则表达式
一种字符串的匹配的验证规则，一般用于验证String合法性****声明 I. var patt=/原子、量词/; II. 对象： var patt=new RegExp("原子、量词");patt.exec("表达式"); string满足条件会返回匹配的值patt.test("表达式"); string满足条件会返回true、false**模式修正符：i：忽略大小写g：全局匹配m：是否开启多行匹配**元字符（原子...
2022-03-28 08:38:54
60
原创 外边距合并现象
场景：现有一个div容器，该容器内另有一div子容器：<body> <div class="father" style="background-color: aqua;width: 300px;height: 300px;"> <div class="son" style="background-color: red;width: 200px;height: 200px;"></div> </div></b...
2022-03-19 16:52:29
86
原创 浮动布局（float）
float:left|right|none;模块横向排列，可解决布局元素横排的问题，同时在网页缩放过程中保留原有的布局结构。影响：1、元素一旦浮动会脱离文档流（不占位、漂浮）。2、浮动的元素会覆盖正常没有浮动的元素。3、可能子元素的浮动会导致父元素高度塌陷。4、元素浮动后文字会对其产生环绕效果。清除浮动：1、增加挡板元素.clearFix{ clear:left|right|both; zoom:1;}<div class="clearFix"></...
2022-03-16 20:50:47
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人