- 博客(36)
- 收藏
- 关注
RSS订阅原创 CSS3em和rem
这个是一个常见的面试题，，两个的区别em是相对于元素（自身）的字体大小来计算的 1em = 1font-size em会根据字体大小改变而改变rem是相对于根元素(html)的字体大小来计算
2021-12-15 17:49:56
222
原创 CSS3选择器伪类伪元素
网页由3个部分组成:结构HTML 表现(CSS3) 行为(JavaScript)css常用选择器:元素选择器 作用:根据标签名来选中指定的元素 语法:标签名例子: p{} h1{}id选择器 作用:根据元素的id属性值选中一个元素 语法:#id属性值门例子:#box{}类选择器 作用:根据元素的class属性值选中一组元素 语法: .class属性值通配选择器 作用:选中页面中的所有元素 语法:*{}复合...
2021-12-10 18:59:54
146
原创 vue后台管理系统的快速搭建
在项目安装element-UI或者可以输入 npm i element-ui -S 都行使用axios安装使用在全局下 main.js，使用
2021-11-16 22:03:11
774
原创 vue vue-cli创建项目 ElementUi Ego项目
创建 vue 项目 npm install -g vue-cli vue init webpack vue_demo （vue_demo项目名）cd vue_demo npm install npm run dev （下载）访问: http://localhost:8080/模板项目的结构build : webpack 相关的配置文件夹(基本不需要修改) dev-server.js : 通过 express 启动后台服务器 config: webpack 相关.
2021-11-16 14:34:53
242
原创 项目vue 创建执行步骤git
1.在gitHub创建 库 链接起来2.执行 git clone https://github.com/Aess-Zhou/xiaomagowuche.git（库的网站 在项目把src这些复制在库里面） git status查看是否有效3.执行 git add .4.git commit -m '初始化项目' （提交到本地）5. git commit -m '初始化'git remote add origin https://github.com/Aess-Z...
2021-11-16 14:32:27
106
原创 [Vue warn]: Invalid prop: type check failed for prop “defaultActive“. Expected String with value “1
报vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "defaultActive". Expected String with value "1", got Number with value 1.这个说明的是这个属性是默认是字符串类型，然后我们得到是一个数字类型data(){return{activeIndex:1 || activ...
2021-08-30 09:23:41
2674
原创 [Vue warn]: data functions should return an object:
遇见这个错误就一个，在组件里面没有写return{} 这样就会报[Vue warn]: data functions should return an object: 写上来就好
2021-08-27 17:16:43
278
原创 vue.runtime.esm.js?2b0e:619 [Vue warn]: Missing required prop: “to“found in
vue.runtime.esm.js?2b0e:619 [Vue warn]: Missing required prop: "to"found invue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeError: Cannot read property '_normalized' of undefined"TypeError: Cannot read property '_normalized' of undefined
2021-08-27 16:34:08
2145
原创 Vue全家桶
1.el 用于挂载管理的元素 2.data定义数据（组件当中必须是一个函数） 3.methods定义方法（会更新）Vue插值语法 指令(了解)1.Mustache 这个就是vue里面的大括号{{}} （可以写变量，和表达式）2.v-once指令 该指令表示元素和组件，只渲染一次，不会随数据的改变而改变(不常用)3.v-html指令 用于解析HTML代码，然后展示，把string解析渲染出来4.v-text指令 不用大括号5.v-pre ...
2021-08-20 15:52:04
137
原创 在安装时出现 ERROR command failed: yarn
之前还以为是yarn的问题，安装了又卸载，又安装解决方法：进入到Windows环境中C:/users/administrator/下有一个文件 .vuerc找到这个文件以后点击进去，把：“yarn” 改成npm就行 安装不会出错{ "useTaobaoRegistry": false, "packageManager": "yarn"}...
2021-08-05 17:15:58
2124
原创 Vue Uncaught SyntaxError: Unexpected token ‘＜‘
Uncaught SyntaxError: Unexpected token '<'报这个问题，简单一点：<scripttype="text/javascript"src="../js/vue.js"></script>导入js文件路径错了，才会报，改正确的就行2.Uncaught SyntaxError: Unexpected token ':'像这种错误，我常常犯，这个不是字符报错，而是代码数据等，没有放在new 的Vue（{.....}）对象里面，错误..
2021-08-05 17:11:18
102
原创 vue 条件渲染 列表渲染 生命周期 内置指令
1.理解 class和style的绑定cLass/style绑定就是专门用来实现动态样式效果的技术条件渲染条件渲染指令v-if v-elsev-show2.比较v-if 与v-show 如果需要频繁切换v-show较好列表渲染1.把一个数组对应为数组元素用v-for 循环遍历数组2.指令用item in items 而 item 则是被迭代的数组元素的别名<li v-for="(p,index) in persons" :key="inde...
2021-06-25 14:34:31
82
原创 常用对象和正则表达式
常用对象1.类名操作//ie10element.classList.add(className) //新增element.classList.remove(className) //删除element.classList.contains(className) //是否包含element.classList.toggle(className) //toggle class2.style操作element.style.cssText //用来读写或删除整个style属性elemen...
2021-06-24 10:43:20
256
原创 常用API 方便自己看
节点属性Node.nodeName //返回节点名称，只读Node.nodeType //返回节点类型的常数值，只读Node.nodeValue //返回Text或Comment节点的文本值，只读Node.textContent //返回当前节点和它的所有后代节点的文本内容，可读写Node.baseURI //返回当前网页的绝对路径Node.ownerDocument //返回当前节点所在的顶层文档对象，即documentNode.nextSibling //返回紧跟在...
2021-06-24 10:40:28
85
1
原创 javascript移动端特效和本地存储
触屏touch事件说明touchstart手指触摸到一个DOM元素时触发心touchmove手指在一个DOM元素上滑动时触发touchend手指从一个DOM元素上移开时触发
2021-06-07 18:48:56
107
1
原创 offset系列
offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素如果父级都没有定位则返回bodyelement.offsetTop返回元素相对带有定位父元素上方的偏移element.offsetLeft返回元素相对带有定位父元素左边框的偏移element.offsetWidth返回自身包括padding、边框、内容区的宽度，返回数值不带单位element.offsetHeight返回自身包括padding、边框、内容区的高度，返回数值不带单位...
2021-06-05 14:53:40
110
原创 BOM 定时器
BOM ( Browser Object Model )即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window.
2021-06-02 17:28:19
93
转载 tab切换
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><tit...
2021-05-28 16:04:33
57
原创 重要案例全选和取消全选 2021-05-28
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: .
2021-05-28 11:34:53
52
原创 显示隐藏文本框内容案例
显示隐藏文本框内容获得焦点onfocus 失去焦点onblur<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible...
2021-05-27 10:31:35
115
原创 操作元素 修改元素
改变元素内容element.innerText //从起始位置到终止位置的内容,但它去除html标签，同时空格和换行也会去掉element.innerHTML //起始位置到终止位苦的全部内容，包括html标签，同时保留空格和换行上代码: <button>点我有惊喜</button> <div id="bxo">每个时间</div> <p>12131</p> <script>...
2021-05-26 23:26:24
100
原创 DOM事件和执行三个步骤，鼠标事件
DOM点击事件 <button id="btn">周周</button> <script> var btn = document.getElementById('btn'); btn.onclick = function() { alert('点38号技师'); } </script>执行事件的步骤1.获取事件源⒉.注册事件（绑定事件)3.添加事件处理
2021-05-26 17:35:07
166
原创 DOM 获取元素
什么是DOM文档对象模型(Document Object Model，简称DOM)，是W3C组织推荐的处理可扩展标记语言(HTML或者XML )的标准编程接口DOM 树文档:一个页面就是一个文档，DOM中使用document表示元素:页面中的所有标签都是元素，DOM中使用element表示节点∶网页中的所有内容都是节点（板签、属性、文本、注释等），DOM中使用node表示获取元素getElementByld()方法可以获取带有ID的元素对象。getElementsByTagNam
2021-05-26 17:12:57
51
原创 简单类型 堆和栈 2021-05-26
简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。堆和栈堆栈空间分配区别∶1、栈(操作系统）︰由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈;简单数据类型存放到栈里杏2、堆(操作系统）︰存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。复杂数据类型存放到堆里面...
2021-05-26 15:30:33
44
原创 数据转换字符串 查字符串出现次数 位置返回字符串和操作方法 2021-05-26
数组转换为字符串1.toString() 2.join('任意符号')<!--查找字符串出现的次数--><script>varstr="werwrjcsxbcliaudghaildsiuhxasdsfiiii";varindex=str.indexOf('i');varnum=0;while(index!==-1){con...
2021-05-26 11:34:25
76
原创 数组去重案例 2021-05-26
<!--重要案例数组去重--><script>functionunique(arr){varnewArr=[];for(vari=0;i<arr.length;i++){if(newArr.indexOf(arr[i])===-1){newArr.push(a...
2021-05-26 09:18:08
40
原创 数组对象 创建数组两个方式 添加删除数组元素 翻转数组 冒泡排序 索引方式2021-05-25
创建数组两个方式1.var str [1,2,2];2.var str = new Array(2,3,4);等价于[2，2]添加删除数组元素方法1. push() 在数组末尾 添加一个或多个数组元素2. unshift() 在数组开头 添加一个或多个数组元素3. pop() 删除最后一个数组元素 注意:它没有参数4. shift() 删除第一个数组元素 注意:它没有参数翻转数组reverse();冒泡排序sort();注意:va...
2021-05-25 19:55:40
60
原创 时间倒计时 2021-05-25
计算秒速公式d = parselnt(总秒数/60/60/24); //计算天数h = parselnt(总秒数/60/60%24);计算小时数m = parselnt(总秒数/60 %60);计算分数s = parselnt(总秒数%60);//计算当前秒数参考:自己要多练习 <script> function countDown(time) { var nowTime = +new Date(); //返回当前时间的毫秒数.
2021-05-25 17:37:26
164
原创 Date 获取当前年月日 和获取毫秒数的方法 2021-05-25
Date获取日期格式化getFullYear() //获取当前年份getMonth()+1 、//注意:月份是从1-11返回的，所以要加1getDate() //返回当前号数getDay() //周一和周六返回的是1-6 注意:星期天返回的是0加起来就是这个样子注意:老外的星期是数字，而在这里中国显示不一样，可以使用字符串拼接 varyear=date.getFullYear();varmonth=da...
2021-05-25 11:44:48
1635
原创 2021-05-24 Math 随机数
Math 绝对值的取整方法 console.log(Math.abs(-9));//负的取正 console.log(Math.round(1.2));//1四舍五入意思就是小数点为5以下的抛弃它，5以上的就是取整为2 console.log(Math.floor(2.7));//向下取整向最小取值注意:这里负的最大是2 console.log(Math.round(2.4));//取最大值 console.log(...
2021-05-25 09:35:12
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人