Sunny-L-CSDN博客

原创对象、原型、原型链

第三种方法是第二种方法的改进，由于Animal对象中，不变的属性都可以直接写到 Animal.prototype中,可以直接让Cat()跳过Animal(),直接继承Animal.prototype。5 Object.entries() 返回一个包含[key,value]对象所有的属性名和属性值 [[key,value],[key,value]]缺点：每一个实例对象，type属性和eat()方法都是一模一样的内容，每一次生成一个实例，都必须为重复的内容，导致多占内存。缺点：1 生成多个实例，写起来麻烦；

2023-10-24 20:48:10 24

原创面试常问考点

自定义指令就是做全局映像 Vue.options = {name:definition}自定义指令就是用户定义好对应的钩子，当元素在不同的状态时会调用对应的钩子（所有的钩子会被合并到cds对应的方法上，但时候依次调用）

2023-10-24 20:39:48 33

原创 offset、client、scroll三类方法总结

2 未声明了DTD(!1 声明了DTD(!ele.offsetTop/offsetLeft 返回带有定位的父级元素(无定位父元素则是body)上方/右方的偏移。

2023-10-24 20:38:46 30

原创输入URL地址后，浏览器发生了什么

但关闭连接时，当服务器端收到FIN报文时，很可能并不会立即关闭链接，所以只能先回复一个ACK报文，告诉客户端：“你发的FIN报文我收到了”，只能等到服务器端所有报文都发送完了，我才能发送FIN报文，因此不能一起发送，所以需要四次握手。客户端请求2个资源，1.1之前，在同一个TCP连接中，先发送A请求，然后等服务器做出回应，收到后再发出B请求。管道机制则是允许浏览器同时发出A请求和B请求，但是服务器还是按照顺序，先回应A请求，再回应B请求(对头堵塞)这样发送请求不用等待响应即可直接发送下一个请求。

2023-10-17 22:30:24 41

原创解构赋值 + 剩余参数 + 扩展运算符

let {name:name1 ,age} = {name:‘zs’,age:11} // name1属于name的别名 name1=‘zs’ age=11。1 一个不定数量的参数表示为一个数组。2 剩余参数和解构赋值配合使用。1 数组解构（一一对应关系）2 对象解构（匹配对象属性）

2023-10-17 22:29:33 21

原创数组方法整理

8 arr.reduce((prev,cur,index,arr)=>{return prev+cur},init) 返回函数中计算的结果。3 arr.filter((item,index,arr)=>{return item%2}) 有返回值，返回过滤出布尔值为true的项。如果为负值，表示从末尾开始计算。5 arr.sort((a,b)=>{return a-b}) 数组升序排序返回排序后的数组。1 Array.of(3,11,8) // [1,2,3] 将一组数值转数组，返回转变后的数组。

2023-10-17 22:28:34 20

原创字符串方法

2 str.replace(regexp/str,replaceContent) 返回被修改的字符串，参数2可以是函数（支持全局）3 str.fromCharCode(72,69,76,76,79) 根据unicode编码返回最终的字符串 ‘HELLO’3 str.endsWith(ele[,len]) 返回布尔值字符串是否在原字符串的尾部 len字符串搜索的长度。2 str.startsWith(ele[,index]) 返回布尔值字符串是否在原字符串的头部。) 字符串拼接，返回拼接后的字符串。

2023-10-17 22:26:31 17

原创 webpack 4.x

ES Moudule 注意：使用es6导入就必须使用ES6导出引入： import xx from './....' 导出 export default xx commonJS 引入 require(路径) 导出 modules.exports= xx CMD ADMwebpack 4.X "webpack": "^4.43.0", / '4.26.0' "webpack-cli": "^3.3.11" / '3.1.2'webpack 模块

2020-10-20 21:54:47 91

原创正则~~

正则参数：g: 全局i: 不分大小写m: 视为多行影响行首和行尾 ^or$s: 视为单行模式，忽略换行y: 从 `regexp.lastIndex` 开始匹配u: 正确处理四个字符的 UTF-16 编码创建正则的方法：多个正则可以写在数组中进行验证1 字面量创建 var reg = /a/2 对象创建 var reg = new RegExp('a')字面量创建和构造函数创建的区别：字面量匹配不可以直接是变量，构造函数匹配可以直接是变量console.log

2020-05-30 15:15:26 941

原创 canvas

canvas 简介1 HTML5 的一个元素，有兼容性2 canvas是一块画布，本质是一张图片canvas用途1 代替flash，做各种动态效果和小游戏canvas的属性和方法canvas:默认大小 300*150线默认宽度1px；默认颜色黑色。绘制线条的时候，坐标对准线条的中心，所以线条为默认的1px的时候画面中的线条会出现模糊的效果，所以线条的宽度最后为偶数1 设置宽度和高度在标签中设置 <canvas width='600' height='400'></can

2020-05-19 22:33:51 145

原创 flex布局

flex布局flex：主轴和辅轴主轴：确认排列的方向（默认水平排列）辅助：与主轴垂直的方向成为辅轴示例flex布局<ul> <li>home</li> <li>movie</li> <li>star</li></ul><style> ul{ l...

2020-03-15 21:38:15 271

原创 vue的三种传参

vue中组件之间传参的三种方式父向子传值子向父传值兄弟组件之间的传值父向子传值父组件中用属性绑定，子组件中通过 props接收父组件传过来的参数子向父传值子组件中用自定义方法通过$emit进行传值兄弟组件之间的传值兄弟之间传递数据需要借助事件车，创建一个Vue实例,让兄弟之间共用一个事件机制...

2019-05-10 15:42:04 305

LC