前端

效果图 代码(vue3) UploadCustom.vue @/utils/util.ts 组件调用 图标附件下载 地址-github 问题 评论留言 参考文档 Upload 上传

前言 最近做了个搜索页面,出结果大概3s吧,领导看了后觉得比较慢让优化,后端说搜索条件太多了,已经没法再快了,说让前端想想办法 我一想前端也快不了啊,只能做到让用户感觉快了

4月离职到现在，领导协商给2个月找工作，其实2月份就开始准备找工作了（领导不会安排任务，产品，设计，开发，测试都要前端做，最后没做出来，让我前端背锅了垃圾玩意，我当时没要赔偿巨亏）

base标签 标签指定网页内部的所有相对 URL 的计算基准。整张网页只能有一个base标签，而且只能放在head里面。它是单独使用的标签，没有闭合标签 详情见网道 一旦设置了base，整个网页都生效

判断新旧VNode是不是相同的 patch中间对比使用key建立一个 keyToNewIndexMap 不使用key两层遍历对比,复杂度是On2, 使用key,复杂度是On,这是推荐使用key直接原因

nextTick作用 我们修改了数据后,想要立刻拿到更新后的视图元素,是不能拿到的,因为vue的视图更新是异步的,如果想拿到,就需要借助nextTick 输出控制台(如下图) 先看看视图怎么异步更新

简单类型通过ref进行响应式转换 简单类型不能通过reactive转换,因为Proxy只能代理对象,vue3中提供了ref对其响应式转换 源码 ref

在渲染之前,会取setup的返回结果,挂到VNode上,具体看下代码: proxyRefs(setupResult)结果用proxyRefs进行了处理,unref里面代码

MutationObserver(监听节点) IntersectionObserver(视口交叉) ResizeObserver(元素大小变化) PerformanceObserver(页面性能变化)

页面 根据搜索规则,可以过滤网站 doc目录可以直接放到的服务器(自己搭建) data.config.js配置文件,自定义导航(后续可以只修改这个文件) 源码 GitHub地址 在线导航演示

请听题: 在 Vue 中,响应式原理 === 双向绑定原理 ? 先给出结论 不相等, 为什么提这个问题 曾几何时,vue 中出现了多种原理:vue基本原理,响应式原理,双向绑定原理,v-model原理