uni-app开发指南
如果你平时用Vue写H5项目比较多，然后突然有一天公司要你用uni-app来同时开发H5和小程序（甚至App），而你却对uni-app不熟悉，那么这篇文章或许适合你。
下面我将从以下几个维度出发，总结uni-app开发与Vue开发的不同之处。
① 项目搭建
② 配置文件
③ 内置组件
④ 数据请求
⑤ 其他
一、项目搭建
uni-app项目搭建有两种方式，一种是通过vue-cli
前端
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
vue中,我们有时候需要实现这种场景:
1.搜索页面到列表页面，需要刷新重新获取数据。
2.从详情页面返回列表页面需要记住上次浏览的状态。具体流程如下：
效果图
第一步:在路由配置文件中为列表页设置meta参数，里面包含useCatch和keepAlive
{
path: "/sportPrdtList",
name: "sportPrdtList",
可视化大屏项目适配 vue（方案一）
选择的适配方案
设计稿是1920px
flexible.js 把屏幕分为 10 等份 ( flexible.js 中可修改 ，默认为 10 )
image.png
新建 vue 项目，项目目录如下
image.png
src / assets 文件下创建一个新的文件夹 css， css 文件夹下新建一个base.css文件用于定义全局样式
html,
body,
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中
微信小程序——全局数据共享
全局数据共享，也叫做状态管理，是为了解决组件/页面之间的数据共享问题
开发中常用的数据共享方案有 Vuex、redux、MobX 等
小程序中的数据共享方案
使用 mobs-miniprogram 配合 mobs-miniprogram-bindings 实现数据共享
mobs-miniprogram 用来Store创建实例对象
mobs-miniprogram-bindings 用来把St
【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题
show1.jpg
为什么需要虚拟列表
日常开发中，经常需要处理一个大数据量的列表，可能是需要展示、勾选等；
如果我们用html原生的标签实现，性能到还好。但是现在大多都是用第三方组件库开发(例如element-ui)，以便提升开发效率；
如果我们同时展示、勾选千条数据的时候，页面将会卡主，甚至崩掉；
虚拟列表的方案正是为了解决这类前端大数据量展示、操作卡顿的问题；
虚拟列表原理
虚拟
Llama 4重磅开源标志着Llama 4与Apple Silicon的协同创新：多模态架构与硬件适配的全面解析
🌟 嗨，我是Lethehong！🌟
🌍 立志在坚不欲说，成功在久不在速🌍
🚀 欢迎关注：👍点赞⬆️留言收藏🚀
🍀欢迎使用：小智初学计算机网页IT深度知识智能体
🚀
React-Hooks之useImperativeHandler
1.什么是useImperativeHandle Hook?
useImperativeHandle可以让你在使用ref 时自定义暴露给父组件的实例值,我的理解就是不让外界随便对通过ref拿到的元素进行操作，maybe我们可以称之为“权限配置"
这里出现了ref，小单简单地回顾一下前几天学习的useRef,可以知道ref就是帮助我们获取某个元素而设定的。
But!!!!!我记得当时说过useRef
