JavaScript学习
coder_MX
懒 的去偷懒了
展开
-
初识渲染器
相信大家都很明确上述虚拟 DOM 要处理怎样的事情,首先我们可以看到他是一个树形结构的 JavaScript 对象,我们需要有一个渲染函数,他接受的参数就是上述类型的 JavaScript 对象,然后将其转换成一个真实的 DOM,放置在页面上,渲染器是非常重要的一个角色,我们所使用的 Vue.js 组件都是要依赖渲染器来工作,这是一个非常重要的工作环节,这里我们初步了解一下渲染器的工作原理。我们已经知道什么是虚拟 DOM 了,那么,虚拟 DOM 该如何变成真实的 DOM 呢?最后我们执行渲染函数。原创 2023-11-02 11:50:47 · 103 阅读 · 0 评论 -
框架的选择(运行时&编译时)
纯运行时框架:由于它没有编译的过程,因此我们没办法分析用户提供的内容。运行时+编译时:可以分析用户提供的内容,看看哪些内容未来可能会改变,哪些内容永远不会改变,这样我们就可以在编译的时候提取这些信息,然后将其传递给 Render 函数,Render 函数得到这些信息之后,就可以做进一步的优化纯编译时:也可以分析用户提供的内容。由于不需要任何运行时,而是直接编译成可执行的 JavaScript 代码,因此性能可能会更好,但是这种做法有损灵活性,即用户提供的内容必须编译后才能用##拓展纯编译时。原创 2023-10-23 20:49:50 · 119 阅读 · 0 评论 -
虚拟DOM的性能
到这里可能你还会有人讲,innerHTML的性能还是有可能优于虚拟DOM,那么,如果页面的元素数量级很高,如果还采取DOM销毁与创建,性能定然没有虚拟DOM好!使用innerHTML更新页面的的过程是**重新构建HTML字符串,再重新设置DOM元素的innerHTML属性,**那么这样将来,即使是我仅仅更新了一个元素中的一个文字,就等价于。这里我们从宏观的角度只看数量级上的差异。为了渲染出一个页面,首先要把字符串解析成了DOM树,这是一个涉及DOM的计算,因此,它的性能消耗远比Javascript大的多。原创 2023-10-23 19:40:12 · 50 阅读 · 0 评论 -
v-for和v-if谁的优先级高?应该如何正确使用避免性能问题?
v-for和v-if谁的优先级高?应该如何正确使用避免性能问题?原创 2022-02-11 17:18:16 · 240 阅读 · 0 评论 -
JS时间戳转换为日期格式
JS时间戳转换为日期格式/*** 时间戳转换成指定格式日期** eg. ** dateFormat(11111111111111, 'Y年m月d日 H时i分')** → "2322年02月06日 03时45分"*/var dateFormat = function (timestamp, formats) { // formats格式包括 // 1. Y-m-d // 2. Y-m-d H:i:s // 3. Y年m月d日 // 4. Y年m月d日 H时原创 2021-03-09 19:56:01 · 604 阅读 · 0 评论 -
事件冒泡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-02-05 14:33:26 · 341 阅读 · 2 评论 -
复选框的功能实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> window.onload =原创 2021-02-05 11:16:20 · 579 阅读 · 0 评论 -
对象与原型之间的关系
对象与原型之间的关系每一个基本的对象都会有自己的一个原型,当在使用每一个实例对象的时候,你所用到的属性或者方法,他都会现在自己的个体中寻找,如果找不到,则会去寻找他所对应得原型对象中所对应的属性或者方法,如果还找不到,会在向上查询一个环节,直至到object为空(null),如下图作为对象个体的mc来说,在使用hasOwnproperty()的方法时,我们并没有给mc对象这个方法,我们可以对mc所处的对象原型的对象进行查找,发现依然没有,再次向上寻找,才发现次方法。这里也说明了,所有自定义对象的对原创 2021-01-31 14:40:14 · 261 阅读 · 0 评论