- 博客(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
237
原创 例题—js（7）
三十二、js数据类型1.7种数据类型2.类型检测typeof比较特殊的是typeof null返回“object”。历史原因，规范尝试修改typeof null返回“null”修改完大量网站无法访问，为了兼容，或者说历史原因返回"object"。typeof对基本类型和函数对象很方便，但是其他类型就没办法了。instanceof原理：判断左边的左操作数的对象的原型链上是否有右边这个构造函数的prototype属性。任何一个构造函数都有一个prototype对象属性，这个对象属性将用
2021-10-13 17:48:10
80
原创 例题—js（6）
二十七、js的两种定时器(setTimeout和setInterval的区别)setTimeout只在指定时间后执行一次setTimeout(function(){ alert('执行');},2000);setInterval以指定时间为周期循环执行setInterval(function(){ alert('执行');},2000);一般情况下setTimeout用于延迟执行某方法或功能，setInterval则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步清除Time
2021-10-07 22:37:27
98
原创 例题—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
99
原创 例题—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
337
原创 例题—CSS（3）
十一、transition transform translate 之间的区别1.transform 和 translatetransform的中文翻译是变换、变形，是css3的一个属性，和其他width，height属性一样translate 是transform的属性值，是指元素进行2D变换，2D变换就是指，元素以当前位置（0,0）按照x轴的方向移动多少，按照y轴的方向移动多少例如：transform：translate(0,100%) 表示从元素的当前位置延y轴方向，向下移动整个元素高度的
2021-10-07 20:13:17
126
原创 例题—CSS（2）
六、盒子模型1.什么是盒子模型？CSS盒子模型（Box model）就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页中所有元素都具备以下四个属性：Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像。2.标准盒子类型和怪异盒子类型（IE盒子类型）在标准模式下，一个块的总宽度 = 内容的widt
2021-10-07 19:29:02
279
原创 例题—CSS
一、css居中方式1.水平居中文本类元素垂直居中：2.块级标签(display:block)水平居中3.定位的标签居中：5.背景图片居中二、px、em、rem、%的区别1.pxpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。px是固定的像素，一旦设置了就无法因为适应页面大小而改变。像素单元的一个问题是,它没有为视障读者的扩展,以适应移动设备。2.em浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16pxem是相对长度单
2021-10-07 16:57:17
168
原创 vue知识点3
1.computed2.自定义全局指令3.自定义局部指令4.指令简写方案5.组件基本概念组件就是把页面分成一块块的去实现（针对大型项目开发比较适用），也可以把页面中一些共有的模块提炼出来书写占位符，占位符的名字自己定义，一般需要符合语义，不能和标签名字一样，容易有歧义，占位符最终被组件替代6.组件的第二种定义方式7.组件的第三种定义方式8.slot...
2021-10-07 15:48:26
52
原创 vue知识点2
1.v-forv-for用来遍历代码，可以动态生成标签v-for="(item,index) in data中的数据" item代表的是数组中的元素 index数组下标item和index都可以自己命名2.选项卡头部3.v-if和v-showv-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
100
原创 ES6知识点1
一、字符串模板 1.字符串模板 `` 反引号 在模板中变量 ${变量} 二、数据解构 1.需要保证左右结构相同 2.交换变量：解构先运行，赋值后运行 三、对象的简化写法 1.原始写法 2.简化写法：KEY和value相同，直接写一个 四、箭头函数 1.传统函数中，this的指向性不明确，随着环境发生变化 箭头函数：this的指向性用于等于所创建环境，不会随着使用环境而改变...
2021-08-03 22:44:36
79
原创 原型链继承
<!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
96
原创 继承（原型链继承、冒充继承、混合继承）
<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
128
原创 js高级知识点
构造函数中常用的方法instanceof 检测变量类型的方法2.构造函数的方法 ，构造函数原型中的 isPrototypeOf() 判断对应对象是否是基于对应构造函数创建的3. 对象.hasOwnProperty(属性名 key) 判断当前属性名是否在其构造函数里4. in 判断对象是否具备对应属性 key in 对象5. 编写一个方法，判断对象的当前属性 ，是否是从原型中得到的如果一个对象具有对应属性 ，但是该属性不是从构造函数中得到的，...
2021-08-01 12:30:40
53
原创 四种创建对象方式 —笔记
四种创建对象方式例：创建一个学生对象 属性 名称 年龄 方法 吃饭js中创建对象js中基础对象的创建方法1. 优点：简单 缺点：创建过程过于麻烦，尤其在创建相同对象时工厂模式创建对象 1. 优点：可以快速创建相同类型对象 缺点：类型都是object,无法明确对应实例类型2. instanceof 用于判断对应的数据类型，如果是 简单数据类型Number string ,boolean必须通过 原型方式 创建，才会返回T...
2021-07-29 14:51:10
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人