![](https://img-blog.csdnimg.cn/20210813194500832.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端工程师每日一题
文章平均质量分 84
目标前端工程师,每天一道面试常考题
ChrisP3616
C2在读硕士
展开
-
7. vue3.0 中为什么要使用 Proxy,它相比以前的实现方式有什么改进
7. vue3.0 中为什么要使用 Proxy,它相比以前的实现方式有什么改进7.1 原回答Vue2.x通过给每个对象添加getter setter属性去改变对象,实现对数据的观测,Vue3.x通过Proxy代理目标对象,且一开始只代理最外层对象,嵌套对象lazy by default ,性能会更好支持数组索引修改,对象属性的增加,删除7.2 查阅补充(1)ProxyProxy 是一个对象,它包装了另一个对象,并允许你拦截对该对象的任何交互。Proxy 可以理解成,在目标对象之前架设原创 2021-10-09 21:40:39 · 790 阅读 · 1 评论 -
6. css盒模型+画一条0.5px的线
6. css盒模型+画一条0.5px的线(1)说一下css盒模型简介:就是用来装页面上的元素的矩形区域。CSS中的盒子模型包括IE盒子模型和标准的W3C盒子模型。box-sizing(有3个值哦):border-box,padding-box,content-box.标准盒子模型:IE盒子模型:区别:从图中我们可以看出,这两种盒子模型最主要的区别就是width的包含范围,在标准的盒子模型中,width指content部分的宽度,在IE盒子模型中,width表示content+padding+原创 2021-10-09 16:18:33 · 1815 阅读 · 3 评论 -
五 Vue3 还是 Vue2.x?这篇文章告诉你…
五 Vue3 还是 Vue2.x?这篇文章告诉你…文章目录五 Vue3 还是 Vue2.x?这篇文章告诉你…1. 第一种情况2. 第二种情况1. 第一种情况没有找工作压力的学生,建议直接Vue 3,看官方文档2. 第二种情况面向工作的,更建议先学Vue2.x(官方文档),基础知识,组件这些,学扎实。然后Vue3的基础知识也与之类似。这是更好的方式。而且这样学习还能激发你的思考,Vue3提供了什么新变化,为什么要弄组合api,这样对搞懂Vue3更有益。其实基础语法基本没什么变化,所以,新学Vue的人原创 2021-07-31 14:42:24 · 3550 阅读 · 5 评论 -
4. 如何实现一个元素的水平垂直居中
4. 如何实现一个元素的水平垂直居中文章目录4. 如何实现一个元素的水平垂直居中4.1 更多描述4.2 解答4.3 补充4.3.1 display4.3.2 CSS 弹性盒子布局`display: flex`4.3.3 对齐属性(1)align-content(2)align-items(3)align-self(4)justify-content(5)place-items(6)place-content4.1 更多描述要求对行内元素、块状元素及不定宽高的块状元素均可适用:以下是布局代码<原创 2021-07-28 16:19:47 · 131 阅读 · 1 评论 -
3. 如何快速搭建开发环境并让应用跑起来(脚手架Vue-CLI)
3. 当新入职一家公司时,如何快速搭建开发环境并让应用跑起来文章目录3. 当新入职一家公司时,如何快速搭建开发环境并让应用跑起来3.1 回答3.2 脚手架Vue-CLI3.2.1 该系统的组件3.2.2 CLI3.2.3 CLI 服务3.2.4 CLI 插件3.3 npm run dev 与 npm start 的区别3.3.1 纯静态页面打包3.3.2 面向服务端的项目3.4 CI/CD3.4.1 CI 是什么?CI 和 CD 有什么区别?3.4.2 CI 持续集成(Continuous Integra原创 2021-07-26 22:39:01 · 457 阅读 · 2 评论 -
npm scripts(npm 脚本)
npm scripts文章目录npm scripts一、什么是 npm 脚本?二、原理三、通配符四、传参五、执行顺序六、默认值七、钩子八、简写形式九、变量十、常用脚本示例Node 开发离不开 npm,而脚本功能是 npm 最强大、最常用的功能之一。本文介绍如何使用 npm 脚本(npm scripts)。一、什么是 npm 脚本?npm 允许在package.json文件里面,使用scripts字段定义脚本命令。{ // ... "scripts": { "build": "n原创 2021-07-26 22:35:17 · 1286 阅读 · 1 评论 -
1.图片的懒加载四种解决方案
网站开发中,如何实现图片的懒加载0.1 什么是懒加载懒加载突出一个“懒”字,懒就是拖延迟的意思,所以“懒加载”说白了就是延迟加载,比如我们加载一个页面,这个页面很长很长,长到我们的浏览器可视区域装不下,那么懒加载就是优先加载可视区域的内容,其他部分等进入了可视区域在加载。0.2 为什么要懒加载懒加载是一种网页性能优化的方式,它能极大的提升用户体验。就比如说图片,图片一直是影响网页性能的主要元凶,现在一张图片超过几兆已经是很经常的事了。如果每次进入页面就请求所有的图片资源,那么可能等图片加载出来用户也原创 2021-07-23 14:23:32 · 933 阅读 · 5 评论 -
2. 什么是防抖和节流,他们的应用场景有哪些
2. 什么是防抖和节流,他们的应用场景有哪些2.1 解答一2.1.1 防抖 (debounce)防抖,顾名思义,防止抖动,以免把一次事件误认为多次,敲键盘就是一个每天都会接触到的防抖操作。想要了解一个概念,必先了解概念所应用的场景。在 JS 这个世界中,有哪些防抖的场景呢登录、发短信等按钮避免用户点击太快,以致于发送了多次请求,需要防抖调整浏览器窗口大小时,resize 次数过于频繁,造成计算过多,此时需要一次到位,就用到了防抖文本编辑器实时保存,当无任何更改操作一秒后进行保存代码如下,原创 2021-07-23 14:20:47 · 472 阅读 · 1 评论