- 博客(18)
- 收藏
- 关注
RSS订阅原创 经典面试题
1. react/vue中的key有什么作用？（key的内部原理是什么）虚拟DOM中key的作用：简单的说：key是虚拟 DOM对象的表识，在更新显示key起着极其重要的作用。详细的说：当状态中的数据发生变化时，react会根据新数据生成新的虚拟DOM，随后React进行新虚拟DOM与旧虚拟DOM的diff比较，比较规则如下： a.旧虚拟DOM中找到了与新虚拟DOM相同的ket： （1）若虚拟DOM中内容没变，直接使用之前的真实DOM （2）若虚拟DOM内容发生改变，则生成新的真实DOM，随
2022-05-21 09:47:35
118
原创 v-if和v-show
<!--相同点：v-if和v-show都能控制元素的显示隐藏不同点：v-if的显示隐藏是将dom元素删除和添加，v-show的显示隐藏是添加了样式：display:none性能消耗：v-if具有更高的切换消耗，v-show具有更高的渲染消耗应用场景：频繁的切换推荐v-show<!-- 注：if系列的指令不能插入其他的兄弟元素-->-->...
2020-08-05 13:40:30
155
原创 v-text和v-html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <div>{{ text }}</div><!-- s说明：v-text指令解决表达式闪烁到字符串问题-->
2020-08-05 13:38:29
216
原创 Vue中的常用指令（v-clock）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> [v-clock]{ display: none; } </style></head><body><!--
2020-08-05 13:37:01
3040
原创 Vue基本模块
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--1.下载导包，当导包后，在浏览器的内存中多了一个vue构造函数2.实例化vue应用程序 new Vue（配置参数）3.通过el参数关联视图层 —— 用户能看到的界面4.通过dat
2020-08-05 13:35:07
379
原创 通过获取子节点的方式隔行变色
<button id="btn2">点击</button><ul id="uu"> <li>这是第1个li标签</li> <li>这是第2个li标签</li> <li>这是第3个li标签</li> <li>这是第4个li标签</li>...
2019-12-29 20:29:39
156
原创 获取节点和元素的十二行代码
//获取节点和元素的十二行代码var u = $myId("uu");//1. 父节点console.log(u.parentNode);//2. 父元素console.log(u.parentElement);//3. 子节点console.log(u.childNodes); //在ie8中获取的是子元素//4. 子元素console.log(u.children)...
2019-12-29 20:27:44
180
原创 鼠标移入移出
var list=document.getElementsByTagName("li"); for (var i=0;i<list.length;i++){ list[i].onmouseover=function () { this.style.background="skyblue"; this.style.hei...
2019-12-26 20:39:37
139
原创 报错
Cannot set property 'src' of null at HTMLButtonElement.btnObj.onclick 查看 : 谁调用了src ? 去看调用者 . 原因 : 调用者为null. 说明节点未找到 解决 : 查看单词, 检查id名是否存在, 设置...
2019-12-25 22:28:25
136
原创 indexOf()和replace（）
把字符串中所有的s替换成"哈哈" 通过遍历的替换：var a="abaasdffggghhjjkkgfddsssss3444343"; while (a.indexOf("s")!=-1) { a=a.replace("s","哈哈") } console.log(a)
2019-12-24 21:25:20
138
原创 求一个数的阶乘
function ff() { console.log("ok"); } function getProduct(num) { var product = 1; for(var i = 1; i <=num ; i++){ product *= i; } return ...
2019-12-22 19:14:49
160
原创 用函数计算圆的面积
> function f1(r) {> var l= Math.PI*r*r;> return alert(l); } > console.log(f1(prompt("输入圆的半径")));
2019-12-22 19:12:09
4790
原创 用函数判断一个数是不是质数
function f1(n) { for (var i=2;i<n;i++){ if (n%i===0){ return "不是质数"; } } return "是质数"; } console.log(f1())//f1()里面输入要判断的...
2019-12-19 18:15:06
1378
原创 JS是什么？
JavaScript:简称js是一门脚本语言：不需要编译直接执行是一门解释性语言：在运行代码时，将程序直接翻译成机器语言是一门动态语言：？是一门基于对象的语言：？js分3个部分：1.ECMAScript标准 ====js基本语法2.DOM ====document object Model 文本对象模型3.BIM ====Browser Object Mo...
2019-12-18 22:02:25
1490
原创 行类元素、块级元素和行内快标签
块级元素：1.width默认是100%，独占一行2.可以设置宽高3.margin值，padding值生效4.容纳任何其他元素，除p标签，尽量不要在p标签中放置快级元素例如：div p ui li h1-h6 ol dl dd dt行内元素：1.宽高由内容撑开，依次排列可以同行显示2.设置的宽高不生效3.margin水平方向生效，垂直方向不生效4.只能容纳其他行内元素，除a标签，...
2019-12-16 22:38:59
531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人