- 博客(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
797
原创 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
780
原创 异步之回调
单线程 : js 同步:会出现阻塞,一个时间只有一个任务执行,需等待返回结果 异步 :不会出现阻塞,一个时间可以执行多个任务,不用等结果返回 多线程:java语言 同步:每一个任务分配一个空间,然后执行,同时多个任务可以划分多个空间,同时执行 任务池 异步多线程任务要先放到任务池,等要执行的代码执行完,等主线程空闲下来,再找任务池中的执行 异步的发展过程 第一阶段:回调代码的表现形式:嵌套 但不易于阅读 const callback = () => { let result = []; req
2020-11-22 21:37:38
247
原创 使用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
459
原创 简单的多媒体设置
播放方法 .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
279
原创 各页面数据的储存及获取
cookie 当前页面数据储存 当前页面数据储存 不能大于(4k) session(会话) 各个页面之间数据的存储 关闭页面数据才会删除 永久存储 localStorage 可以同时更改不同页面的数据 sessionStorage的方法 localStorage都可以用 各个页面之间数据的存储 sessionStorage 设置数据 (储存数据) 以key , value 的形式储存 key : 名字(自己命名) value : 需要储存的数据 sessionStorage.setItem("c
2020-11-08 17:45:35
971
原创 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
478
原创 执行上下文 execution context
执行上下文 : EC execution context 功能:代码执行之前的准备工作,确定当前环境下变量的取值 变量提升 var声明的变量(除函数内),值提升变量的声明 函数提升 字面量声明的函数,提升整个函数体 作用域和执行上下文的区别 作用域是静态的 写多少就只有多少数量 执行上下文是动态的 数量不确定,数量取决与调用多少次 什么是作用域链 有得话就用自己的,没有就找声明地方的上面有没有 当前作用域下有就改自己,没有就找上面有没有,有的话就改上面,没有就自己声明 执行上下文的生命周期 1、
2020-10-25 19:10:30
235
原创 【数组的属性和方法】 增、删、改、查
【数组的属性和方法】 数组.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
242
原创 声明数组及数组的遍历
数组 功能：一个标识符，存储多个数据 声明数组的方式1 [字面量声明] 书写格式：关键字 表示符 赋值符号 中括号 分号 例: let F70 = [ ] ; 赋值 注：每个值之间的分隔符是逗号 例: F70 = [1, “ABC”, undefined, null, true]; 使用数组中的值 数组中的每个值，都会有对应的一个下标（索引）, 可以通过下标（索引），获取数组当中的值。 下标的起始值是0 ,因此数组中第一个值的下标为0，第二个值的下标为1，以此
2020-09-13 16:38:29
267
原创 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
654
原创 初认识条件分支语句
条件分支语句标题【单分支】功能：当条件为真执行打括号里的代码块，反之不执行。书写格式： if (判断条件) { 代码块； }[双分支]功能:条件为真执行if的代码块，条件为假执行else的代码块书写格式： if (条件) {代码块} else{代码块}[多分支]书写格式：功能:【作用域】 变量可使用的范围[全局作用域][局部作用域]注：【switch语句】特点:使用场景：功能选项书写格式： 标题【单分支】 功能：当条件为真执行打括号里的代码块，反之不执行。 书写格式： if (判断条件) { 代码块
2020-09-06 15:35:08
266
原创 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
843
原创 纯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
303
原创 认识简单动画
动画 动画过度 transition 在我们规定的时间内,从一个值变化到另外一个值. 并非所有属性都支持过度,通常尺寸、颜色、透明度都支持 盒子变形 transform skew 倾斜 取值:角度deg,角度可以是正值也可以是负值(倾斜方向) 例:skew(-45deg) scale 缩放比例 1:不变 小于1:缩小 大于1:放大 rotate 旋转 rotateZ 以z轴进行旋转,正值顺时针,负值逆时针 rotateX 以x进行旋转 rotate 取值:0开始 transl
2020-08-16 16:53:31
112
原创 FLEX弹性布局认识
flex布局 容器和项目(父子级) 容器 display设置为flex，则当前标签为容器，子元素为项目 功能:所有子元素在一行显示 项目 flex-grow放大 (默认值为0) 计算方式 获取项目的剩余空间 获取所有项目设置了flex-grow的份数之和 剩余空间 / flex-grow的份数之和=每一份的值 按照份数，分给相应的项目 flex-shrink缩小(默认值是0) 计算方式 不想缩小取值为0 获取项目的超出尺寸 获取所有项目设置了flex-shrink的份数之和 超出尺寸 / f
2020-08-09 17:48:18
216
原创 选择器的认识和运用
选择器 基础选择器 元素选择器 书写格式:元素名{/声明块/} 适用范围:只要选择了这个元素可改变此类元素样式 类选择器 书写格式: . 类名{/声明块/} 适用范围:所有class属性值相同的标签(class书写在html中要选中的开始标签内) ID选择器 书写格式: #id值{/声明块/} 在同一个HTML页面中，元素的id值必须唯一 通配符选择器 书写格式:*元素名{声明块} 适用范围:所有元素 组合选择器，并列选择器 书写格式: . 类名{/声明块/} ,元素
2020-08-09 16:19:14
178
原创 认识语义化标签
html5语义化标签 语义化结构元素的好处:使结构更清晰，易分辨,更好实现CEO(搜索引擎优化)并且可被特殊设备读取 1、header 表示页面或某个区域的头部 2、nav 导航栏 aside 用于表示跟周围主题相关的附加信息(当做广告时代码放在body结束标签最近的位置) 4、article 表示文章或其他可独立的,完整的页面存在的内容 5、section 用于表示一个整体的一部分主题 6、footer 用于表示页面或某个区域的脚注 7、a 超链接标签,它还可以通过添加属性来实现
2020-08-09 14:58:39
137
原创 0基础初识html
初识htmlhtmlheadbody html 1、html全称:hypertext markup language(超文本标记语言) 定义文档的内容结构（如:标题、图片、文字、段落等） 2、html文档格式： html 或 htm 一个完整的文件： index . html 快捷键: shift+! 一个html文档由大量元素组成 head head:文档头,是所有头部元素的容器,对当前页面的描述 1、 <!DOCTYPE html>：定义文档类
2020-08-02 16:42:14
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人