
“见”-掐Vue小姐姐的小脸蛋
文章平均质量分 91
接触学习Vue笔记
花森酱
我练习时长两年半的前端练习生,喜欢代码、王者、AIGC,期待你的关注!
展开
-
接口挂了?没事,我在vue.js中实现自动生成数据的网络请求,拷贝即用,速来围观!
封装了一个轻量化、自由拓展、低耦合的网络模块,无需后端服务,直接响应字符串、数字、布尔值、数组、图片等随机数据,支持取消请求、配置覆盖、请求状态提示、文件上传、下载等功能,极大地提升前端的开发体验。原创 2023-05-07 17:38:12 · 638 阅读 · 1 评论 -
使用v-lazy图片懒加载插件
图片懒加载效果当我们上网冲浪的时候网络不顺畅,导致图片加载得相对较慢,容易造成页面塌陷的效果,使用图片懒加载插件,当图片没有加载完成的时候显示的是一张我们默认的照片(占位图片),图片加载后会自动替换,提高用户的体验效果。环境vue2.x版本安装npm install vue-lazyload --save安装为生产环境配置入口文件1)入口文件中引入:import VueLazyload from 'vue-lazyload';2)全局配置懒加载的参数:Vue.use(VueLazyLo原创 2020-10-18 19:04:47 · 2542 阅读 · 2 评论 -
场景化分析rem布局原理
vue项目适配rem布局rem的原理将物理像素px分为一百份,每一份就是1rem,例如当你的手机是苹果6s,物理像素是375px,那么转化成rem就是37.5px。插件设置html根标签的字体属性font-size变为1rem,通过转换将css中的px转换成对应的rem。当屏幕发生大小缩放的时候,更改html下的font-size的大小,就能实现了其他标签的大小距离也随比例缩放,达到rem自适应布局。1)安装依赖npm i lib-flexible postcss-px2rem --save2)删原创 2020-10-03 20:00:51 · 5683 阅读 · 17 评论 -
一篇弄懂webpack静态资源打包器
认识webpack是优秀的前端构建工具,静态资源打包器,可以根据模块依赖关系进行静态资源分析,快速打包生成相对应浏览器可以直接识别的静态资源!规约入口文件:开始打包第一个文件称为入口文件,通常经过在入口文件中引入其他资源,形成资源关系树状图。webpack根据依赖关系进行一次处理。chunk代码块:管理webpack内部的打包进程,chunk可以分为“入口”和“子代码块”,入口文件就是一个chunk,默认的webpack打包配置是一个入口文件是一个chunk,打包生成一个bundle。但是如果出原创 2020-10-01 16:48:38 · 7869 阅读 · 12 评论