Object.defineProperty和Proxy,Vue3.0为什么采用Proxy? Vue3.0 中,响应式数据部分弃用了 Object.defineProperty,使用Proxy来代替它。本文将主要通过以下三个方面来分析为什么 Vue 选择弃用 Object.defineProperty。 Object.defineProperty 真的无法监测数组下标的变化吗? 分析 Vue2.x 中对数组 Observe 部分源码。 对比Object.defineProperty和 P 2022-03-07 Vue 前端基础 Vue
http1.0,http1.1,http2,http3 http1.0HTTP1.0最早在网页中使用是在1996年,那个时候只是使用一些较为简单的网页上和网络请求上,是一种无状态、无连接的应用层协议,几年后被HTTP1.1代替并广泛使用 http1.1http1.1基于文本解析,把所有请求和响应作为纯文本http1.1加入了缓存处理(强缓存和协商缓存)http1.1拥有长连接,并支持请求管道化(pipelining),http1.1流控制基于tcp连 2022-03-06 计算机网络 前端基础 计算机网络
图片格式&&各自优缺点和使用场景 前置知识:二进制位数与色彩的关系 在计算机中,像素用二进制数来表示。不同的图片格式中像素与二进制位数之间的对应关系是不同的, 一个像素对应的二进制位数越多,它可以表示的颜色种类就越多,成像效果也就越清晰,文件体积相应也会越大 JPG / JPEG 优点 ①:体积小 ②:加载快 ③:支持颜色种类多 缺点 ①:有损压缩 ②:不支持透明 使用场景 JPG 适用 2022-03-04 CSS CSS 前端基础
CommonJS和ES6模块 一、CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用commonjs的用法,我们一起来看一下1.首先创建一个lib.js的文件 1234567891011// lib.jsconst counter = 3;const incCounter = ()=>{ counter++}module.exports = { counter, 2022-03-01 ES6 前端基础 ES6
Node相关&&Koa与Express的区别 node有哪些相关的文件路径?答案是:Node 中的文件路径有 __dirname,__filename, process.cwd(), ./ 或者 ../下面用一个例子来介绍这几种文件路径的区别 __dirname: 总是返回被执行的 js 所在文件夹的绝对路径__filename: 总是返回被执行的 js 的绝对路径process.cwd(): 总是返回运行 node 命令时所在的文件夹的绝 2022-03-01 Node 前端基础 Node
Js数组基本问题 总结了最近的一些面试题和之前的知识点 JS判断数组中是否包含某个值方法一:array.indexOf此方法判断数组中是否存在某个值,如果存在,则返回数组元素的下标,否则返回-1。 123var arr=[1,2,3,4];var index=arr.indexOf(3);console.log(index); 方法二:array.includes(searcElement[,fromIndex 2022-02-28 JS 前端基础 JS
Vue中父子组件生命周期执行顺 问题背景 在单一组件中,钩子的执行顺序是beforeCreate-> created -> mounted->… ->destroyed,但当父子组件嵌套时,父组件和子组件各拥有各自独立的钩子函数,这些父子组件的这些钩子是如何交融执行,且执行顺序又是怎样的呢? 父子组件生命周期执行顺序组件,分别在他们的钩子函数中打印日志,观察执行顺序。得到的结果如图所示,父组件先创建,然 2022-02-28 Vue 前端基础 Vue
JS项目优化问题(项目面试题) 总结了最近的一些面试题和之前的知识点 前端性能优化建议 减少 HTTP 请求 使用 HTTP2 静态资源使用 CDN 将 CSS 放在文件头部,JavaScript 文件放在底部(CSS 执行会阻塞渲染,阻止 JS 执行;JS 加载和执行会阻塞 HTML 解析,阻止 CSSOM 构建) 图片优化 减少重绘重排 CSS 选择器优先级博客 防止表单重复提交的解决方案用户在操作表单Post数据时往往 2022-02-26 面试题 前端基础 JS
Vue--Observer、Dep、Watcher Vue 初始化我觉得搞清楚这些,首先要知道 vue 初始化的过程。我们从 new Vue() 开始,构造函数会执行 this._init,在_init 中会进行合并配置、初始化生命周期、事件、渲染等,最后执行 vm.$mount 进行挂载。 1234567891011121314151617181920// src/core/instance/index.jsfunction Vue (opti 2022-02-25 Vue 前端基础 Vue
整理一些最近遇到的问题-2022春招 总结了最近的一些面试题和之前的知识点 面试问到较重要的(需掌握)讲讲Dom渲染性能消耗 ()回流重绘URL从输入到页面展示的过程 (获取到HTTP响应报文 HtmlDom树 CSSdom树 JSdom树 )重绘是一个非常昂贵的操作。浏览器完成一个dom操作,大多时间都是花费在重绘上面的。**回流(重绘) 全局范围就是从根节点 html 开始对整个渲染树进行重新布局,例如当我们改变了窗口尺寸 2022-02-22 项目优化 前端基础 JS