元素是构成REACT应用的最小砖块 元素描述了你在屏幕上想看到的内容。 const element =<h1>Hello,world</h1>; 与浏览器的DOM元素不同，REACT元素是创建开销极小的普通对象。REACT DOM会负责更新DOM来与REACT元素保持一致。 注意： 你可能会将元素与 ...
分类：
其他好文 时间：
2019-12-07 10:41:00
阅读次数：
79
测试用例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http ...
分类：
其他好文 时间：
2019-12-02 17:00:00
阅读次数：
68
ref 被用来给元素或子组件注册引用信息 ref 有三种用法： 1、ref 加在普通的元素上，用this.$refs.（ref值） 获取到的是dom元素 2、ref 加在子组件上，用this.$refs.（ref值） 获取到的是组件实例，可以使用组件的所有方法。在使用方法的时候直接this.$ref ...
分类：
其他好文 时间：
2019-12-01 15:17:58
阅读次数：
637
三者间的关系 一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。 html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素。 用一扇门比喻三者间的关系是：html是门的门板，css是门上的油漆或花纹，javascript是门 ...
分类：
编程语言 时间：
2019-11-28 22:51:04
阅读次数：
109
当你第一次接触vue的时候，一定会使用到其中的几个指令，比如： 、`v for v bind`...这些都是vue为我们写好的，用起来相当的爽。如果有些场景不满足，需要我们自己去自定义，那要怎么办呢？下面来一步步学习如何自定义一个属于我们自己的指令。 什么是vue指令？ 指令是可以写在DOM元素的小 ...
分类：
其他好文 时间：
2019-11-27 21:58:52
阅读次数：
109
在地址栏输入url，返回html后，浏览器开始顺序加载并渲染DOM Body标签 当浏览器遇到body标签才算真正开始加载并渲染DOM，此时会有以下几种情况： DOM元素 浏览器遇到dom元素时，正常顺序加载，边加载边渲染 内联CSS 当遇到内联CSS时，浏览器继续加载，但渲染被阻塞，此时会生成新的 ...
分类：
Web程序 时间：
2019-11-25 20:31:32
阅读次数：
65
在项目中，以前如果遇到对dom元素的操作都是直接获取dom元素，比如说： 但是如果修改的样式比较多的话，不如直接“切换”dom元素，如下例子： 这样会节省一些性能。因为操作dom的style是内联样式，css样式优先级：外部样式>内部样式>内联样式。 当然，不到万不得已，最好还是不要操作dom元素。 ...
分类：
其他好文 时间：
2019-11-25 13:04:12
阅读次数：
283
//全局指令 Vue.directive('指令名',{ //el 就是被绑定的DOM元素 bind:function(el){}, //指令绑定到元素上但是元素没有插入到Dom树的时候 inserted:function(el){}，//元素插入到DOM树之后 调用 update:function ...
分类：
其他好文 时间：
2019-11-25 11:09:58
阅读次数：
65
注册事件有两种方式，分别是DOM0级和DOM2级 DOM0级就是通过事件绑定的形式dom元素只能有(绑定)一个事件处理函数，他的特点是同一个元素绑定相同事件， 后面函数会覆盖前面的 绑定： dom.on+type = 事件处理函数 dom.onclick = function(){} 函数里面是要执 ...
分类：
Web程序 时间：
2019-11-23 21:36:40
阅读次数：
96
11/22 技术2面 一面技术： 1,v-if 和 v-show 的区别： v-if是通过控制dom节点的存在与否来控制元素的显隐； v-show是通过设置DOM元素的display样式，block为显示，none为隐藏； v-if切换有一个局部编译/卸载的过程，销毁和重建内部的事件监听和子组件； ...
分类：
其他好文 时间：
2019-11-22 15:23:10
阅读次数：
66
