HTML代码： <button type='button' class='btn' id='1'>按钮1</button> <button type='button' class='btn' id='2'>按钮1</button> <button type='button' class='btn' ...
分类：
Web程序 时间：
2019-11-22 13:32:35
阅读次数：
75
其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。 要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。 我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的D ...
分类：
其他好文 时间：
2019-11-16 17:41:39
阅读次数：
71
1.大括号表达式 (1)在MVVM()中接收并保存配置对象 (2)调用Compile编译函数，将el和vm传入 (3)在Compile()中保存vm，并根据el获取对应的dom,将这个dom元素的所有子节点移动到fragment中 (4)遍历fragment中的所有子节点,使用compileElem ...
分类：
其他好文 时间：
2019-11-13 23:40:56
阅读次数：
95
`关键词`：鼠标事件的触发 可以在函数中指定让鼠标事件自动触发，而不是必须要鼠标滑过才触发，例如： main.onmouseover(); // 可以把该语句看做是鼠标滑过的模拟动作 是DOM元素 ：for..of 的兼容性问题 旧的浏览器可能不会兼容for of方式的迭代方式，所以尽量使用常规的方 ...
分类：
Web程序 时间：
2019-11-05 13:23:32
阅读次数：
94
前言 特别感谢玉面小肥鱼提供哟，@玉面小飞鱼 题目一览 JavaScript编程题1、实现输出document对象中所有成员的名称和类型；2、如何获得一个DOM元素的绝对位置？（获得元素位置，不依赖框架）3、如何利用JS生成一个table？4、实现预加载一张图片，加载完成后显示在网页中并设定其高度为 ...
分类：
Web程序 时间：
2019-11-04 19:20:35
阅读次数：
136
v-if 和 v-show的区别 简单来说，v-if 的初始化较快，但切换代价高；v-show 初始化慢，但切换成本低 1.共同点 都是动态显示DOM元素 2.区别 （1）手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；（2 ...
分类：
其他好文 时间：
2019-11-03 20:24:30
阅读次数：
79
一、直接用 <script> 引入vue.js 直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。 在此处浏览器上下文中this即为window对象，此处是将Vue方法（构造函数）暴露为一个全局方法。 el：提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。 ...
分类：
其他好文 时间：
2019-10-30 11:47:57
阅读次数：
68
1what http://jquery.com/ * 一个优秀的JS函数库: write less, do more（使用了jQuery的网站超过90%，中大型WEB项目开发首选） * 封装简化DOM操作(CRUD) / Ajax 2why * 强大选择器: 方便快速查找DOM元素（HTML元素选取 ...
分类：
Web程序 时间：
2019-10-29 13:18:48
阅读次数：
117
1. ref 获取dom元素，除了能获取dom元素也能获取组件dom, 组件通信： 在父组件中直接调用ref定义的组件的数据或者方法 <div id="app"> <p ref="mybutton"></p> <div ref="mybutton"></div> <!-- 会覆盖 --> <!--遇 ...
分类：
其他好文 时间：
2019-10-28 21:01:35
阅读次数：
89
相对定位和绝对定位，不改变元素的大小形状，只改变元素的位置。 相对定位和绝对定位是通过position属性来控制的，position属性的值为下面几种： 注：对于html的标准流(文档流)和浏览器怎么渲染各个DOM元素等底层知识，我不怎么清楚，下面的理解方式不一定正确，仅供参考。 相对定位： pos ...
分类：
Web程序 时间：
2019-10-26 21:04:13
阅读次数：
102
