前端
vite + vue3多页面配置记录references,loadEnv等
目的:使用vite创建vue3项目记录细节点
上篇vue2/vue3 + webpack多页面遇到的问题和思考我们使用vue-cli搭建项目都是使用webpack打包的,现在对比一下vite感受一下极速开发体验
增:下一篇vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint
第一部分:项目基础配置ts相关: lib, references
网络请求库 – axios库
1.认识Axios库
Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中发送网络请求。
1.1 Axios的优点
XMLHttpRequest,fetch是高级一点的原生
原生的缺点:
1.需要自己来封装原生。
2.原生某些功能不具备,你需要自己来完成请求拦截,响应拦截等。
3.js可以跑在浏览器和node上面,但是原生的fetch是不能工作在node中
【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题
show1.jpg
为什么需要虚拟列表
日常开发中,经常需要处理一个大数据量的列表,可能是需要展示、勾选等;
如果我们用html原生的标签实现,性能到还好。但是现在大多都是用第三方组件库开发(例如element-ui),以便提升开发效率;
如果我们同时展示、勾选千条数据的时候,页面将会卡主,甚至崩掉;
虚拟列表的方案正是为了解决这类前端大数据量展示、操作卡顿的问题;
虚拟列表原理
虚拟
Llama 4重磅开源标志着Llama 4与Apple Silicon的协同创新:多模态架构与硬件适配的全面解析
🌟 嗨,我是Lethehong!🌟
🌍 立志在坚不欲说,成功在久不在速🌍
🚀 欢迎关注:👍点赞⬆️留言收藏🚀
🍀欢迎使用:小智初学计算机网页IT深度知识智能体
🚀
微信小程序——全局数据共享
全局数据共享,也叫做状态管理,是为了解决组件/页面之间的数据共享问题
开发中常用的数据共享方案有 Vuex、redux、MobX 等
小程序中的数据共享方案
使用 mobs-miniprogram 配合 mobs-miniprogram-bindings 实现数据共享
mobs-miniprogram 用来Store创建实例对象
mobs-miniprogram-bindings 用来把St
React-Hooks之useImperativeHandler
1.什么是useImperativeHandle Hook?
useImperativeHandle可以让你在使用ref 时自定义暴露给父组件的实例值,我的理解就是不让外界随便对通过ref拿到的元素进行操作,maybe我们可以称之为“权限配置"
这里出现了ref,小单简单地回顾一下前几天学习的useRef,可以知道ref就是帮助我们获取某个元素而设定的。
But!!!!!我记得当时说过useRef
在vue项目中axios发起请求时的小知识
1.发起axios请求时,喜欢使用async和await来修饰
使用axios发起请求时,我们在一些文章或者视频当中多多少少都会看到async和await这对兄弟?所以它们到底是什么意思呢?为什么要写成这样子?
async和await是es7的语法,其实我们不需要深入理解,就当养成习惯就好,以后记住发送axios请求的时候加上这对修饰兄弟就行
async就是一个修饰符,用来修饰函数的,awai