- 博客(64)
- 收藏
- 关注
转载 async/await介绍
1. 基于Promise的async/awaitasync/await缺一不可,他们的出生是为Promise服务的。可以说async/await是Promise的进化版。为什么要有async/await缺一不可,他们的出生是为Promise服务的。可以说async/await是Promise的进化版。**存在呢?async/await 的目的是简化使用多个 promise 时的同步行为,并对一组 Promise执行某些操作。为了解决大量复杂不易读的Promise异步的问题,才出现的改良版。那么先说
2022-01-17 17:35:41 668
原创 elementUI进度条默认背景色修改
方法:sass:.el-progress /deep/ path:first-child { stroke: rgba(251, 254, 255, 0.12);}其他:.el-progress >>> path:first-child { stroke: rgba(251, 254, 255, 0.12);}图片:
2020-12-09 16:01:46 2493
原创 git:git push 本地文件 报错 [rejected] master -> master (non-fast-forward) error:failed to push som refs..
在执行命令:git push origin master 时报错! [rejected] wwyth-v1.3.4 -> wwyth-v1.3.4 (non-fast forward)error:failed to push som refs to…在网上找了几种方法尝试解决:1、将远程仓库 Github 上的文件拉下来合并之后重新推送上去执行: git pull origin wwyth-v1.3.4再执行:git push origin wwyth-v1.3.4但还是出现一样的
2020-11-05 17:24:07 519
原创 vue-cli 3.0搭建问题 (用yarn搭建)
yarn错误The engine “node” is incompatible with this module用yarn 来搭建脚手架: yarn global add @vue/cli报错信息:解决方法: yarn config set ignore-engines true
2020-08-18 16:28:58 529
转载 JS数组中对象根据id相同做去重
const data = [ { id: 1, name: ‘张三’, age: 15, }, { id: 2, name: ‘John’, age: 18, }, &n...
2019-07-25 10:46:26 4651
原创 详解jquery节点操作
1. 节点创建 js 原生 DOM: var div = document.createElement("div"); jquery: var div = $("<div></div>")2. 属性操作 js 原生属性操作 setAttribute //设置属性 getAttrib...
2019-07-25 09:39:00 232
原创 jquery中的知识点
一、jquery的简介和安装js原生:不使用任何框架 (库),全部使用系统提供的 js 属性与方法 (API) 进行编程的方式 应用 程序 接口API (Appliction Program Interface):应用程序编程接口 是一些事先预定义的的函数,目的是提供应用程序与开发人员, 基于某一个软件可以访问的一系列功能的能力,无需访问源...
2019-07-25 09:37:39 120
原创 jquery中的选择器
一、选择器1. 过滤选择器 1) 基本过滤选择器 :first 选取第一个元素 单个元素 eg:$("div:first") 获取页面中第一个 div 元素 :last 选取最后一个元素 单个元素 eg:$("div:last") 获取页面中最后一个 div :n...
2019-07-25 09:36:34 209
原创 JS中的拖拽
一、类名处理元素添加类名: dom.className = "a,b,c" dom.setAttribute = ("class",a,b,c)获取类名列表 dom.classList box.classList.remove("b"); box.classList.add("c");二、jquery1. jquer拖拽 $("#box p...
2019-07-25 09:35:34 159
原创 JS中的作用域和作用域链
一、变量的作用域 在JS中只存在函数作用域不存在块作用域 当前作用于里面没有变量就找上一个作用域里的变量 var a,b; function fn() { console.log(a);//undefined 当前作用域里面有变量a所以就用当前作用域里的变量a 因为变量提升只提升...
2019-07-25 09:34:15 101
原创 JS中的正则方法
正则方法一、 exec 正则表达式的方法,使用正则对象调用 用于匹配字符串,只能匹配到第一个出现的字符串 var str = "sdfdsfadaffcvsadddsfkhk:hm;abcrr"; var reg = /abc/g; var reg1 = ne...
2019-07-25 09:32:30 263
原创 JS中的运算符
运算符优先级:运算符中的优先级决定了表达式中运算执行的先后顺序优先级大的运算符最先被执行*()>i++>++i(!)>*,/,%>+,->比较运算符>赋值运算符>&&>||>条件运算符赋值后置的a++的优先级大于前置的++a;1.算数运算符: +,-,*,/,%,();* 元素运算顺序: 有括号的先算小括号,没括...
2019-07-25 09:30:30 112
原创 JS中的循环
一、else :多重条件语句 只会执行第一个条件语句语法: if (判断条件) { 条件成立要执行的代码 } else { 条件不成立要执行的代码 }二、itch:条件匹配 语法: switch(需要匹配的内容) { case 1:情况一 如果匹配是1就要执行代码 break: 停止打断执行,(不能省略) ......
2019-07-25 09:28:43 252
原创 JS中的匿名函数
匿名函数一、没有名字的函数function name() {}function() {}二、函数的匿名声明: var fun = function() {} fun();三、元素添加事件: div.onclick = function() {}四、定时器: setInterv...
2019-07-25 09:19:15 180
原创 JS中的内存
一、什么时候会产生null和undefined? 1. undefined是基本数据类型,只有一个值: undefined。当声明变量未赋值的时候,变量就会被默认为undefined。 2. null也是基本数据类型,也只有一个值: null。表示不存在的对象,常用来表示函数试图返回一个不存在的对象。二、内存 ![在这里插入图片描述](https://img-blog....
2019-07-25 09:16:46 434
原创 JS中的面向对象(原型)
1. 原型的定义 prototype:在js中,任何一个函数都有一个prototype属性, 指向一个对象,这个对象是空对象,类型是prototype 原型的作用:对于普通函数来说,原型没有任何意义,但是对于构造函数,原型非常非常重要 构造函数 -- 原型 -- 实例对象 关系见案例 笔记见案例 prototype;一定是函...
2019-07-25 09:14:22 298
原创 JS中的继承
一、继承1. JS 中没有继承的概念,我们只能使用原型链模拟继承 一个类People: 人类 人类的方法属性: 姓名 性别 年龄 吃 睡 好人类:helpother , kindHeard 坏人类:bitOther , heard 人类是好人类与坏人的交集,不是并集好人与坏人都继承了人类,但是丰富了人类 我们可以创建人类,让拥有人类特点的人...
2019-07-25 09:12:31 92
原创 JS中的回调函数和闭包
一、 回调函数1. 一般在异步操作中,当异步操作结束,需要回到主线程做点事情,需要用到回调函数2. 经常应用在书写类或者矿建等公用性比较高的模块3. 回调函数就是将函数作为参数使用,作为函数参数的函数就是回调函数二、闭包1. 变量的作用域:全局变量和局部变量 1)全局变量在当前全局可以到处调用,但是局部变量只能在局部调用 2)函数能够分离出一个独立的作用域 3)函数内部声明的变量...
2019-07-22 11:11:01 1248
原创 JS中的函数嵌套
function fn() { fn1(); console.log("我是fn函数");}function fn1(){ console.log("我是fn1函数");}fn();
2019-07-22 10:59:58 1622 1
原创 JS中函数的callee属性
一、caller: 返回对现有函数的引用者/调用者 使用语法: 函数名.caller(返回对现有函数的引用者); 前提: 只有函数执行时才会有用 outFn(); function outFn() { inFn(); console.log("我是第一个函数"); } function inFn() { ...
2019-07-22 10:55:31 1632
原创 JS中的函数
一、函数1.函数的概念: 是事件驱动,调用执行的,可重复使用的代码块。 在实际开发中如果出现大量重复性代码,就要考虑将这些代码封装成一个函数, 在需要相同的功能时,只需要调用这个函数。2.函数的使用方法: 函数的使用包含两个步骤: 1) 函数的定义: 语法 ...
2019-07-22 10:52:20 98
原创 JS中的构造函数
构造函数创造对象的函数就是构造函数使用 new 运算符,调用构造函数,可以实例化对象1. 我们见过的构造函数 Date Object Array String Number RegExp …… new Date(); new Object() var date = new Date() 构造函数,构造对象,js规定,一个函数可以使用new运算符来调用,...
2019-07-22 10:49:58 151
原创 JS函数中的参数
一、函数参数: 概念: 是函数内部跟函数外部沟通的桥梁。 形参: 定义函数时的参数为形参。 实参: 调用函数时实际传递出去的参数为实参。 is not defined:为声明是一个错误(既没有var声明也没有赋值)。 undefined: 表示没有定义完成(变量只有var声明没有赋值)。二、多个参数要用","隔开。 2.定义函数的时候不需要指定形...
2019-07-22 10:48:26 3240 1
原创 JS中的变量和数据类型
一、变量: 是存储信息的容器(JS的变量名是区分大小写的)。二、变量的声明提前:在定义变量的时候,变量的声明部分会提升到当前作用域的最前面,而赋值部分不会提升。三、数据类型:JS数据类型两大类: 1.基本数据类型 (原始数据类型); 2.引用数据类型。1.基本数据类型有5种:Number(数字) String(字符串) Boolean(布尔) Null(空) Undef...
2019-07-22 10:42:14 172
原创 JS中的return
1.return: 返回返回给谁?谁调用函数,return就把结果返回给谁2.return作用:将函数处理的结果通过return返回给函数的调用者使用return注意事项: 1. 函数可以没有返回值(也就是可以没有return) 如果有只能有一个return。 2. 在程序执行过程中见到return就返回,不会继续执行return后面的代码。3.函数的...
2019-07-22 10:35:58 261
原创 DOM和BOM
JavaScript的实现包括以下3个部分:1)核心(ECMAScript):描述了JS的语法和基本对象。2)文档对象模型 (DOM):处理网页内容的方法和接口3)浏览器对象模型(BOM):与浏览器交互的方法和接口1. DOM 是 W3C的标准;[所有浏览器公共遵守的标准]2. BOM 是 各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同3....
2019-07-22 10:34:09 108
原创 JS简介
一、JavaScript(简称JS)是什么?1.直译式脚本语言二、优势1,JavaScript是互联网最流行的脚本语言;2,轻量级的编程语言;3,是插入HTML页面后,可以由所有的现代浏览器执行。特点:直译式脚本语言: (代码不需要预编译,而是在程序运行的时候逐行进行解释)。JS: 是一种动态类型,弱类型,基于原型的语言。浏览器内核中的JS引擎: 就是JS的解释器。三、为什...
2019-07-22 10:31:28 152
原创 CSS自定义字体
一、定义字体 css: 允许自定义字体库的一个属性 @font-face: 自定义字体信息 format: 指定自定义的字体的格式 指定字体的路径和字体格式: src:url("fonts/icomoon.eot");二、常见的字体格式:format括号里要写的东西 eot: 兼容IE4以上的字体格式 turetype: (.ttf)格式 IE9以...
2019-07-15 14:17:26 401
原创 HTML元素的隐藏方式
一、元素的隐藏方式:1.display:none; 特点: 真正的隐藏元素。 (1) 将元素的display属性设置为none能够确保元素不可见; (2) 使用这个属性,被隐藏元素不占用任何空间; (3) 使用display:none隐藏元素,不能直接跟用户进行交互操作 (另外,使用读屏软件也不能读取到元素的内容,这...
2019-07-15 14:16:06 26673
原创 CSS伪元素
一、伪元素或者伪选择器有两个:before(在什么之前), after(在什么之后)二、作用: before:在某个元素前或后面插入一个元素可以使用content属性来指定添加的元素的内容。 after:会在内容之后添加一个元素再添加的元素中我们可以使用content属性来指定添加的元素的内容。...
2019-07-15 14:11:15 72
原创 CSS选择器与动态伪类选择器
一、动态伪类选择器(多用于用户和网站交互的时候):1.link:链接没有被访问时候的状态2.visited:链接被访问后的状态3.hover:鼠标放到连接上时的状态4.active:鼠标激活链接时的状态二、语法:选择器名:+动态伪类{} a:link{ color:red; } a:visited{ color:blue; ...
2019-07-15 14:08:26 435
原创 网站标题上logo
网站标题上logo<head> <meta charset="UTF-8"> <title>百度一下,你就知道</title> 网站标题上log支持图片格式为.ico link:链接 rel:指当前文档与被链接文档的关系 stylesheet:外部样式表 type:类型 <li...
2019-07-15 14:06:02 603
原创 常见的浏览器内核
浏览器内核: 分为两部分1.渲染引擎;2.JS引擎。按照内核分类可以主要分为5大类:1)Trident内核 (IE内核): 代表IE,因为IE是捆绑在Windows中, 所以有很高的市场占有率 (不开源);2)Gecko内核: 代表是Firefox (开源); 优势: 跨平台。3)Mozilla: ( 网景公司跟微软竞争推出 (第一次浏览器大战) );...
2019-07-12 09:47:48 100
原创 链接CSS
链接外部的CSS文件有两种方式: 1.link标签; 2.@import属性。共同点: 都可以链接外部的CSS文件。不同点: 1.link: 是标签, @import: 属性。 2.link标签只能在HTML文件中的head标签中利用href属性引入外部CSS文件, 而@import可以在HTML文件的style标签中当作style的属性, ...
2019-07-12 09:46:41 322
原创 HTML框架
一、为何不推荐使用frameset框架:1.对搜索引擎不友善 (当搜索页面时只会搜索到frameset这个框架,底层的都搜索不到);2.用户体验不好,各个浏览器有差别。二、iframe优缺点:优点: 1.程序插入静态页面比较方便; 2.页面跟程序分离。缺点: 1.由于需要外链接文件(脚本样式),所以会增加请求; 2.会阻塞页面加载。三...
2019-07-12 09:45:23 77
原创 HTML中的块元素和行内元素
块元素: 1)address:地址 2)div:常用标签 3)dl:自定义列表 4)h1~h6:标题标签 5)ul:无序列表 6) ol:有序列表 7)p:段落 8)hr:水平分割线 9)table:表格 10)form:表单 11)pre:格式化标签行内元素: 1)a:超链接 2...
2019-07-12 09:43:29 525
原创 常见的兼容性骇客
一、浏览器兼容性骇客: 使用目的: 保证书写的网页在不同的浏览器上都能兼容 定义: 针对不同的浏览器书写不同的HTML结构, CSS样式, 从而使浏览器达到一定的渲染效果。常见的hack: HTML hark和CSS hack。 二、HTML hack: 常见的HTML hack手段之一: 条件注释; 普通的HTML注释: <!-- 注释内容 -->...
2019-07-12 09:39:46 170
原创 常见的浏览器兼容性问题
第一类 块状元素float后,又添加了横向的margin,在IE6下比设置的值要大: 解决方案:给float标签添加display: inline 将其转换为行内元素第二类 表单元素行高不一致 解决方案: 给表单元素添加float:left 或 vertical-align:middle第三类 设置较小高度的容器,在IE6下不识别小于10px的高度 解决方案:给容器...
2019-07-12 09:35:22 94
原创 HTML盒子模型
盒子模型(框模型):1.可以HTML元素看做一个盒子,这个盒子会有宽,高,边框,内边距,外边距 组成。2.盒子模型组成:内容(content),内边距(padding),边框(border),外边距(margin)。9 margin:控制自身元素与其他元素之间的位置关系。 padding:控制自身内容与自身边框之间的距离关系。<head> <meta c...
2019-07-12 09:33:57 454 3
原创 CSS光标属性
光标: 1)cursor:pointer 小手 2)crosshair 十字架 3)move 拖拽十字架 4)text 光标 5)wait 等待 6)help 帮助 7)向东 cursor: e-resize; 8)向西 cursor: w-resize; 9)向南 cursor: s-resize; 10)向北 ...
2019-07-12 09:32:09 186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人