vue响应式原理 一、响应式框架 侦听数据变化(数据拦截) 收集谁依赖了数据,比如视图、计算属性等(订阅更新) 数据发生变化,通知依赖进行更新(派发更新) 操作DOM带来的问题 需要操作多个DOM元素,非常不方便 每一次数据变化都要操作DOM 频繁操作DOM带来的性能问题 思路:不在逻辑计算过程中操 ...
分类:
其他好文 时间:
2020-07-26 01:59:45
阅读次数:
99
ES5的数组方法: forEach() map() some() filter() every() reduce jQuery的方法的调用 对于选择器筛选的dom元素,比如$('.class')是一个伪数组jq对象,存放的dom元素,当执行addClass('active')方法,对于每个dom元素 ...
分类:
编程语言 时间:
2020-07-25 11:40:32
阅读次数:
139
v-if与v-show的区别 v-if指令与v-show指令都可以根据值动态控制DOM元素显示隐藏,v-if和v-show属于Vue的内部常用的指令,指令的职责是当表达式的值改变时把某些特殊的行为应用到DOM上。 描述 v-if v-if指令用于条件性地渲染一块内容,这块内容只会在指令的表达式返回t ...
分类:
其他好文 时间:
2020-07-19 11:36:53
阅读次数:
60
一、注册组件 1.全局注册 利用Vue.component()方法,先传入一个自定义组件的名字,然后传入这个组件的配置。 然后就可以在Vue实例挂载的DOM元素中使用它。 Vue.component('mycomponent',{ template: `<div>这是一个自定义组件</div>`, ...
分类:
其他好文 时间:
2020-07-15 23:49:34
阅读次数:
66
利用数组,实现数组去重 注意??; 场景:js常获取页面的dom树结构,存在集合中,如果使用Set, 即使dom元素被删除了,也不会被回收. 若是weakSet弱引用,会被垃圾回收机制回收。 Map 和 WeakMap ...
分类:
其他好文 时间:
2020-07-15 22:56:19
阅读次数:
49
实现步骤 html + bootstrap 布局画3个面板。 注:面板样式 position 属性必须是绝对位置或者相对位置。 监听面板的的 mousedown事件。 记录当前对应面板的位置target_index,设置面板透明拖动。 监听当前被拖动的面板的mousemove事件。 根据鼠标移动的位 ...
分类:
Web程序 时间:
2020-07-14 10:34:58
阅读次数:
90
ylbtech-JavaScript-Runoob-JS HTML DOM :DOM 元素 1.返回顶部 1、 JavaScript HTML DOM 元素 (节点) 本章节介绍如何向文档中添加和移除元素(节点)。 创建新的 HTML 元素 (节点) - appendChild() 要创建新的 HT ...
分类:
编程语言 时间:
2020-07-12 22:47:07
阅读次数:
102
参考连接:https://blog.csdn.net/weixin_33739541/article/details/91419021 自己再过一遍,方便理解和记忆,不喜勿喷 为什么要用面向对象思想编程? 大家想想,我们在搭建静态页面编写DOM元素样式的时候,是不是用了CSS类名来抽象出一类的样式? ...
分类:
Web程序 时间:
2020-07-12 17:15:35
阅读次数:
63
jQuery对象 说明: 是一个包含所有匹配的任意多个dom元素的伪数组对象。 基本行为: size()/length:包含的DOM元素个数。 [index]/get(index):得到对应位置的DOM元素。 each():遍历包含的所有DOM元素。 index():得到在所在兄弟元素中的下标。 示 ...
分类:
Web程序 时间:
2020-07-11 19:09:39
阅读次数:
77
content方面 减少HTTP请求:合并文件、CSS精灵、inline Image 减少DNS查询:DNS缓存、将资源分布到恰当数量的主机名 减少DOM元素数量 Server方面 使用CDN 配置ETag 对组件使用Gzip压缩 Cookie方面 减小cookie大小 css方面 将样式表放到页面 ...
分类:
Web程序 时间:
2020-07-11 17:44:29
阅读次数:
92