- 博客(7)
- 收藏
- 关注
原创 05-节点操作
节点操作1.为什么要熟悉结点操作利用节点层级关系获取元素逻辑性更强,但是兼容性较差2.什么是节点网页中的所有内容都是节点(标签,属性,文本,注释的等),在DOM中,节点使用node表示。节点的三个基本属性nodeType(节点类型)元素节点 nodeType的值为1属性节点nodeType的值为2文本节点nodeType的值为3(包括文字,空格,换行等)nodeName(节点名称)nodeValue(节点值)3.节点层次父节点node.paren
2020-12-05 22:50:13 213
原创 04-操作元素
操作元素1.改变元素内容element.innerText属性 —可读写非标准,IE ,不识别html标签,去掉空格和换行element.innerHTML属性 —可读写 ----推荐 —可动态创建元素W3C标准,识别html标签 ,保留空格和换行<button class="btn">按我</button><div></div> var btn = document.querySelector('.btn') va
2020-12-05 22:47:23 105
原创 03-事件基础
事件基础1.事件概述事件是可以为JS侦测到的行为简单理解:触发----响应机制2.事件三要素事件源事件被触发的对象事件类型事件触发的类型事件处理程序一个函数(方法)btn.onclick = function(){ alert('你是憨憨')}//btn-->事件源//onclick-->事件类型//function(){}-->事件处理程序(这里是函数表达式,单独这样写会报错)3.执行事件的步骤获取事件源—&g
2020-12-05 22:44:27 295
原创 02-获取元素
获取元素1.通过id获取document.getElementById(字符串参数)<div id='time'> 2020-01-01</div>let timeElement = document.getElementById('time')//如果找到,就返回该元素对象,如果没有找到就返回nullconsole.dir(timeElement)//这个方法可以打印出一个对象所有的属性和方法2.根据标签名获取document.getEle
2020-12-05 22:43:18 154
原创 01-Dom简介
Dom简介1.什么是Dom?文档对象模型(document object model),是W3C组织推荐的处理可扩展标记语言(HTML/XML)的标准编程接口。使用Dom的这些接口,可以帮助改变页面的内容,结构和样式。2.Dom树文档一个页面就是一个文档,Dom中使用document表示元素页面中的所有标签都是元素,Dom中使用element表示节点网页中的所有内容都是节点 (标签,属性,文本,注释等) ,Dom中使用node表示注:Dom把以上内容都看做是对
2020-12-05 22:41:59 112
原创 v-distpicker
v-distpicker的简单安装和使用 — 一款地区选择插件1.安装(1)进入到对应的vue项目目录中,打开终端(2)输入安装指令npm install v-distpicker --save2.引用方式(二选一)(1)在main.js中引入import VDistpicker from 'v-distpicker';//引入v-distpickerVue.component('v-distpicker',VDistpicker);//全局注册v-distpicker
2020-11-10 22:47:10 2558
原创 MockJs
mockJs1.什么是mockJs生成随机数据,拦截Ajax请求2.为什么要使用mockJs原因:在实际开发当中,由于后端接口还没有完成,前端为了不影响工作效率,需要自己模拟数据后端接口返回数据解决:采用json数据模拟,生成数据比较繁琐,也比较有局限性,没办法达到增删改查采用mockJs进行数据模拟,可以模拟各种场景(get,post)生成接口,并随机生成数据,还可以进行增删改查3.使用mockJs使用vue-cli创建基本的vue项目vue create 项目名称
2020-11-08 14:05:29 443
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人