Vue常用指令
v-if 如果false则不挂在DOM上 v-show 无论true/false都放在都DOM上,只能隐藏 v-esle 配合v-if使用 v-for 循环 v-for="(value,index) in data" :key="index" v-bind 绑定 简写 : 绑定 v-no 监视DOM事件 简写@ <a @click.stop=…
mvvm概述
View (视图) 用户界面Model(模型) 数据ViewModel(纽带) view <---> model纽带 待完结...
Git基本操作
一、创建git本地仓库 ​ 1.初始化仓库 git init ​ 2.添加文件到仓库 git add . ​ 3.git commit -m "备注信息" 二、查看远程提交日志 ​ git log 三、把文件退回到上一个版本 ​ git reset --hard HEAD^ ​ 2.回到最新版本 ​ git reset --hard id号 ​ 3…
babel安装与使用
安装 npm install babel-preset-es2015 --save-dev npm install babel-cli -g 配置 新建文件名为 .babelrc 并配置 { "presets":[ "es2015" ], "plugins":[] } 使用 babel es6的文件夹名称 -d es5的文件夹名称
DHML模型
window代替global充当全局变量封装所有的BOM 和 DOM 的 APIhistory封装当前窗口打开后的历史记录栈location封装了当前窗口正在打开的url对象navigator封装浏览器的配置信息documentDOM元素screen封装了显示设备的信息event封装了事件对象 window对象 打开和关闭窗口 window.ope…
BOM模型
history 封装当前窗口打开后成功访问过的URL的历史记录站history.go(n) //前进 history.go(1) // 后退 history.go(-1) // 如果失效就go(-2) // 刷新 history.go(0) location 封装当前窗口正在打开的url属性 .href // 保存完整的url .protocol …
HTML DOM 对象
Image ​ 代表网页的一个img元素var img = new Image() Select/Opitons 属性.options : 获取select下所有的option对象.option.length : 表示select下option的个数.length : 可以直接获取option的个数.value :有两种情况如果选中的option没…
DOM AIP 集合
getBoundingClientRect() 该方法返回元素的大小及相对于视口的位置element.getBoundingClientRect() 持续更新中 ...
修改元素
修改内容 ​ 获取或修改html代码片段element.innerHtml获取或修改文本element.textContent去掉内嵌的子标签,只返回文字将转义字符转入正文// IE8 element.innerText 修改属性 核心DOM访问属性获取属性值var value = elem.getAttribute("属性名")修改属性值elem…
元素查找
按节点关系查找 节点树一切文本对象都是节点对象,包括空字符串父子关系 elem.parentNode // 获取父节点 elem.childNodes // 获取所有直接子节点 elem.firstChild // 获取第一个子节点 elem.lastChild // 获取最后一个子节点 兄弟关系 elem.previousSibling // 获…