笔记
全栈工程师MrL
喜欢C语言和前端
GitHub:designbyly
你所看见的一切都是我想让你看见的!
展开
-
前端面试(5)--Ajax和Jsonp跨域
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-06-16 17:35:11 · 115 阅读 · 0 评论 -
前端面试(4)--事件委派
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-06-16 17:33:40 · 114 阅读 · 0 评论 -
前端面试(3)--Jquery和Zepto
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-06-16 17:31:51 · 197 阅读 · 0 评论 -
ES6学习手册(13)
对象方法的扩展Object.is:判断两个值是否完全相等console.log(Object.is(110, 12))Object.assign:对象的合并(用于配置信息的合并) const config1 = { username: '小刘1号', password: "111111" } const config2 = { username: '小刘2号',原创 2021-05-12 14:20:51 · 84 阅读 · 0 评论 -
ES6学习手册(13)
数值扩展Number.EPSILON:是JavaScript表示的最小精度值:2.220446049250313e-16Number.isFinite:检测一个数值是否为有限数Number.isNan;检测一个数值是否为NaNNumber.parseInt Number.parseFloat:字符串转整数Number.isInteger:判断一个数是否为整数Math.trunc:将数字的小数部分抹掉Math.sign:判断一个数到底是正数,负数,还是零原创 2021-05-12 14:18:48 · 133 阅读 · 1 评论 -
ES6学习手册(12)
构造函数继承function Phone(brand, price) {this.brand = brandthis.price = price}Phone.prototype.call = (function() {console.log(‘打电话请给我’)}) function SmartPhone(brand, price, color, size) { Phone.call(this, brand, price) this.color = col原创 2021-05-12 14:17:15 · 104 阅读 · 0 评论 -
ES6学习手册(11)
Class(类)作为对象的模板,通过class关键字,可以定义类。class声明类constructor 定义构造函数初始化extends 继承父类super 调用父级构造方法static 定义静态方法和属性父类方法可以重写 class Phone { constructor(brand, price) { this.brand = brand this.price = pric原创 2021-05-12 14:13:07 · 103 阅读 · 0 评论 -
ES6学习手册(10)
Map类似于对象,也是键值对的集合。键的范围不再局限于字符串,各种类型的值(包括对象)都可以当做键。Map实现了interator接口,可以使用扩展运算符和let,of进行遍历属性和方法size 返回Map的元素个数set 增加一个新元素,返回当前Mapget 返回键名对象的键值has 检测Map中是否包含某个元素,返回boolean值clear 情况集合,返回undefineddelete 删除每日一句看的淡一点,伤的就会少一点。别等不该等的人,别伤不原创 2021-05-12 14:11:23 · 93 阅读 · 0 评论 -
ES6学习手册(9)
集合(set)类似于数组,但是成员值唯一,集合实现了iterator接口,所以可以使用扩展运算符和for,of进行遍历。集合属性和方法size 返回集合的元素个数add 增加一个新元素,返回当前集合delete 删除元素,返回booleanhas 检测集合中是否包含某个元素,返回boollean值。实战数组去重let arr = [1, 2, 3, 4, 5, 6, 7, 7, 7, 6, 5, 4, 8, 9, 0, 7, 6] let resu原创 2021-05-12 14:08:59 · 88 阅读 · 0 评论 -
ES6学习手册(8)
PromiseES6引入的异步编程的解决方案,Promise是一个构造函数,用来封装异步操作并可以获取其成功或者失败的结果Promise构造函数:Promise(excutor){}Promise.prototype.then方法Promise.prototype.catch方法实例化Promise对象 const p = new Promise(function(resolve, reject) { setTimeout(function() {原创 2021-05-11 16:18:28 · 122 阅读 · 1 评论 -
ES6学习手册(7)
生成器函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同生成器一个特殊的函数异步编程 纯回调函数 node fs ajax mongodbfunction 与 xx()加星号函数代码的分隔符 yield生成器函数的参数传递next()可以传参,参数将作为上一个yield的返回结果实例异步编程:隔秒输出值 function one() { setTimeout(() => {原创 2021-05-11 16:16:51 · 112 阅读 · 1 评论 -
ES6学习手册(6)
迭代器一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署interator接口(对象里面的属性),就可以完成遍历操作。ES6创造了一种新的遍历命令for。。。of循环,iterator接口主要供for。。。of消费。原生具备iterator接口的数据(可以用for of遍历)Array,Argument,Set,Map,String,TypedArray,NodeList工作原理创建一个指针对象,指向当前数据结构的起始位置第一次调用对象的next方法,指针自原创 2021-05-11 16:14:48 · 117 阅读 · 1 评论 -
ES6学习手册(5)
扩展运算符能将 数组 转换为逗号分隔的 参数序列。。。运算符数组的合并数组的克隆(属于浅拷贝) const xx = ['E', 'G', 'M'] console.log([...xx])将伪数组转换为真数组 const divs = document.querySelectorAll('div') console.log([...divs]) //console.log(divs)ES原创 2021-05-11 16:12:51 · 90 阅读 · 1 评论 -
ES6学习手册(4)
ES6运行给函数参数赋值初始值形参初始值,具有默认值的参数,一般位置要靠后(潜规则)与解构赋值结合ES6引入rest参数,用于获取函数的实参,用来代替arguments function date(...args) { console.log(args) } date('1', '2', '3')ES5获取实参的方式 function date() { console.log(arguments)原创 2021-05-11 16:10:00 · 89 阅读 · 0 评论 -
ES6学习手册(3)
ES6允许在大括号里面,直接写入变量和函数,作为对象的属性和方法 name, change, // name: name, // change: change // improve: function() { // console.log('来吧') // }, improve() {原创 2021-05-11 16:08:30 · 131 阅读 · 0 评论 -
ES6学习手册(2)
const定义常量一定要赋初始值一般常量使用大写常量的值不能修改块级作用域对应数组和对象的元素修改,不算做对常量的修改,不会报错解构赋值ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值数组的结构对象的解构模板字符串可以使用反引号``内容中可以直接出现换行符变量拼接let xx = ‘xx’let xxx = ${xx}是王者...原创 2021-05-11 16:06:40 · 127 阅读 · 0 评论 -
ES6学习手册(1)
ECMA介绍https://baike.baidu.com/item/%E6%AC%A7%E6%B4%B2%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%88%B6%E9%80%A0%E5%95%86%E5%8D%8F%E4%BC%9A/2052072?fromtitle=ECMA&fromid=1499618ES6版本变动内容最多加入许多新的语法特性前端发展趋势ES6兼容性https://www.caniuse.com/?search=es6let声明变量单个原创 2021-05-11 16:05:05 · 307 阅读 · 0 评论 -
jQuery学习手册(25)
jQuery学习之旅到此结束,手撕源码请等待感谢陪伴,加油每日一句原创 2021-05-11 15:58:28 · 83 阅读 · 0 评论 -
jQuery学习手册(24)
on(type,callback):注册事件注册多个相同类型事件,后注册的不会覆盖先注册的注册多个不同类型事件,后注册的不会覆盖先注册的off(type,callback):移出事件每日一句对于最有潜力的领航人风浪总是格外的汹涌。...原创 2021-05-10 11:55:22 · 680 阅读 · 0 评论 -
jQuery学习手册(23)
attr():设置或者获取元素的属性节点值prop():设置或者获取元素的属性值css():设置获取样式val():获取设置value的值hasClass():判断有没有指定类addClass():给所有元素添加指定类或所有类removeClass():清空所有元素指定类或所有类toggleClass():有则删除,没有则添加每日一句只有千锤百炼,才能成为好钢。...原创 2021-05-10 11:53:38 · 53 阅读 · 0 评论 -
jQuery学习手册(22)
DOM操作 empty:清空指定元素中的所有内容 remove:删除所有的元素或者指定元素 html:设置所有元素的内容,获取第一个元素的内容 text:设置所有元素的文本内容,获取所有元素的文本内容 appendTo:将元素添加到指定元素内部的最后 append:将元素添加到指定元素内部的最后 prependTo 将元素添加到指定元素内部的最前面 prepend:将元素添加到指定元素内部的最前面 insertAfte原创 2021-05-10 11:49:29 · 100 阅读 · 0 评论 -
jQuery学习手册(21)
入口函数传入‘ ’,null,undefined,NaN,0,false:返回空的jQuery对象字符串:代码片段:会将创建好的DOM元素存储到jQuery对象中返回选择器:会将找到的所有元素存储到jQuery对象中返回数组:会将数组中存储的元素依次存储到jQuery对象中返回除上述类型以外的:会将传入的数据存储到jQuery对象中返回伪数组和数组系统自带伪数组自定义伪数组伪数组转真数组var obj = {0: ‘la’,1: ‘wwe’,lengt原创 2021-05-10 11:46:09 · 134 阅读 · 1 评论 -
jQuery学习手册(20)
jQuery的本质是一个闭包使用闭包的原因?为了避免多个框架的冲突jQuery如何让外界访问内部定义的局部变量?window.xxx=xxxjQuery为甚要给自己传递一个window参数?为了方便后期压缩代码为了提升查找的效率jQuery为甚要给自己接收一个undefined参数?为了方便后期压缩代码IE9以下的浏览器undefined可以被修改,为了保证内部使用的undefined不被修改,所以需要接收一个正确的undefined每日一句只有经历地狱般的磨练,才能炼出创原创 2021-05-10 11:44:34 · 65 阅读 · 0 评论 -
jQuery学习手册(19)
添加节点相关方法内部插入append()appendTo()会将元素添加到指定元素的内部最后prepend()prependTo()会将元素添加到指定元素的内部最前面外部插入after()insertAfter()会将元素添加到指定元素的外部后面before()insertBefore()会将元素添加到指定元素的外部前面[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jhHucafK-1620618061555)(C:\Users\Admi原创 2021-05-10 11:42:42 · 76 阅读 · 0 评论 -
jQuery学习手册(18)
jQuery两种绑定事件的方式eventName(fn)$('button').click(function() { alert('hello word') })编码效率略高,部分事件jQuery没有实现,所以不能添加on(eventName,fn) $('button').on('click', function() { alert('helloo') })编码效率略低,所有js事件都可以添加原创 2021-05-10 11:40:22 · 104 阅读 · 1 评论 -
jQuery学习手册(17)
scrollTop()获取滚动的偏移位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-05-10 11:38:41 · 73 阅读 · 0 评论 -
jQuery学习手册(16)
offset([coordinates])作用:获取元素距离窗口的偏移位position()作用:获取元素距离定位元素的偏移位注意:position方法只能获取不能设置width()作用:获取元素的宽度每日一句你所付出的代价都比前一日高,因为你的生命又消短了一天,所以每一日你都要更用心。...原创 2021-05-10 11:35:42 · 81 阅读 · 0 评论 -
jQuery学习手册(15)
逐个设置 $('div').css('width', '100px') $('div').css('height', '100px') $('div').css('background', 'black')链式设置注意:如果大于3步,建议分开 $('div').css('width', '100px').css('height', '100px').css('background', 'black')批量设置 $('div').css({原创 2021-05-10 11:33:44 · 142 阅读 · 0 评论 -
jQuery学习手册(14)
html([val | fn])和原生的js中的innerHTML一模一样text([val | fn])和原生的JS中的innerText一模一样val([val | fn | arr])*/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g原创 2021-05-09 19:10:22 · 88 阅读 · 0 评论 -
jQuery学习手册(13)
addClass(class | fn)作用:添加一个类如果要添加多个,多个类名之间要用空格隔开removeClass([class | fn])作用:删除一个类如果要删除多个,多个类名之间要用空格隔开toggleClass(class | fn[,sw])作用:切换类有就删除,没有就添加<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me原创 2021-05-09 19:09:03 · 76 阅读 · 0 评论 -
jQuery学习手册(12)
prop方法特点和attr方法一致注意:prop方法不仅能够操作属性,它还能操作属性节点removeprop方法特点和removeAttr方法一致官方推荐在操作属性节点时,具有true和false两个属性的属性节点,如checked,selected或者disabled,使用prop(),其他的使用attr()每日一句白眼观天下,丹心报国家。——宋教仁...原创 2021-05-09 19:07:35 · 71 阅读 · 0 评论 -
jQuery学习手册(11)
attr(name | pro | key val | fn)作用:获取或者设置属性节点的值如果传递一个参数:代表获取属性节点的值如果传递两个参数,代表设置属性节点的值注意:如果是获取:无论找到多少个元素,都只会返回第一个元素指定的属性节点的值如果是设置:找到多少个元素就会设置多少个元素 如果设置的属性节点不存在,那么系统会自动新增 console.log($('span').attr('class')) $('span').原创 2021-05-09 19:06:08 · 73 阅读 · 0 评论 -
jQuery学习手册(10)
什么是属性?对象身上保存的变量就是属性如何操作属性?对象.属性名称=值对象.属性名称对象[‘属性名称’]=值对象[‘属性名称’]什么是属性节点?在编写·HTML时,在HTML标签中添加的属性就是属性节点如何操作属性节点?DOM元素.setAttribute(‘属性名称’,‘值’)DOM元素.getAttribute(‘属性名称’)属性和属性节点有什么区别?任何对象都有属性,但是只有DOM对象才有属性节点每日一句天下无纯粹之自由,亦无纯粹之不自由。——章炳麟...原创 2021-05-09 19:04:34 · 82 阅读 · 0 评论 -
jQuery学习手册(9)
jQuery 中所有选择器都以美元符号开头:$()。empty作用:找到既没有文本内容也没有子元素的指定元素parent作用:找到有文本内容或有子元素的指定元素contains(text)作用:找到包含指定文本内容的指定元素has(selector)作用:找到包含指定子元素的指定元素 <div></div> <div>111</div> <div>222222</div> <div&原创 2021-05-09 19:03:07 · 107 阅读 · 0 评论 -
jQuery学习手册(8)
$.trim()作用:去除字符串两端的空格参数:需要去除空格的字符串返回值:去除空格之后的字符串$.isWindow()作用:判断传入的对象是否是window对象返回值:true/fase$.isArray()作用:判断传入的对象是否是真数组返回值:true/fase$.isFunction()作用:判断传入的对象是否是一个函数返回值:true/fase注意:jQuery框架本质上是一个函数$.holdReady(true)作用:暂停ready执行 <script&g原创 2021-05-09 19:01:31 · 70 阅读 · 0 评论 -
jQuery学习手册(7)
原生js的map方法参数1:当前遍历到的元素参数2:当前遍历到的索引参数3:当前被遍历的数字注意:和原生的forEach一样,不能遍历伪数组jQuery中的map静态方法参数1:要遍历的数组参数2:每遍历一个元素之后执行的回调函数回调函数的参数 参数1:遍历到的元素 参数2:遍历到的索引注意:和jQuery中的each一样也可以遍历位伪数组jQuery中的each静态方法和map静态方法的区别each静态方法默认的返回值:遍历谁就返回原创 2021-05-09 18:59:58 · 115 阅读 · 0 评论 -
jQuery学习手册(6)
原生js之forEach()参数1:遍历到的元素参数2:当前遍历到的索引注意:原生的forEach方法只能遍历数组,不能遍历伪数组jQuery的each静态方法参数1:当前遍历到的索引参数2:遍历到的元素注意:jQuery的each方法是可以遍历伪数组的 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9] var obj = { 0: 1, 1: 3, 2: 5, 3: 4, 4:原创 2021-05-09 18:57:10 · 83 阅读 · 0 评论 -
jQuery学习手册(5)
什么是静态方法?直接添加给类的就是静态方法静态方法通过类名调用 function AClass() {} AClass.staticMethod = function() { alert('staticMetgod') } AClass.staticMethod()实例方法实例方法通过类的实例调用创建一个实例(创建一个对象)通过实例调用实例方法 function AClass() {} AClass.staticMethod = fun原创 2021-05-09 18:54:12 · 91 阅读 · 0 评论 -
jQuery学习手册(4)
什么是jQuery对象?jQuery对象就是一个伪数组什么是伪数组?有0到length-1的属性,并且有length属性每日一句坚强的信念能赢得强者的心,并使他们变得更坚强。原创 2021-05-08 18:12:35 · 78 阅读 · 0 评论 -
jQuery学习手册(3)
jQuery核心函数$();接收一个函数接收一个字符串()接收一个字符串选择器 返回一个jQuery对象,对象中保存了找到的DOM元素 console.log($('.box1'))接收一个字符串代码片段 返回一个jQuery对象,对象中保存了创建的DOM元素 console.log($('<p>666</p>'))接收一个DOM元素 console.log($(document.getElemen原创 2021-05-08 18:10:50 · 78 阅读 · 0 评论