- 博客(33)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Es6对象操作
1.分别获取对象的key value、key+value2、对象合并用于对象的合并，Object.assign()如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性...
2022-04-29 17:53:53
403
原创 JavaScript防抖与节流
防抖与节流<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body>...
2020-08-05 05:09:55
160
原创 es6 数据结构Set()
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><s...
2020-08-05 05:03:31
164
原创 es6 数据结构Set()
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><s...
2020-08-05 05:02:49
151
原创 es6 内置对象扩展rest, Arry 扩展方法Array.from(),find(), findIndex(),includes()
1.es6内置对象扩展rest实参2. Arry扩展方法 （1）构造函数方法:Array.from() （2）find() （3）findIndex() （4）includes()<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=devic...
2020-08-05 04:59:43
170
原创 javascript数组去重
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></head><body><s...
2020-08-05 04:46:34
102
原创 js，javascript作用域, 全局局部作用域， 全局变量和局部变量, 块级作用域， 作用域链
1.javaScript作用域2.全局作用域（函数作用域）局部作用域（函数作用域）3.全局变量和局部变量4.块级作用域5.作用域链</head><body><script>//1.javaScript作用域:就是代码名字(变量)在某个范围内起作用和效果，//目的就是为了提高程序的可靠性更重要的是减少命名冲突 //2.js的作用域es6之前：全局作用域局部作用域...
2020-08-05 04:40:08
275
原创 CSS3 transition过渡，transform2D移动 translate 旋转 rotate 缩放 scalse， animation动画，.transform: translate3d详解
filter:函数()<title>Document</title><style>img{filter:blur(5px);}img:hover{filter:blur(0);}</style></head><body><!--filt...
2020-08-05 03:45:59
1581
原创 git提交到码云
日常代码一般提交到github比较多，码云是中文版的代码托管的网站，打开网速问题比github快，使用也蛮方便的，日常自己保存托管代码已经足够，平时使用git提交代码到码云是非常方便的，具体也就一下几个步骤：1、注册码云账号，建立仓库。2、安装git，一定要记得给git增加用户名跟邮箱3.任意新建一个文件留着放码云clone出来的文件或取代新建的文件4、从码云中clone代码出来。6、修改文件或者直接上传文件。7、查看修改状态...
2020-07-27 20:17:07
127
原创 var,let ,const的区别详解
<inputtype="text"placeholder="技术蛋老师"><button>发表评论</button><div></div><script>vartext=document.querySelector("input[type='text']");varbutton=document.querySelector("button")...
2020-07-23 14:30:51
545
原创 this的指向
this的指向//函数的不同调用方式决定了this的指向不同//1.普通函数this指向windowfunctionfn(){console.log('普通函数的this'+this);}window.fn()//window//2.对象的方法this指向的是对象ovaro={sayHi:function(){console.log('对象方法的this:'+this);}}o.sayHi()...
2020-07-22 17:31:28
80
原创 构造函数，原型对象prototype，对象原型__pro__，原型链，成员查找机制，原型对象this指向，构造函数继承属性，原型对象继承方法详解
<!--创建对象可以通过以下三个方法--><!--1.对象字面量letobj1={}2.newOject()letobj2=newOject()3.自定义函数function函数名(){}4.构造函数构造函数用于创建某一类对象，起首字母要大写，必须要有new构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋...
2020-07-22 17:29:10
383
原创 es6箭头函数this指向问题 箭头函数与普通函数的区别
//箭头函数是没有函数体，this也不会指向本身//箭头函数不会new来创建构造函数的实例，它没有重复使用的构造能力，不能用new关键字来调用箭头函数，因此也不需要 构造原型了，不会自动生成prototype属性//箭头函数是函数表达式，而且是匿名的，所以不能为箭头函数命名 <!--普通函数function(){}箭头函数()=>{}--> <script>...
2020-07-22 10:19:32
384
原创 回调地狱 promise asnc await处理异步过程
//1.指定回调函数的方式更加灵活//旧的：必须在启动异步任务前指定//promise：启动异步任务=>返回promise对象=>给对象绑定回调函数(可以在异步任务结束后指定)//2.支持链式调用，可以解决回调地狱问题//什么是回调地狱？回调函数嵌套调用，外部回调函数异步执行的结果是嵌套的回调函数执行的条件//回调地狱的缺点:不便于阅读/不便于异常处理//解决方案?promise链式调用//最终解决方案?async/await...
2020-07-21 01:57:50
162
原创 promise关于宏任务和微任务
转载：https://blog.csdn.net/jiaojsun/article/details/95035626?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecas...
2020-07-21 01:50:28
3568
原创 foreach, map,filter,reduce,some,every
<script>//forEach方法最大的好处就是便于使用,而且不用定义额外的参数变量，//但是从效率及性能角度来说它是劣于原始for循环的,而且也不能强制return结束循环vara=[1,2,3];a.forEach(function(value,key,arr){console.log(value)//1,2,3console.log(key)//0,1,2...
2020-07-17 23:37:02
147
原创 Es6 call(),apply(),bind()
callapplybind总结相同点:都可以改变函数内部的this指向区别点:1.call和apply会调用函数，并且改变函数内部this指向2.call和apply传递的参数不一样，call传递参数aru1,aru2...形式apply必须是数组形式3.bind不会调用函数，可以改变函数内部this指向主要应用场景1.call经常做继承2.apply经常跟数组又关系，比如借助于数学对象实现数组最大值最小值3.bind不调用函数，但是还想改变this指向，比如改变定...
2020-07-17 18:24:57
566
原创 浅拷贝和深拷贝
https://www.jianshu.com/p/1c142ec2ca45转载（这个写的比较全面）<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document&l...
2020-07-17 14:58:57
95
原创 js常见的内置错误
// 常见的内置错误// 1.ReferenceError:应用的变量不存在//console.log(a)//ReferenceError:aisnotdefined//console.log('------')//没有捕获error,下面的代码不会执行// 2.TypeError:数据类型不正确的错误//letb//console.log(b.xxx)//TypeError:Cannotreadpropery'xxx'ofunderfine...
2020-07-12 08:58:38
181
原创 js回调函数 js异步同步回调问题
回调函数就是作为参数传递给另一个函数的函数被称为回调函数//一个函数只作一件事情//count高阶函数//plusNumber() callback()回调函数functioncount(number,callback){returncallback(number)}functionplusNumber(){returnnumber-1}count(10,plusNumber) //9//匿名回调函数（map里面的函数)con...
2020-07-11 21:05:12
505
原创 node创建，get,post
在node创建服务器的时候，客户端向服务器端发送请求，有时需要携带一些客户信息，比如登录操作。客户信息需要通过参数的形式传递到服务器端。因此向服务器传递请求参数，有两种方式。GET传参参数被放置在地址栏中，格式为：name=zhangsan&age=20例：consthttp=require("http")consturl=require("url")constapp=http.createServer()app.on("request",(req,res)=>...
2020-07-09 14:05:19
89
原创 classList.add() ,classList.contains(),classList.remove(),classList.toggle()
HTML5新增classListclassList.add(newclass);添加新的类名classList.contains(oldClassName);确定元素中是否包含指定的类名，返回值为true 、false；classList.remove( oldClassName )；移除已经存在的类名classList.toggle( className )；如果classList中存在给定的值，删除它，否则，添加它；classList.replace(...
2020-07-09 13:17:28
2409
原创 异步函数，promise到async的过程
其实用回调韩函数来解决异步处理的问题，但是回调起来是非常繁琐的const fs = require('fs')const path = require('path')// 回调地狱的问题 --> promise解决// fs.readFile(path.join(__dirname,'./1.txt'),'utf8',(err,result)=>{// console.log(result)// fs.readFile(path.join(__dirname,'./...
2020-07-06 14:36:47
123
原创 常用得位置属性clientWidth，clientHight,offsetLeft,offsetTop和滚动scrollTop,scrollLeftt
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>*{margin:0px;padding:0px;}div{...
2020-06-28 09:17:00
334
原创 jQuery 内容选择器，属性和属性节点，attr()属性
冲突问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>冲突问题</title></head><body><script src="../js/jquery.js"><...
2019-09-18 23:59:00
706
原创 createElement创建元素,removeChild删除元素
createElement创建元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text" id="...
2019-07-31 17:20:57
1383
原创 childNodes，parentNode，offsetParent，firstChild，className
获取节点(包括空节点)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--dom对页面进行操作--><!...
2019-07-31 17:11:09
138
原创 js无缝滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 5px;} #div1{wi...
2019-07-30 14:10:18
75
原创 定时器
定时器的写法<script> // https://segmentfault.com/a/1190000015044298 // function show() { // alert('a') // } setInterval(function () { //匿名函数 alert('a') },1000) ...
2019-07-29 18:56:01
81
原创 json和数组得区别
json的定义<script> //JSON: JavaScript Object Notation(JavaScript 对象表示法) //JSON 是存储和交换文本信息的语法 // JSON 通常用于与服务端交换数据。 // 在接收服务器数据时一般是字符串。 var a=3; var b='abc'; var c='数字...
2019-07-25 19:22:49
502
原创 js求和,作用域，闭包，运算符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text" id="inpt"><in...
2019-07-24 19:00:08
179
原创 jquery属性操作 val（），attr()，html(), text()
JavaScript test() 方法用法:test()用来检测一个字符串是否匹配某个模式（检索字符串）<script type="text/javascript">var str = "Visit W3School";var patt1 = new RegExp("W3School");var result = patt1.test(str);document...
2019-06-15 16:15:06
688
原创 我的博客，前端The first day
俺的博客的第一天 想不到本仙女也得屁颠颠的写博客，哎，代码生涯不容易啊，搞点知识丰富自已。本仙女的前端马马虎虎的，今天分享点知识。1.什么是闭包？闭包的优缺点。说起闭包。听说很多高级应用都要依靠闭包实现，面试题中出现的概率也很高，小仙女面试挂了，也是因为不懂它是啥，，，1.要理解闭包呢，首先要理解js的全局变量和局部变量。 函数内部可以直接读取全局变量，但函...
2019-06-14 01:29:03
226
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人