11 2023 档案
学习Vue3 第五章(Vue核心虚拟Dom和 diff 算法)
摘要:介绍虚拟DOM 虚拟DOM就是通过JS来生成一个AST节点树 为什么要有虚拟DOM? 一个dom上面的属性是非常多的,所以直接操作DOM非常浪费性能 介绍Diff算法 diff算法的目的就是找出新旧不同虚拟DOM之间的差异,使最小化的更新视图,所以 diff 算法本质上就是比较两个js对象的差异 特
阅读全文
学习Vue3 第四章 vue指令
摘要:指令 v- 开头都是vue 的指令 v-text 用来显示文本 v-html 用来展示富文本 v-if 用来控制元素的显示隐藏(切换真假DOM) v-else-if 表示 v-if 的“else if 块”。可以链式调用 v-else v-if条件收尾语句 v-show 用来控制元素的显示隐藏(di
阅读全文
Vue3 第三章
摘要:Vite目录 public 下面的不会被编译 可以存放静态资源 assets 下面可以存放可编译的静态资源 components 下面用来存放我们的组件 App.vue 是全局组件 main ts 全局的ts文件 index.html 非常重要的入口文件 vite config ts 这是vite的
阅读全文
Vue3 第二章(配置环境)
摘要:下载node.js 可以在终端输入npm -v 来检查是否安装成功 成功以后会展示版本号 构建vite项目 使用vite初始化一个项目 npm创建 npm init vite@latest 和 npm init vue@latest 都可以创建 npm init vue@latest比较全一点把路由
阅读全文
vue3 第一章
摘要:vue2和vue3对比 vue2是optionsApi(分散式又叫选项API) vue3是compositionApi (组合式) vue新特性 重写双向绑定 vue2是基于Object.defineProperty()(深入浅出)实现 vue3 基于Proxy(代理) vue3 允许我们支持多个根
阅读全文
uniApp 仿微信下拉菜单
摘要:uniApp 仿微信下拉菜单 手指长按事件longpress @longpress="longpress(index,$event)" 下拉菜单 <!-- 长按的下拉菜单 --> <view class="jh-w-200 jh-h-60-min jh-dropDownMenu jh-shadow-
阅读全文