- 博客(18)
- 收藏
- 关注
RSS订阅原创 例题（8）
三十八、数组去重 1.es6的reduce方法去重 let arr=["百度","腾讯","阿里","百度","腾讯","阿里","百度","腾讯","阿里"] //数组去重 拿到一个新的无重复的数组 let result=arr.reduce((prev,item)=>{ //判断当前元素 是否存在于数组中 //includes 是否包含指定元素 有T 无F if(!prev.include
2021-10-13 17:48:48
249
原创 例题—js（7）
三十二、js数据类型 1.7种数据类型 2.类型检测 typeof 比较特殊的是typeof null返回“object”。 历史原因，规范尝试修改typeof null返回“null”修改完大量网站无法访 问，为了兼容，或者说历史原因返回"object"。 typeof对基本类型和函数对象很方便，但是其他类型就没办法了。 instanceof 原理：判断左边的左操作数的对象的原型链上是否有右边这个构造函数的prototype属性。 任何一个构造函数都有一个prototype对象属性，这个对象属性将用
2021-10-13 17:48:10
90
原创 例题—js（6）
二十七、js的两种定时器(setTimeout和setInterval的区别) setTimeout只在指定时间后执行一次 setTimeout(function(){ alert('执行'); },2000); setInterval以指定时间为周期循环执行 setInterval(function(){ alert('执行'); },2000); 一般情况下setTimeout用于延迟执行某方法或功能， setInterval则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步 清除Time
2021-10-07 22:37:27
112
原创 例题—js（5）
二十二、.统计字符串中出现最多的字符 function countStr(str){ var obj={}; var count=0; for(var i=0;i<str.length;i++){ count=str.charAt(i); if(obj[count]){//将当前字符作为obj的属性 obj[count]++;//如果出现一次就++ }else{ obj[count]
2021-10-07 22:22:05
107
原创 例题—html（4）
十六、页面渲染过程 渲染时，大致的流程如下： （解析html以构建dom树->构建render树->布局render树->绘制render树） 具体的流程如下： 浏览器会将HTML解析成一个DOM树，DOM树的构建过程是一个深度遍历过程，当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点， 将CSS解析成CSS规则树； 根据DOM树和CSS来构造render树，渲染树不等于DOM树，像header和display：none；这种没有具体内容的东西就不在渲染树中； 根据ren
2021-10-07 21:37:26
352
原创 例题—CSS（3）
十一、transition transform translate 之间的区别 1.transform 和 translate transform的中文翻译是变换、变形，是css3的一个属性，和其他width，height属性一样 translate 是transform的属性值，是指元素进行2D变换，2D变换就是指，元素以当前位置（0,0）按照x轴的方向移动多少，按照y轴的方向移动多少 例如： transform：translate(0,100%) 表示从元素的当前位置延y轴方向，向下移动整个元素高度的
2021-10-07 20:13:17
142
原创 例题—CSS（2）
六、盒子模型 1.什么是盒子模型？ CSS盒子模型（Box model）就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页中所有元素都具备以下四个属性： Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域，内边距是透明的。 Content(内容) - 盒子的内容，显示文本和图像。 2.标准盒子类型和怪异盒子类型（IE盒子类型） 在标准模式下，一个块的总宽度 = 内容的widt
2021-10-07 19:29:02
288
原创 例题—CSS
一、css居中方式 1.水平居中 文本类元素垂直居中： 2.块级标签(display:block)水平居中 3.定位的标签居中： 5.背景图片居中 二、px、em、rem、%的区别 1.px px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 像素单元的一个问题是,它没有为视障读者的扩展,以适应移动设备。 2.em 浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px em是相对长度单
2021-10-07 16:57:17
175
原创 vue知识点3
1.computed 2.自定义全局指令 3.自定义局部指令 4.指令简写方案 5.组件基本概念 组件就是把页面分成一块块的去实现（针对大型项目开发比较适用），也可以把页面中一些共有的模块提炼出来 书写占位符，占位符的名字自己定义，一般需要符合语义，不能和标签名字一样，容易有歧义，占位符最终被组件替代 6.组件的第二种定义方式 7.组件的第三种定义方式 8.slot ...
2021-10-07 15:48:26
59
原创 vue知识点2
1.v-for v-for用来遍历代码，可以动态生成标签 v-for="(item,index) in data中的数据" item代表的是数组中的元素 index数组下标 item和index都可以自己命名 2.选项卡头部 3.v-if和v-show v-show="变量或者表达式"控制的是标签的显示与隐藏 true的时候显示 false的时候隐藏 效率高 v-if="变量或者表达式"控制的是标签是否存在 true的时候存在 false的时候不存在 4. v-else  every 依次拿出数组中元素做比较。如果一个假的就返回假 ,一假既假 2) some 依次拿出数组中元素做比较。如果一个真的就返回真 ,一真既真 3.reduce reduce方法有四个参数： 1）prev 上一次操作返回的结果 2）item 当前要处...
2021-08-07 15:32:05
128
原创 ES6知识点1
一、字符串模板 1.字符串模板 `` 反引号 在模板中变量 ${变量} 二、数据解构 1.需要保证左右结构相同 2.交换变量：解构先运行，赋值后运行 三、对象的简化写法 1.原始写法 2.简化写法：KEY和value相同，直接写一个 四、箭头函数 1.传统函数中，this的指向性不明确，随着环境发生变化 箭头函数：this的指向性用于等于所创建环境，不会随着使用环境而改变...
2021-08-03 22:44:36
92
原创 原型链继承
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> </html> <script> function Animal(name,weight,food){ t...
2021-08-01 12:43:25
103
原创 继承（原型链继承、冒充继承、混合继承）
<script> //人类 父类 function Human(name,age,height){ this.name=name this.age=age this.height=height } Human.prototype.sleep=function(){ console.log(this.name+"正在睡觉") } Human.prototype.shopping=fun...
2021-08-01 12:38:09
139
原创 js高级知识点
构造函数中常用的方法 instanceof 检测变量类型的方法 2.构造函数的方法 ，构造函数原型中的 isPrototypeOf() 判断对应对象是否是基于对应构造函数创建的 3. 对象.hasOwnProperty(属性名 key) 判断当前属性名是否在其构造函数里 4. in 判断对象是否具备对应属性 key in 对象 5. 编写一个方法，判断对象的当前属性 ，是否是从原型中得到的 如果一个对象具有对应属性 ，但是该属性不是从构造函数中得到的，...
2021-08-01 12:30:40
60
原创 四种创建对象方式 —笔记
四种创建对象方式 例：创建一个学生对象 属性 名称 年龄 方法 吃饭 js中创建对象 js中基础对象的创建方法 1. 优点：简单 缺点：创建过程过于麻烦，尤其在创建相同对象时 工厂模式创建对象 1. 优点：可以快速创建相同类型对象 缺点：类型都是object,无法明确对应实例类型 2. instanceof 用于判断对应的数据类型，如果是 简单数据类型Number string ,boolean必须通过 原型方式 创建，才会返回T ...
2021-07-29 14:51:10
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人