vue

Vue懒加载 懒加载（LazyLoad）一直是前端的优化方案之一。简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 它的核心思想是：当用户想看页面某个区域时，再加载该区域的数据。这在一定程度上减轻了服务器端的压力，也加快了页面的呈现速度。 懒加载多用于图片，因为它属于流量的大头。最典型的懒加载实现方案是先将需要懒加载的图片的src隐藏掉，这样图片就不会下载，然后在图片需要呈现给用户时…

1，引入 npm install --save nprogress 2、在main.js文件中 import NProgress from ‘nprogress’; import ‘nprogress/nprogress.css’; //在页面跳转使用 router.beforeEach((to,from,next) => { //开始进度条 NProgress.start(); // 继续…

Vue高阶函数的使用 filter函数 ： filter函数的回调函数必须是一个boolean值，当返回一个true值时，函数内部会自动将这次回调的n加入到新的数组中，当返回一个false值时，回调函数会将这一次的n过滤掉，个人理解为filter函数相当于一个过滤器，只有满足条件的n才会被留下 示例代码 ：从数组中筛选小于100的数，保留到新的数组中 <script> // 定义一个数…

子组件 <template> <view class="m-toast" :class="isShowToast ? 'd-flex' : ''"> <view class="m-toast-content"> <image src="../../static/icon-toast.png"></image> <view>{{…

周三 陪伴是最长情的告白 还有两天情人节：「无论是在家里，还是在工作，或者是在自我防护中，多给家人爱人发句平安，是最有心意、最重要的一件事。」 ♥感谢老李???? 近来一段时间一直没有学习新的东西，闲暇的时候简单做了一个学生成绩管理系统，打算开源出去，相信每个努力的人都能得到回报，月末可能有一波大福利，敬请期待吧。废话不多说，今天只是简单的讲解一下这个项目的基本情况，我会分几篇来说明。 0 1 项…

开发环境 win10，vue3.0，vscode 安装less 1.通过一下命令安装，缺一不可。 npm install less --save npm install less-loader --save npm install style-resources-loader --save 2.安装完成后 package.json可以看到如下依赖包。 "less": "^4.1.1", "less…

一、WebSocket简介 HTML5规范在传统的web交互基础上为我们带来了众多的新特性，随着web技术被广泛用于web APP的开发，这些新特性得以推广和使用，而websocket作为一种新的web通信技术具有巨大意义。WebSocket是HTML5新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，比如说，服务器可以在任意时刻发送消息给浏览器。支持双向通信。 二、Web…

jQuery与Vue的区别 1.jQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，数据和界面是在一起的。 2.Vue则是把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。对数据进行操作不再需要引用相应的DOM对象 3.区别 简单来说，最明显的就是思维方式不同，jquery 是以操作dom为主，做了数据处理之后还需要对dom进行操作…

scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。 offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。 <el-tooltip :content="item.name" placement="bottom" ef…

打包后 opacity渲染为1% 背景 项目打包部署后opacity渲染为1%，本地localhost的透明度为50%无异常 解决 搜索资料发现opacity设置为百分比的时候，打包后数值被强制改成了1% 进一步查看 MDN 发现属性值时0-1.0之间的数字值， 方案 将属性值改为0.5打包后就没问题 版权声明：本文为qingqing77520原创文章，遵循 CC 4.0 BY-SA 版权协议，转…