摘要：
1、新建两个文件夹 2、分别在文件夹 vue2 和 vue3 中安装 注意：不需要 -g 这是全局安装 vue2 安装：npm install vue-cli@2.9.6 vue3 安装：npm install @vue/cli 安装完成后，会在当前目录下有一个 node_modules 的文件夹。 阅读全文
摘要：
1、直入主题 a. 修改："wrap_attributes": "force-expand-multiline" 为："wrap_attributes": "aligned-multiple" b. 添加 "vetur.format.defaultFormatter.html": "js-beaut 阅读全文
摘要：
1、文字超出部分显示省略号 单行文本的溢出显示省略号（一定要有宽度） p { width: 200rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 多行文本溢出显示省略号 p { display: -webk 阅读全文
摘要：
一、问：ES6是什么，为什么要学习它，不学习ES6会怎么样? ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。学习ES6是成为专业前端正规军的必经之路。不学习ES6也可以写代码打鬼子，但是最 阅读全文
摘要：
vue3.0从零开始到实战项目 vue3.0中文官网连接：https://v3.cn.vuejs.org/ 一、安装node.js 1. 官方文档：https://nodejs.org/en/ 安装版本必须大于12.0，建议直接安装最新稳定版本 2. 安装 node.js 的同时，一般会自动安装 n 阅读全文
摘要：
1. Vue 实例的 data 属性，可以在哪些生命周期中获取到？A. beforeCreateB. createdC. beforeMountD. mounted2. 下列对 Vue 原理的叙述，哪些是正确的？A. Vue 中的数组变更通知，通过拦截数组操作方法而实现B. 编译器目标是创建渲染函数 阅读全文
摘要：
初始化网格外观： 如果这段代码让你感到困惑，那就好好来了解布局的基础知识吧！ 基础响应单位: fraction CSS 栅格布局带来了一个全新的值:fraction单位，fraction单位通常简写为fr，它允许你根据需要将容器拆分为多个块。 让我们将每一列更改为一个 fraction 单位宽： 结 阅读全文
摘要：
01.【负边距】💘负边距的效果。注意左右负边距表现并不一致。左为负时，是左移，右为负时，是左拉。上下与左右类似 02.【shape-outside】❤不要自以为是了。你以为自己是方的，在别人眼里你却是圆的 03.【BFC应用】💓BFC应用之阻止外边距合并（margin collapsing） 0 阅读全文
摘要：
1、使用CSS重置（reset） css重置库如normalize.css已经被使用很多年了，它们可以为你的网站样式提供一个比较清晰的标准，来确保跨浏览器之间的一致性。 大多数项目并不需要这些库包含的所有规则，可以通过一条简单的规则来应用于布局中的所有元素，删除所有的margin、padding改变 阅读全文
摘要：
现如今，前端首屏渲染时间(FCP)因为首屏需要请求更多内容，比原来多了更多HTTP的往返时间(RTT)，这造成了白屏，如果白屏时间过长，用户体验会大打折扣，如果用户网速差，则FCP会更长。 1、FCP优化 为了优化首屏渲染时间这个指标，减少白屏时间，前端仔们想了很多办法： 加速或减少HTTP请求损耗 阅读全文