![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试
LeviAckerman_Js
立志成为一名高级前端工程师
展开
-
Promise并发做异步请求
并发做异步请求,限制频率举个例子,有 8 张图片 url,你需要并发去获取它,并且任何时刻同时请求的数量不超过 3 个。也就是说第 4 张图片一定是等前面那一批有一个请求完毕了才能开始,以此类推。var urls = [ 'https://www.kkkk1000.com/images/getImgData/getImgDatadata.jpg', 'https://www.kkkk1000.com/images/getImgData/gray.gif', 'https://www.kk原创 2021-07-19 17:56:39 · 321 阅读 · 0 评论 -
问题四:JavaScript跳出(终止)forEach循环
错误方法一:使用break结束循环let arr = [12,13,15,16,17]// 直接报错arr.forEach((v)=>{ if(v===13){ break; } console.log(v)}) 错误方法二:使用return false结束循环let arr = [12,13,15,16,17]arr.forEach((v)=>{ if(v===13){ return false }原创 2021-05-28 10:20:37 · 337 阅读 · 1 评论 -
Vue模板引擎框架不被关注到的机制讲解和Vue生命周期
先看一下VUE模版的最佳实践<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./vue.js"><原创 2020-11-16 13:58:47 · 168 阅读 · 0 评论 -
JavaScript原型与原型链
原型任何一个对象都有原型1.创建一个对象function Preson () { this.name = 'zs'; this.age = 18;}2.在Proson的原型上创建一个方法Preson.prototype.say = function say () { console.log('Hello ');};3.验证:创建两个Preson对象的实例,这两个对象都能共享访问到原型上的方法say//创建一个两个实例 证明原型对象上的方法可以共享//其所有属性和方法,都原创 2020-11-08 13:58:55 · 182 阅读 · 1 评论 -
JavaScript面试题(一:幽灵白条,!important不是最大 )
幽灵白条一个div里面包一个span没有任何内容,会被自动撑开。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2020-11-03 20:41:18 · 294 阅读 · 0 评论 -
购物车的实现(三)
实现的方法和逻辑代码注释都有class Goods { constructor() { Goods.list(); } // 获取商品信息的 // static 静态方法 // 静态方法只属于某个类 static list () { //发送ajax请求 axios.get('http://localhost/day1012-27/cart2/server/server.php?fn=lst') .then(res => { //res是后原创 2020-10-18 13:28:42 · 1222 阅读 · 3 评论 -
JavaScript中get和post的区别
get 一般用于信息的获取,使用URL传递参数,对所发送信息的数量也有限制,一般在2000个字符。 get方式需要使用Request.QueryString来取变量的值。post一般用于修改服务器上的资源,对所发送的信息没有限制。post方式是通过Request.Form来获取值。也就是说get是通过地址栏传值,而post是通过提交表单来传值以下情况请使用post1.无法使用缓存文件(更新服务器上的文件数据库)。2.向服务器发送大量数据(POST没有数据量的限制)。3.发送包含未知字原创 2020-11-01 15:06:54 · 386 阅读 · 0 评论 -
JavaScript的同源策略
概念同源策略是客户端脚本的重要的安全度量标准,其目的是防止某个文档或脚本从多个不同源下载。这里的同源策略是指协议,域名,端口相同,同源策略是一种安全协议,指一段脚本只能读取来自同一来源的窗口和文档的属性为什么要同源限制比如一个黑客,他利用iframe把真正的银行登录页面嵌套在他的页面上,当你使用真正的用户名和密码登录的时候,它的页面就会通过Javascript读取到你的表单中input中的内容,这样就窃取了你的用户名和密码了。...原创 2020-11-01 14:56:23 · 343 阅读 · 0 评论 -
商城图片放大镜
直接上主菜, 代码注解详细,小白也能懂(一看就会)<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!--<link rel="stylesheet" href="css/index.css">--> <style> img { display: bloc原创 2020-11-01 13:16:25 · 813 阅读 · 0 评论 -
CSS模拟下拉菜单
啥也不说了直接上菜(怎么实现的注解里有)<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; list-style: none; } #cont { w原创 2020-11-01 13:11:12 · 289 阅读 · 0 评论 -
如何垂直居中一个浮动元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /* 已知宽高进行居中 */ #known {原创 2020-10-15 15:12:35 · 146 阅读 · 0 评论 -
对象的深拷贝和浅拷贝
简单的认识一下深拷贝和浅拷贝 var obj = { name: '逆风狂小狗', age: 24, say() { console.log('见过你的美,还会爱上谁!'); } };浅拷贝将原对象或原数组的引用直接赋给新对象,新数组,新对象/数组只是原对象的一个引用 //浅拷贝,仅仅是指针给了另一个对象 var obj1 = obj; console.log(obj1); //输出的是对象 //如果修改obj1中的内原创 2020-10-16 15:06:52 · 245 阅读 · 0 评论 -
CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?
CSS 选择符:1.id选择器(# myid)2.类选择器(.myclassname)3.标签选择器(div, h1, p)4.相邻选择器(h1 + p)5.子选择器(ul > li)6.后代选择器(li a)7.通配符选择器( * )8.属性选择器(a[rel = “external”])9.伪类选择器(a: hover, li:nth-child)可继承的样式:1.font-size2.font-family3.color4.text-indent不可继承的样式:1原创 2020-10-20 14:06:06 · 310 阅读 · 0 评论 -
CSS元素的水平垂直居中(超级全)面试必背
一.已知宽高1. 子元素+vertical-align,display: inline-block 父元素+line-height,text-align .a1 { width: 800px; height: 800px; background: orange; text-align: center; line-height: 800px; } .a2 { width: 300px; height: 300px原创 2020-10-18 15:20:03 · 210 阅读 · 0 评论 -
JavaScript高频面试题(一)
一.CSS中link和@import的区别是?(1).link属于HTML的标签,而@import是CSS提供的。(2).页面加载时,link会被同时加载,而@import引用的CSS会等到页面被加载完再加载。(3).import只是IE5上才能识别,而link是HTML标签没有兼容问题二.如何实现浏览器内多个标签页之间的通信?调用localstorge,cookies等本地存储方式三.new操作符具体干了什么?1.创建一个空对象,并且this变量引用该对象,同时还继承了该函数的原型2.属性原创 2020-10-18 14:07:38 · 4101 阅读 · 6 评论 -
JavaScript高频面试题(二)
1:THIS的指向1.函数中指向window2.对象方法中指向当前对象3.事件回调函数中指向事件源(当前节点)4.箭头函数中,没有固定指向,一般指向宿主对象5.构造函数中,指向实例化后的对象2:innerHTML和innerText的区别1.innerHTML返回的是标签内的 html内容,包含html标签。2.innerText返回的是标签内的文本值,不包含html标签。2-1:扩展(1)原生js写法 document.getElementById(‘test’).innerHTML原创 2020-10-19 22:05:21 · 300 阅读 · 1 评论