afdwdadwad-CSDN博客

原创 Vue3.0笔记

Vue3. 0六大亮点Performance:性能比Vue 2. x快1.22倍Tree shaking support: 按需编译，体积比Vue2. x更小, Composition API: 组合API (类似React Hooks)Better TypeScript support: 更好的Ts支持Custom Renderer API:暴露了自定义渲染APIFragment, Teleport (Protal), Suspense: 更先进的组件Vue3. 0是如何变快的?d..

2020-11-25 17:56:17 111

原创防抖节流

频繁去触发一个事件，有什么问题？ 1）对浏览器来说， window.onscroll, window.onresize, window.onmousemove, .... 频繁地触发一些事件，造成浏览器的性能问题。 2）如果是发送ajax请求，频繁地发送，也会给服务器造成压力。解决：防抖节流目的：限制事件的频繁触发。防抖节流可以理解成两个函数。防抖函数节流函数。如何实现防

2020-10-09 21:53:41 102

原创前端面试数组方法原理

map原理<script> // 数组方法之map的原理 ;(function () { function mymap(callback) { // this 表示 arr let newArr = []; for(let i = 0; i<this.length; i++){ newArr.push(callback(this[i]))

2020-10-09 20:59:33 179

原创 promise总结

使用promise进行编程有哪些好处？将复杂的异步处理轻松地进行模式化代码更清晰异常处理更方便代码链式操作1. 构建promise对象Pormise本质就是一个构造器Promise类似于 XMLHttpRequest ,从构造函数 Promise 来创建一个新建新 promise 对象作为接口。要想创建一个promise对象、可以使用 new 来调用 Promise 的构造器来进行实例化。如下：var promise = new Promise(function(resolve, re

2020-08-27 20:33:02 947

原创 JavaScript创建对象的几种方式

字面量创建对象<script> var age = 111; let obj = { name:"wangcai", age:100, // 此时这个this表示window weight:this.age+10 // this表示什么 NaN } // 在一个对象的方法中，如果有this，通过这个对象调用方法时 // 方法中的this是对象 console.log(obj.we

2020-08-01 17:13:44 119

原创 JavaScript对继承的理解

继承继承：子类去继承父类的公有属性和私有属性原型继承 function Parent() { // 父类 this.x = 100; } Parent.prototype.getX = function () { return this.x; } function Child() { // 子类 this.y = 200; } Child.prototype = new Parent; // 让子类的

2020-08-01 16:37:49 104

原创 JavaScript原型和原型链的理解

原型原型对象 prototype 属性我们创建的每一个函数都有一个 prototype 属性，这个属性是一个指针，指向一个对象。这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法，简单来说，该函数实例化的所有对象的__proto__的属性指向这个对象，它是该函数所有实例化对象的原型隐式原型:每一个对象中都有一个属性叫_ proto_它指向了创建这个对象的构造器的原型对象。constructor 属性当函数创建，prototype 属性指向一个原型对象时，在默认情况下，这个原型对象将会获

2020-08-01 15:59:16 194

原创 JS笔记（第四天）---this大总结

1.什么是call、apply和bind1.this的初衷this设计的初衷是在函数内部使用，用来指代当前的运行环境。为什么这么说呢？JavaScript中的对象的赋值行为是将地址赋给一个变量，引擎在读取变量的时候其实就是要了个地址然后再从原始地址中读取对象。而JavaScript 允许函数体内部引用当前环境的其他变量，而这个变量是由运行环境提供的。由于函数又可以在不同的运行环境执行（如全局作用域内执行，对象内执行…），所以需要一个机制来表明代码到底在哪里执行！于是this出现了，它的设计目的就是在函

2020-07-25 17:24:08 132

原创小曾的js学习笔记01（第一天-第三天）---初识js

第一天1.什么是jsJS:javascript 简称JS它是一门编程语言前面学习了html 和html，css对比相同：html,css,js代码都可以在浏览器中运行，html，css，js它们的运行环境是浏览器不同点：html，css 不叫编程语言 js是编程语言 js的运行环境不只浏览器，还可以在其它的环境中支行。js能做什么： 1）开发网站 2）开发app 3）小程序 4）游戏开发小程序游戏网页游戏 5）写后端 node.js 6

2020-07-18 16:45:20 237 4

原创 CSS总结

CSS总结css基础知识CSS：层叠样式表 Cascading Style Sheet学习CSS就是学习一堆的选择器和属性。CSS主要作用：1.布局 2.美化CSS版本：CSS2.0 CSS3.0 现在学习是CSS2.0问：CSS3.0比CSS2.0多了什么？答：就是多了一些选择器和属性。布局：1）盒子模型 2）块级元素并排显示盒子模型6大属性：1）内容区域 width height2）内填充区域 padding3）边框 border4）外填充区域

2020-07-11 16:58:52 200 2

afdwdadwad的博客