![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
2020
文章平均质量分 60
Sylvia_2000
这个作者很懒,什么都没留下…
展开
-
2020-vue:vue组件间通信
文章目录1.父子组件通信1) 父子组件通过props传递参数父组件子组件另,props可以有以下3种写法2.子父组件通信1) 子父组件通过$emit方法传递参数父组件子组件2) 父子组件通过引用类型传参父组件子组件3.兄弟组件间通信1) 通过父组件作为中间件来通讯父组件子组件1子组件22)通过EventBus进行兄弟间组件通讯main.js子组件1子组件2父组件1.父子组件通信1) 父子组件通过props传递参数父组件<template> <div>原创 2021-01-11 17:21:26 · 239 阅读 · 1 评论 -
2020-vue面试题
文章目录1.vue双向绑定的原理2.解释单向数据流和双向数据绑定3.如何去除url中的“#”(history模式和hash模式的区别)4.对MVC、MVVM的理解5.介绍虚拟DOM树6.vue生命周期(4个阶段,8个钩子函数)7.组件间通信1)父子通信2)子父通信3)兄弟间通信8.vue-router路由实现9.v-if 和 v-show 的区别10.$route 和 $router 的区别11.vue组件data为什么必须是函数12.计算属性computed和事件methods有什么区别13.jQuery原创 2021-01-09 16:58:43 · 649 阅读 · 1 评论 -
利用webworker实现前端的多线程编程
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!-- 主线程 -->原创 2021-01-07 23:16:15 · 295 阅读 · 0 评论 -
关于promise用法示例及实现原理
文章目录1.用法示例2.实现promise原理1.用法示例 lilei('yo~~').then(hanmeimei).then(liming) function lilei(bang){ return new Promise((open)=>{ console.log('李雷起跑') setTimeout(() => { console.log('李雷到达终点') console.l原创 2021-01-06 22:54:26 · 165 阅读 · 0 评论 -
利用promise及参数解构封装ajax请求
文章目录1.前端代码2.后端1.前端代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2021-01-06 16:13:14 · 292 阅读 · 3 评论 -
2020-10:节流&防抖及其应用场景和原理
文章目录1.防抖2.节流1.防抖只要不是最后一次触发,就不执行异步请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head>原创 2021-01-05 15:08:59 · 265 阅读 · 0 评论 -
2020-9:DOM的浏览器兼容性问题/IE的事件处理和W3C的事件处理有哪些区别
DOM的浏览器兼容性问题1)事件模型2)事件绑定:3)获得事件对象的方法:4)获得目标元素5)阻止冒泡:6)阻止默认行为:7)定义一个函数,可以支持所有浏览器中的处理函数的绑定(考虑浏览器的兼容性)1)事件模型DOM(3个阶段):① 外向内:捕获② 目标触发③ 内向外:冒泡执行IE8(2个阶段):没有捕获阶段① 目标触发② 内向外:冒泡执行2)事件绑定:DOM: elem.addEventListener(‘click’, function(){}, false),第3原创 2021-01-03 15:39:47 · 102 阅读 · 0 评论 -
2020-题目(CSS3)
1. display: none; 与 visibility: hidden; 的区别相同点:都能让元素不可见不同点:1) 渲染树display: none; 会让元素完全从渲染树(不是dom树)中消失,渲染的时候不占据任何空间;visibility: hidden; 不会让元素从渲染树中消失,渲染元素继续占据空间,只是内容不可见2) 属性是否可继承display: none; 是非继承属性,子孙节点消失由于元素从渲染树消失造成,通过修改子孙节点属性无法显示visibility:原创 2020-12-30 22:40:53 · 101 阅读 · 0 评论 -
2020-题目(HTML5)
2020题目(2)1.DOCTYPE的作用?标准模式与兼容模式的区别?2.页面导入样式时,使用link和@import有什么区别?1) 用途:2) 加载顺序3) 优先级4) DOM操作3.对浏览器内核的理解4.常见的浏览器内核种类5.HTML5新特性6.HTML5移除的元素7.如何处理HTML5新标签的兼容性8.对HTML语义化的理解9.[重要]cookie、sessionStorage、localStorage相同点:都存储在客户端不同点:1) 存储大小2) 有效时间3) 数据与服务器之间的交互方式4)实原创 2020-12-30 21:24:14 · 237 阅读 · 1 评论 -
2020-8:实现浏览器内多个标签页之间通信的4种方式(html5 & JavaScript)
1) cookie + setInterval 方式注: cookie、localStorage、sessionStorage在同源页面间属于共享资源。(同源:如两个页面的协议、IP地址、端口号相同,即为同源页面)缺点:① cookie 空间有限,浏览器在每个域名下最多能设置30-50个cookie,容量最多4k左右② 每次 HTTP 请求会把当前域的所有cookie发送到服务器上,包括只在本地才用到的。浪费网络带宽③ setInterval的频率设置,过大会影响浏览器性能,过小会影响时效性优原创 2020-12-30 21:19:08 · 1178 阅读 · 1 评论 -
2020-题目(JavaScript)
1.this指向问题 var length = 10 function fn(){ console.log(this.length) } let obj = { length : 5, method : function(fn){ fn() arguments[0]() } } obj.method(fn,1) // 执行结果:10 22.声明提前 fun原创 2020-12-27 19:43:10 · 129 阅读 · 0 评论 -
2020-7:浅拷贝&深拷贝(JavaScript)
let lili = { name : 'lili', age : 12, scores: null, friends: ['jack','rose'], adress : { province : 'sichuan', city : 'chengdu', }, } // 浅拷贝:如果被拷贝的原始对象中包含对象或数组,拷贝的是其变量保存的值,即引用的地址值 -- 若改变lili2...原创 2020-12-26 22:45:36 · 118 阅读 · 1 评论 -
2020-6:闭包(JavaScript)
let funs = [] for(let i = 0; i < 3; i++){ funs[i] = (function(i){ // 注意此处是按值传递 return function(){ console.log('i:',i) } })(i) } /* 执行后形成闭包 funs = [ function(){ (i=0) console...原创 2020-12-26 19:27:11 · 83 阅读 · 0 评论 -
2020-5:作用域链--this的指向问题(JavaScript)
obj.fun()fun中的this指向 .前的objnew 构造函数()构造函数中的this指向 将来new出的新对象fun()匿名函数自调用:(function(){})()setInterval(function(){…},1000)setTimeout(function(){…},1000)setInterval(obj.fun,1000)setTimeout(obj.fun,1000)以上this均指向windowbtn.addEventListener(‘click’,ob原创 2020-12-26 19:14:00 · 88 阅读 · 0 评论 -
2020-4:数组操作--去重--字典(JavaScript)
let arr = [1,2,3,4,3,2] let dict = {} // 遍历数组,以当前元素作为属性名加入字典中,属性值可随便写 for(let i = 0; i < arr.length; i++){ dict[arr[i]] = 1 } console.log(dict) // 遍历字典,仅获取属性名 let res = [],i = 0 for(res[i++] in dict); // 依次取出...原创 2020-12-26 19:13:05 · 439 阅读 · 0 评论 -
2020-3:字符串操作--统计一个字符串中字符出现的次数,并找出最大值--字典(JavaScript)
// 字典方法 统计一个字符串中字符出现的次数 let str = 'helloworld' let dict = {} // 先定义空对象 for(let i = 0; i < str.length; i++){ // 遍历字符串中每个字符 if(dict[str[i]] === undefined){ // 如果dict对象中未包含以当前字母为属性名的成员,就强行添加一个以当前字母为属性名的成员,并赋属性值为1 dict[str[i]]...原创 2020-12-26 12:13:39 · 536 阅读 · 0 评论 -
2020-2:数据类型的判断(JavaScript)
typeof该方法会将null和数组判断为object类型,将NaN判断为number类型判断null直接用’===’判断NaN用isNaN()函数不能用' ==='也不能用typeof判断数组 let a=[1,2,3]Array.isArray()es5特性,可能有兼容性问题Object.prototype.toString.call() === ‘[object Array]’原生js,无兼容性问题,使用call强行调用顶级父对象的toString()函数,查看该变量的clas原创 2020-12-26 12:06:02 · 81 阅读 · 0 评论 -
2020-1:媒体查询(css)
@media screen and (min-device-width:992px) and (max-device-width:1200px ) { .container{width:970px}}原创 2020-12-26 11:29:12 · 103 阅读 · 0 评论