摘要： ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值 <template> <div> <button @click="changeMsg">change</button> <div>{{ message }}</div> 阅读全文

摘要： 介绍虚拟DOM 虚拟DOM就是通过JS来生成一个AST节点树 为什么要有虚拟DOM？ 一个dom上面的属性是非常多的，所以直接操作DOM非常浪费性能 介绍Diff算法 diff算法的目的就是找出新旧不同虚拟DOM之间的差异,使最小化的更新视图，所以 diff 算法本质上就是比较两个js对象的差异 特 阅读全文

摘要： 指令 v- 开头都是vue 的指令 v-text 用来显示文本 v-html 用来展示富文本 v-if 用来控制元素的显示隐藏（切换真假DOM） v-else-if 表示 v-if 的“else if 块”。可以链式调用 v-else v-if条件收尾语句 v-show 用来控制元素的显示隐藏（di 阅读全文

摘要： Vite目录 public 下面的不会被编译 可以存放静态资源 assets 下面可以存放可编译的静态资源 components 下面用来存放我们的组件 App.vue 是全局组件 main ts 全局的ts文件 index.html 非常重要的入口文件 vite config ts 这是vite的 阅读全文

摘要： 下载node.js 可以在终端输入npm -v 来检查是否安装成功 成功以后会展示版本号 构建vite项目 使用vite初始化一个项目 npm创建 npm init vite@latest 和 npm init vue@latest 都可以创建 npm init vue@latest比较全一点把路由 阅读全文

摘要： vue2和vue3对比 vue2是optionsApi（分散式又叫选项API） vue3是compositionApi （组合式） vue新特性 重写双向绑定 vue2是基于Object.defineProperty()（深入浅出）实现 vue3 基于Proxy（代理） vue3 允许我们支持多个根 阅读全文

摘要： uniApp 仿微信下拉菜单 手指长按事件longpress @longpress="longpress(index,$event)" 下拉菜单 <!-- 长按的下拉菜单 --> <view class="jh-w-200 jh-h-60-min jh-dropDownMenu jh-shadow- 阅读全文

摘要： 用到fiex弹性布局 效果：缩放时小黄圆点也跟着一起缩放 <!-- 灰色背景 --> <div class="boxImg" ref="cont" style="position: absolute; top: 0; left: 0"> <!-- 综合监控首页 --> <img class="top 阅读全文

摘要： 一 px 相对长度单位，浏览器的度量单位，相对于物理像素（显示器屏幕分辨率），1px在高清屏幕下可能占用2个物理像素、甚至3个物理像素，有关物理像素和px之间转换比，可以查看这篇文章。 二 em 相对于当前DOM元素的font-size。 如果设置当前元素的font-size为0.75em，而其父元 阅读全文

摘要： 1、postcss-px-to-viewport适配的介绍 postcss-px-to-viewport是一个插件，用起来非常方便，安装一下插件，搞个配置文件就可以直接用了。 2、postcss-px-to-viewport适配的原理 根据配置将css样式中的px转为vw，从而让页面自适应当前屏幕大 阅读全文