m0_63973769的博客

v-show：值为true时渲染元素，值为false时隐藏元素，CSS的隐藏元素(display:none)来切换模块 具有更高的内存消耗 用于经常切换的业务。v-if： 值为true时渲染元素，值为false时隐藏元素，通过移除元素来切换模块 具有更高的渲染消耗 常用在不常切换的业务。点击按钮切换元素显示或隐藏。

class绑定：元素属性中加上 :class="" 可以绑定class类名 换成另一套样式。style绑定：元素属性中加上 :style="" 可以绑定CSS样式。

点击按钮后，msg改为666，p标签中的内容变为666。阻止默认事件：@事件名.prevent="函数/方法"@事件名.once="函数/方法"：事件只执行一次。v-on：事件名="函数/方法"语法糖：@事件名="函数/方法"点击a标签后不会跳转页面，将msg改为666。多次点击按钮，只会打印一次。

v-html 底层 xx.innerHTML=""指令：v-text 底层为 xx.innerText=""Vue中{{}}是一种插值表达式，作为js语法的执行环境。v-pre 静默(跳过编译)

2. 局部刷新 用js做网络请求 然后把请求得到的数据动态地渲染到DOM。1. 整个页面刷新 跳转到一个新的网页html。

引入node自带的模块http这个模块可以调用函数来创建后端服务器。写一个简单的http服务器。

_dirname是一个字符串,代表当前js文件所在目录的路径(绝对路径)__filename是一个字符串,代表当前js文件的路径(绝对路径)

程序执行时常常会操作页面常常引起重绘/回流频繁的重绘/回流会造成页面性能不好，页面卡顿迟缓手机发烫。回流/回档就是页面的元素排版布局数量和节点在树中位置发生了改变。重绘就是按照文档树的结构重新绘制页面渲染。回流必然引起重绘但是重绘不一定引起回流。...

事件代理网页设计中的一种设计思想利用事件对象中引用的目标对象这个技术来实现的,无论事件触发时是不是目标对象的监听器在监听器内部的事件对象event中都可以访问这个事件的目标对象利用这个特点去绑定事件给父级元素来代理子级元素的业务。addEventListener第三个参数true就是捕获阶段触发false是冒泡阶段触发(默认是冒泡阶段触发)要阻止事件传递唯一方式就是阻止事件冒泡事件对象调用stopPropagation()阻止系统默认事件preventDefault()...

el.scrollHeight盒子的实际高度(包括滚动条不可见部分，不包括边框线)el.scrollWidth盒子的实际宽度(包括滚动条不可见部分，不包括边框线)el.offsetHeight本身高度+边框线+上下内边距。el.offsetWidth本身宽度+边框线+左右内边距。el.clientHeight本身的高度+上下内边距。el.clientWidth本身的宽度+左右内边距。el.clientLeft左边框线的宽度。el.clientTop上边框线的宽度。...

7.clientXclientY返回鼠标位置相对于浏览器窗口左上角的坐标单位为px(不包括body部分)3.metaKey鼠标事件发生时是否按下windows/commond键返回一个布尔值。4.shiftKey鼠标事件发生时是否按下shift键返回一个布尔值。2.ctrlKey鼠标事件发生时是否按下ctrl键返回一个布尔值。1.altKey鼠标事件发生时是否按下alt键返回一个布尔值。事件触发时handler函数内部会传入数据(触发时的信息)...

事件元素在某种状态(浏览器实现)达成时要执行的提前设定好的程序我们称之为事件句柄。事件三要素事件源事件类型事件处理程序(handler)7.鼠标滚轮滚动时鼠标指针在被选元素内部。1.行内式标签的属性值是事件触发时的执行代码。2.移除对应元素的事件监听程序。1.行内和属性绑定的事件解绑。2.属性绑定(只能绑定一个handler)3.鼠标在被选元素内按下。4.鼠标在被选元素内松开。5.鼠标进入被选元素。6.鼠标离开被选元素。3.给元素添加一个事件监听器。......

创建元素document.createElement()这个元素是不会渲染到页面上的它不在DOM中。1.父元素删除子元素box.parentElement.removeChild(box)3.清空自己box.parentElement.innerHTML=""将元素添加到文档树x.appendChild(y)把y节点对象添加到x节点中。2.自己移除box.remove()...

lastElementChild最后一个子元素lastChild最后一个子节点。document.getElementById(查找速度最快)通过标签id获取。document.getElementsByName通过标签的name属性获取。parentElement获取父元素parentNode获取父节点。children获取子元素们childNodes获取子节点们。直接使用标签的id作为节点对象引用(不建议!获取这个元素是兄弟中的第几个。...

js是一个基于面向对象设计的单线程的静态脚本语言本质没有继承类等等语法。js没有类是原型的思想设计的类。

2.如果箭头函数的执行体只有一个表达式就是返回值那么可以省略大括号,如果箭头函数的形参只有一个可以省略参数体小括号。箭头函数varfn=(a,b)=>{};1.箭头函数的this。

Number.isNaN(x);不是NaN就返回false(没有隐式转换)6.window.isNaN(x);不是数字就返回true(有隐式转换)5.非数字转化成数字。

集合

Mapes6新出的数据容器技术(存取数据)

ES5中基本数据nullundefinednumberbooleanstring。ES6新增的基本数据Symbol它是一个内置全局函数生成一个独一无二的数据。