- 博客(12)
- 收藏
- 关注
RSS订阅转载 路由懒加载与性能优化
我们都知道，路由懒加载是新能优化的一种表现，但这种表现的具体内容是怎么样的呢？ 一、按需引入形式的路由懒加载，将每个组件生成一个独立的 js文件，进行按需引入 1.首先是普通的路由加载。页面首次加载时，浏览器就把路由中的所有的组件一股脑的全加载到app.js中。 import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' import About from "../view
2022-03-27 15:02:29
455
原创 html元素垂直、水平对齐的多种方式
完美居中的多种方式 1.弹性布局方式 给父容器添加伸缩布局：display:flex;和 justify-content: center;align-items: center; 就可以完成容器内元素，完美居中 2.定位方式 给父容器添加相对定位：position:relative; 子元素添加绝对定位，position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); 3.定位方式2 给父容器添加相对定位：positi
2021-12-31 17:02:24
2784
原创 数组去重js
let arrV = [1, 2, 3, 1, 2, 3, 1, 2, 2,null,null] // 去重方法1 // 利用set数据结构的特点，集合中不能出现重复元素，所以生成的数组一定不会重复 // console.log([...new Set(arrV)]) // console.log(Array.from(new Set(arrV))) // 去重方法2 // 经典去重 // for(let i = 0;i < arrV.length;i++){ // for(let j = .
2021-12-19 22:02:53
180
原创 vscode配置Vue模板
{ // 打印输出 "Print to console": { // 前缀 也就是用户输入的快捷键内容 "prefix": "component", // 输出内容 "body": [ "<!-- $0 -->", "<template>", " <div>", "", " </div>", "</template>", "", "<script>", ".
2021-10-05 16:14:23
136
原创 Math.random()随机数范围的控制
以前就知道这个方法，因为是没有完全理解。当很久以后再次遇到这类问题的时候，控制随机数范围的额公式又忘了，在这就在写一次。 先来看一下这个方法的作用： Math.random()，是生成一个[0,1)的17位的随机小数。但我们一般需要的都不是小数，而是整数。 <script type="text/javascript"> document.write(Math.random());//0.15246391076246546 </script> ...
2021-08-23 15:40:22
4349
原创 MVVM是什么
mvvm开发范式是前端的未来，前后端业务逻辑让视图层与数据层完全分离但又密不可分 mvvm是(Model View ViewModel)的一个简写 view是视图层：给用户展示各种信息的 model是数据层：自定义的数据或是服务器请求来的数据 viewModel是视图模型层：是view和model的桥梁，实现了将model中的数据及时反映/绑定到view，同时view中数据发生变化时，也可将变化的数据按需求返回到model 靠着课堂上的学...
2021-07-01 16:07:36
293
原创 搭建一个vue项目
一、搭建一个vue项目需要准备工具如下： 1，安装node 在cmd中查看是否安装node 如果没有安装就上node官网下载 2、安装vue脚手架 在cmd中查看是否安装vue脚手架 如果没有安装的话就在cmd中输入：npm install -g @vue/cli指令进行下载 快速下载vue脚手架：先安装淘宝镜像：np...
2021-06-23 20:51:47
183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人