前端面试
A丶Pure
这个作者很懒,什么都没留下…
展开
-
Vue3底层响应式原理 二 代理Object
上节说完了响应式系统怎么实现的一些基本远离,并且也实现了一个最基本的响应式系统,接下来就研究一下Vue3中的非基本类型是怎么实现其响应式的。包括如何拦截Object中的in以及for in 操作。还有如何对数组进行代理,对集合类型(Map、Set、WeakMap、WeakSet等)如何进行代理。我们先来讨论对Object的拦截。原创 2022-08-21 16:46:18 · 4701 阅读 · 1 评论 -
LeetCode-Javascript第一题:两数之和
最近在B站上观看JS老毕的LeetCode解题,从第一题开始每日跟着练习一题。在CSDN上记录一下解题的思路。方便以后复习。原创 2022-08-13 11:28:06 · 305 阅读 · 0 评论 -
前端笔记2022-01-05
2022-01-05跨域解决方案一、JSONP解决跨域JSONP是利用script中的src无跨域限制来实现,需要后端的支持,并且只能进行get请求。1、动态创建一个script标签let script = document.createElement('script);2、设置script标签中的src属性,将要请求的地址以及回调函数赋值给srcscript.src = 'http://www.xxx.com/home/callback=callbackName';let callbac原创 2022-01-05 14:17:08 · 336 阅读 · 0 评论 -
前端H5中做移动端适配的方法
前端笔记1、html中的head标签中有那些标签,作用是什么?title:文档的标题base:不同框架之间代码的整合link:引入外部文件meta:charset属性:规定文档的字符编码使用那种。content:规定文本的格式name:viewport移动端适配content:width:device-width :宽度是设备屏幕的宽度initical-scale: 1.0 :表示初始时候页面的缩放大小为1.0倍maximum-scale: 1.0 :表示允原创 2021-09-02 22:02:44 · 543 阅读 · 0 评论 -
盒模型是什么?
盒模型是什么?一个盒子的盒模型包括margin、border、padding、content四部分。盒模型有分为标准盒模型与IE盒模型,标准盒模型是指当我们设置width时候,它指的就是content的宽,IE盒模型设置的宽是指border、padding、content三部分的总宽。在css中可以通过box-sizing属性来设置使用哪种盒模型,content-box是指设置为标准盒模型;border-box指设置为IE盒模型,inherit指的是继承父盒子的box-sizing属性。...原创 2021-08-25 21:55:45 · 166 阅读 · 0 评论 -
ES6新特性-Map
ES6新特性-Map、WeakMap、Set、WeakSetMap是一种新的集合类型,是一种键值对存储机制。Map一、基本APIconst m = new Map;const m1 = new Map([ ['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3']]);使用new关键字和Map构造函数可以创建一个空映射。初始化实例时可以给Map构造函数中传入一个可迭代对象,一个需要包含键值对的数组。1、si原创 2021-08-15 17:29:36 · 317 阅读 · 0 评论 -
JS中的深浅拷贝
JS中的深浅拷贝浅拷贝:拷贝前后对象的基本数据类型互补影响,引用数据类型共享同一个堆中的数据,会相互影响。浅拷贝的实现方式:Object.assign()…扩展运算符Array.prototype.concatArray.prototype.slice深拷贝:拷贝后会开辟新的内存来存放新的数据,互不影响。深拷贝的实现方式:JSON.parse(JSON.stringify())var deepClone = function(obj) { let cloneObj原创 2021-08-12 14:58:24 · 89 阅读 · 0 评论 -
前端笔记8-12
前端笔记typeof与instanceof的区别typeof可以确定任意变量的数据类型,对一个值使用typeof会返回下列字符串之一:‘undefined’ 表示值未定义‘boolean’ 表示值为布尔值‘string’ 表示值为字符串‘number’ 表示值为数值‘object’ 表示值为对象或者null‘function’ 表示值为函数‘symbol’ 表示值为符号instanceof可以知道一个引用类型得数据到底是什么类型的对象,该方法返回值为boolean。insta原创 2021-08-12 14:57:37 · 90 阅读 · 0 评论 -
JS垃圾回收机制
JS垃圾回收机制基本思路:确定哪个变量不在使用,然后释放它所在的内存。这个过程是周期性的,即垃圾回收程序是每隔一定时间就会自动执行。再浏览器的发展历史上,用到过两种主要的标记策略:标记清理和引用计数。标记清理原理:垃圾回收程序运行的时候,会标记内存中存储的所有变量(标记方法又很多)。然后,它会把存在于所有上下文中的变量以及上下文中变量中引用的变量的标记去掉。之后还有标记的变量就是待删除的了。随后,垃圾回收程序会销毁带标记的所有值并收回它们的内存。引用计数原理:声明变量并且给它赋值一个引用值得时候原创 2021-08-10 16:52:03 · 84 阅读 · 0 评论 -
js实现防抖与节流
防抖与节流防抖:当事件被触发的时候,设定一个周期,如果这个周期之内,这个事件又被触发了,那么就在设定一个周期,一直到这个周期内这个事件不在被触发,才会执行这个事件手写:function debounce (fun, delay) { //防抖函数需要传入2个参数,一个为事件函数,一个为周期时间 const _this = this; //先将this保存下来,保持this的指向相同 const timer = null; //设定一个定时器,当调用的时候西安清空定时器 retur原创 2021-08-10 10:53:24 · 221 阅读 · 2 评论 -
浅谈Vue的生命周期
浅谈Vue生命周期首先,什么是生命周期?从new Vue 实例被创建再到销毁的整个过程,称为Vue的生命周期。我们先从官网上了解一下Vue的生命周期图示:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N3B5KllN-1626770096213)(https://v3.cn.vuejs.org/images/lifecycle.svg)]首先,从图上,我们可以了解到的过程为:首先是new Vue()实例化vue时,初始化事件与生命周期。这个过程分别调用了三原创 2021-07-20 16:36:22 · 114 阅读 · 0 评论