自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

转载 vue静态文件下载

【转】 问题:使用vue-cli3下载文件时,静态文件下载不成功问题。 解决:public文件夹下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(文件名需指定)下。必须使用绝对路径引用这些文件,简单说就是用来存放万年不变的文件。 在vue2.x版本类似static/ 文件夹。 <el-button @click="download" type="warning">下载</el-button> download() { let a = document.c

2021-08-31 10:47:56 983

原创 diff算法(二) snabbdom h函数

snabbdom h函数 export function h(sel: string): VNode; export function h(sel: string, data: VNodeData | null): VNode; export function h(sel: string, children: VNodeChildren): VNode; export function h(sel: string, data: VNodeData | null, children: VNodeChil

2021-08-24 14:45:53 118

原创 diff算法(一)

diff算法(一) vdom 核心价值是最大程度的减少dom渲染的范围,通过把dom用js模拟,进行计算、对比,找出最小的更新范围去更新,这个对比的过程就是diff算法。所以说diff算法是vdom中最核心、最关键的部分,能在日常使用 vue React中体现出来(比如 为什么v-for一定要用key?下面会讲到) 常规:树diff的时间复杂度 O(n^3) 两棵树的遍历(遍历tree1、遍历tree2、排序,1000个节点,要计算 1亿次,算法不可用) 优化:优化时间复杂度到O(n) 只比较同

2021-08-23 14:46:08 285

原创 虚拟DOM

虚拟DOM 写一写,加深印象~ 虚拟 DOM (Virtual DOM),简写vdom,vdom 是实现vue和React的重要基石。 DOM操作非常耗费性能,js执行速度很快(以前用jquery可以自行控制DOM操作的时机,手动调整)。 vue和react是数据驱动视图,如何有效控制DOM操作? 解决方案:vdom — 用js模拟DOM结构,计算出最小的变更,操作DOM 用js模拟DOM操作: <div id='div1' class='container'> <p>vdom&

2021-08-20 18:19:04 83

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除