- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue项目 npm i的时候报错4058
项目中使用vue-element-admin，当把代码分给我，我npm i的时候，开始开始报错当时我去下载了git安装之后依然报错，这时我开始了我的百度之旅解决方法：删除 package-lock.josn 和 node_modules。确保没有其他 node.js 进程正在运行（检查任务管理器）npm install再次尝试运行。如果所有其他方法都失败，请重新启动计算机。现在错误变成了解决方法：git config --global url."https://".insteadOf
2021-08-04 10:25:49
762
原创 css设置英文数字汉字超出部分使用省略号
css设置英文数字汉字超出部分使用省略号在一行显示，超出部分省略号 white-space: nowrap; //不换行 text-overflow: ellipsis;//超出部分使用省略号 overflow: hidden; //超出部分隐藏 word-break: break-all;//设置英文，数字不换行显示两行，超出部分省略号 text-overflow: -o-ellipsis-lastline; //超出部分使用省略号 overf
2021-04-26 18:04:52
731
原创 异步之回调
单线程 : js同步:会出现阻塞,一个时间只有一个任务执行,需等待返回结果异步 :不会出现阻塞,一个时间可以执行多个任务,不用等结果返回多线程:java语言同步:每一个任务分配一个空间,然后执行,同时多个任务可以划分多个空间,同时执行任务池异步多线程任务要先放到任务池,等要执行的代码执行完,等主线程空闲下来,再找任务池中的执行异步的发展过程第一阶段:回调代码的表现形式:嵌套 但不易于阅读const callback = () => { let result = []; req
2020-11-22 21:37:38
211
原创 使用iterator迭代器,实现for...of...遍历对象的方法
一个数据结构只要部署了Symbol.iterator属性就能使用 for…of遍历 与 …运算符 操作Object身上没有Symbol.iterator，当直接使用时会报错iterator属性是一个接口在原型上添加一个Symbol.iterator迭代器的接口,通过Symbol.iterator这个接口调用后面遍历对象的方法Object.prototype[Symbol.iterator]let obj = { a: 1, b: 2,c: 3}Object.prototype[Sy..
2020-11-22 21:34:24
430
原创 简单的多媒体设置
播放方法.play( ) videoEle.play();// videoEle获取的视频节点暂停.pause()videoEle.pause();设置视频播放声音(取值0-1,0是静音,1是最大音量) videoEle.volume = 0.5; videoEle.muted = false;// 去除静音设置时间设置(快进)videoEle.currentTime += 5;时间设置(后退)videoEle.currentTime -= 5;倍速播放playback
2020-11-08 17:54:10
239
原创 各页面数据的储存及获取
cookie 当前页面数据储存当前页面数据储存 不能大于(4k)session(会话)各个页面之间数据的存储 关闭页面数据才会删除永久存储 localStorage可以同时更改不同页面的数据sessionStorage的方法 localStorage都可以用各个页面之间数据的存储 sessionStorage设置数据 (储存数据)以key , value 的形式储存key : 名字(自己命名)value : 需要储存的数据sessionStorage.setItem("c
2020-11-08 17:45:35
917
原创 dom 获取页面标签
功能:操作html元素快速获取节点的方式根据标签名进行元素的获取由于html中可以存在多个相同的标签名的元素 , 因此接受的变量是可以储存多个数据的类数组通过下标获取具体内容.getElementsByTagName("");let ulele =document.getElementsByTagName("ul")[0];console.log(ulele);let ulele =document.getElementsByTagName("ul");console.log(
2020-10-25 19:14:57
446
原创 执行上下文 execution context
执行上下文 : EC execution context功能:代码执行之前的准备工作,确定当前环境下变量的取值变量提升var声明的变量(除函数内),值提升变量的声明函数提升字面量声明的函数,提升整个函数体作用域和执行上下文的区别作用域是静态的 写多少就只有多少数量执行上下文是动态的 数量不确定,数量取决与调用多少次什么是作用域链有得话就用自己的,没有就找声明地方的上面有没有当前作用域下有就改自己,没有就找上面有没有,有的话就改上面,没有就自己声明执行上下文的生命周期1、
2020-10-25 19:10:30
200
原创 【数组的属性和方法】 增、删、改、查
【数组的属性和方法】数组.length (数组的属性).length数组的长度【数组的方法】 增、删、改、查在数组中添加内容在数组后添加数据 .push（可以1到多个值）,返回添加后的数组长度。例: let k = F70.push(“B”, “C”);在数组前添加数据 .unshift（可以1到多个值）,返回添加后的数组长度。例: F70.unshift(1, 2);在数组中删除数据 .pop()只能删除1个）,并返回删除的数据。例: let i = F70.pop
2020-09-13 17:48:39
199
原创 声明数组及数组的遍历
数组功能：一个标识符，存储多个数据声明数组的方式1[字面量声明]书写格式：关键字 表示符 赋值符号 中括号 分号例:let F70 = [ ] ;赋值注：每个值之间的分隔符是逗号例: F70 = [1, “ABC”, undefined, null, true];使用数组中的值数组中的每个值，都会有对应的一个下标（索引）, 可以通过下标（索引），获取数组当中的值。 下标的起始值是0 ,因此数组中第一个值的下标为0，第二个值的下标为1，以此
2020-09-13 16:38:29
249
原创 js数组--集合
数组-集合一个标识符,可以存储多个数据，数据不能重复。集合-Set (去重)Set里面不会出现重复的数据,一旦往内添加数据时,Set内是有的,它自动就不会往内添加集合赋值标识符 . add集合与数组的区别集合的内容具有唯一性(全等匹配)声明集合 构造函数 let F70 = new Set(F71);集合的方法和属性 .size属性size书写格式： 集合.size功能：输出集合存储数据的个数例:let F70 = new Set ( [1, 2, 3] )
2020-09-13 16:14:35
619
原创 初认识条件分支语句
条件分支语句标题【单分支】功能：当条件为真执行打括号里的代码块，反之不执行。书写格式： if (判断条件) { 代码块； }[双分支]功能:条件为真执行if的代码块，条件为假执行else的代码块书写格式： if (条件) {代码块} else{代码块}[多分支]书写格式：功能:【作用域】 变量可使用的范围[全局作用域][局部作用域]注：【switch语句】特点:使用场景：功能选项书写格式：标题【单分支】功能：当条件为真执行打括号里的代码块，反之不执行。书写格式： if (判断条件) { 代码块
2020-09-06 15:35:08
248
原创 css实现鼠标放上去文字下划线从中间向两边散开
<ul> <li>第一阶段</li> <li>第二阶段</li> <li>第三阶段</li> </ul> <style> ul li { width: 150px; text-align: center; list-style: no...
2020-08-16 17:13:21
796
原创 纯css实现轮播图动画
<div> <img src="./img/watch_bj.jpg" alt=""> <img src="./img/watch_bj02.jpg" alt=""> <img src="./img/watch_bj03.jpg" alt=""> <img src="./img/watch_bj04.jpg" alt=""> <img src="./img/wat
2020-08-16 17:00:21
291
原创 认识简单动画
动画动画过度 transition在我们规定的时间内,从一个值变化到另外一个值.并非所有属性都支持过度,通常尺寸、颜色、透明度都支持盒子变形 transformskew 倾斜取值:角度deg,角度可以是正值也可以是负值(倾斜方向)例:skew(-45deg)scale 缩放比例1:不变小于1:缩小大于1:放大rotate 旋转 rotateZ 以z轴进行旋转,正值顺时针,负值逆时针 rotateX 以x进行旋转rotate 取值:0开始transl
2020-08-16 16:53:31
104
原创 FLEX弹性布局认识
flex布局容器和项目(父子级)容器display设置为flex，则当前标签为容器，子元素为项目功能:所有子元素在一行显示项目flex-grow放大 (默认值为0)计算方式获取项目的剩余空间获取所有项目设置了flex-grow的份数之和剩余空间 / flex-grow的份数之和=每一份的值按照份数，分给相应的项目flex-shrink缩小(默认值是0)计算方式不想缩小取值为0获取项目的超出尺寸获取所有项目设置了flex-shrink的份数之和超出尺寸 / f
2020-08-09 17:48:18
201
原创 选择器的认识和运用
选择器基础选择器元素选择器书写格式:元素名{/声明块/}适用范围:只要选择了这个元素可改变此类元素样式类选择器书写格式: . 类名{/声明块/}适用范围:所有class属性值相同的标签(class书写在html中要选中的开始标签内)ID选择器书写格式: #id值{/声明块/}在同一个HTML页面中，元素的id值必须唯一通配符选择器书写格式:*元素名{声明块}适用范围:所有元素组合选择器，并列选择器书写格式: . 类名{/声明块/} ,元素
2020-08-09 16:19:14
163
原创 认识语义化标签
html5语义化标签语义化结构元素的好处:使结构更清晰，易分辨,更好实现CEO(搜索引擎优化)并且可被特殊设备读取1、header表示页面或某个区域的头部2、nav导航栏aside用于表示跟周围主题相关的附加信息(当做广告时代码放在body结束标签最近的位置)4、article表示文章或其他可独立的,完整的页面存在的内容5、section用于表示一个整体的一部分主题6、footer用于表示页面或某个区域的脚注7、a超链接标签,它还可以通过添加属性来实现
2020-08-09 14:58:39
127
原创 0基础初识html
初识htmlhtmlheadbodyhtml1、html全称:hypertext markup language(超文本标记语言)定义文档的内容结构（如:标题、图片、文字、段落等）2、html文档格式： html 或 htm一个完整的文件： index . html快捷键: shift+!一个html文档由大量元素组成headhead:文档头,是所有头部元素的容器,对当前页面的描述1、 <!DOCTYPE html>：定义文档类
2020-08-02 16:42:14
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人