![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
其他知识点
关于link的rel
啵雨的博客
要学习的还有很多!!
展开
-
面经练习(十六)
面经练习(十六)1.promise的方法:2.微任务里面嵌套微任务如何执行3.props,data,computed的加载顺序4.立即执行函数的作用5.websocket原理以及和长连接的区别1.promise的方法:常见的 resolve reject all race还有finally不管promise最后的状态,在执行完then或catch指定的回调函数以后,都会执行finally方法指定的回调函数。var promise = new Promise(function(resolve, re原创 2020-12-03 14:30:58 · 30229 阅读 · 2 评论 -
面经练习(十五)
面经练习(十五)1.前端如何处理10w条数据2.set weakset map weakmap的区别3.标准Http协议支持六种请求方法4.html5语义化标签,哪些是行内哪些是块5.垃圾回收之标记清除法具体内容6.前端缓存详解7.JS延迟加载的方法8.vue钩子函数怎么用9.vue computed和watch全面解析10.重复的子字符串11.简化路径1.前端如何处理10w条数据①首先想到用requestAnimationFrame这个API // 插入十万条数据 co原创 2020-12-03 14:30:50 · 30145 阅读 · 0 评论 -
面经练习(十四)
面经练习(十四)1.async/await执行原理2.mouseover和mouseenter的区别3.快速判断二叉树前序或后序遍历4.找出字符串中连续出现次数最多的字符和次数1.async/await执行原理async/await执行原理2.mouseover和mouseenter的区别3.快速判断二叉树前序或后序遍历快速判断二叉树前序或后序遍历4.找出字符串中连续出现次数最多的字符和次数...原创 2020-12-03 14:30:43 · 30101 阅读 · 0 评论 -
面经练习(十三)
面经练习(十三)1.with的用法2.cors跨域原理3.jsonp为什么只能get请求4.toString()方法和Object.prototype.toString.call()方法对比5.https为什么采取对称非对称加密结合的方法6.圣杯布局双飞翼布局7.多路复用技术8.requestAnimationFrame是什么9.从输入URL到浏览器显示页面发生了什么(详细版)10.回文链表11.模拟LRU缓存机制12 UDP如何实现可靠传输13.堆和栈区别14.数组和链表的区别及优缺点1.with的用法原创 2020-12-03 14:30:33 · 326 阅读 · 0 评论 -
面经练习(十二)
面经练习(十二)1.异步加载js的方法2.Object.assign()方法3.Object.is()方法4.css animation动画暂停5.JSON.stringify输出题6.什么是单页面应用,优缺点是什么7.function prototype输出8. meta标签都有什么属性1.异步加载js的方法1.defer2.async3.手动生成script标签 function loadScript(url, callback) { var script原创 2020-12-03 14:30:24 · 428 阅读 · 0 评论 -
面经练习(十一)
面经练习(十一)1.常考的算法题:旋转矩阵2.vue中 methods和computed的区别3.new Object 和{}的区别4.一道输入输出题:5.flex布局解决了什么问题6.flex里面的basis7.this指向理解8. input:[1,2,3,3,2,4,5] output:[1,4,5]9.http为什么设置成无状态的1.常考的算法题:旋转矩阵leetcode48旋转矩阵var rotate = function(matrix) { let martrixLength =原创 2020-12-03 14:30:15 · 239 阅读 · 0 评论 -
面经练习(十)
面经练习(十)1.vuex和localstorage的区别以及cookie两个storage的区别1.vuex和localstorage的区别以及cookie两个storage的区别原创 2020-12-03 14:30:05 · 331 阅读 · 0 评论 -
面经练习(九)
面经练习(九)1.这个函数名字是a,使得a被执行之后有如下效果,输出1、2、31.这个函数名字是a,使得a被执行之后有如下效果,输出1、2、3a(); // 函数返回值为1a(); // 函数返回值为2a(); // 函数返回值为3var a = function(){ var count = 0 return{ getCount:function(){ return ++count; } } }().g原创 2020-12-03 14:29:57 · 189 阅读 · 0 评论 -
面经练习(八)
面经练习(八)1.有关雪碧图及其性能2.javascript严格模式1.有关雪碧图及其性能雪碧图对性能影响CSS Sprite最大的好处就是节省请求数了,那么为什么节省请求数能快呢?每一次发出一个图片的http请求,除了单纯的下载该图片外,还要算进发送请求的时间,服务器端处理请求的时间和来回的网络延时(这个一般是大头),我们把这些额外耗时叫做request overhead。所以实际情况下,尤其是对于图标这样的小图片,这些overhead很可能远远超过超过文件本身下载的时间,比如下载1kb的图片只要原创 2020-12-03 14:29:50 · 249 阅读 · 0 评论 -
Webpack常见面试题
Webpack常见面试题1.前端为何进行打包构建2.loader和plugin区别3.常见的loader和plugin4.babel和webpack的区别5.babel-polyfill和babel-runtime的区别6.webpack如何实现懒加载7.为何proxy不能被polyfill8.webpack构建流程1.前端为何进行打包构建(一)代码层面(二)研发流程2.loader和plugin区别不同的作用Loader直译为"加载器"。Webpack将一切文件视为模块,但是webpack原创 2020-11-24 22:26:34 · 1279 阅读 · 0 评论 -
Webpack-babel
Webpack-babel1.babel环境搭建和基本配置2.babel-polyfill是什么3.babel-polyfill如何按需引入4.babel-polyfill的问题5.解决babel-polyfill的问题,采用babel-runtime1.babel环境搭建和基本配置首先安装有关插件然后配置.babelrcpresets预设的意思把常用的plugin打一个包,这个包就是preset-env这样不用在plugin中设置过多的内容2.babel-polyfill是什么po原创 2020-11-24 22:26:24 · 250 阅读 · 0 评论 -
Webpack性能优化-产出代码
Webpack性能优化-产出代码1.小图片base64编码2.bundle加hash3.懒加载(高级配置有讲)4.抽离公共代码(高级配置有讲)5.IngorePlugin(优化构建速度也有讲,它有两个优点)6.使用cdn加速7.生产环境采用production8.接第7点为什么ES6 Module可以tree-shaking生效,commonjs却不行,两者有什么区别1.小图片base64编码2.bundle加hash3.懒加载(高级配置有讲)4.抽离公共代码(高级配置有讲)5.Ingore原创 2020-11-24 22:25:56 · 168 阅读 · 0 评论 -
Webpack性能优化---构建速度
Webpack性能优化---构建速度一.优化babel-loader二.Noparse三.IgnorePlugin四.happyPack多进程打包五.ParallelUglifyPlugin多进程压缩js六.如何配置自动刷新七.如何配置热更新八.Dllplugin动态链接库九.总结一.优化babel-loader二.NoparseNoparse这是module中的一个属性,作用:不去解析属性值代表的库的依赖三.IgnorePluginIgnorePlugin是webpack内置插件这个原创 2020-11-24 22:26:05 · 522 阅读 · 0 评论 -
Webpack高级配置(二)
Webpack高级配置(二)一.懒加载二.解析vue三.module chunk bundle的区别一.懒加载在index.js中:module.exports和exports.default的区别和关系同步加载通过import直接引用异步则放入定时器中 定时器的import返回promise二.解析vue下载vue-loader插件然后三.module chunk bundle的区别import()就是上面的懒加载一个chunk对应一个bundle...原创 2020-11-24 22:25:36 · 131 阅读 · 0 评论 -
Webpack高级配置(一)
Webpack高级配置(一)一.如何配置多入口二.如何抽离压缩css文件三.如何抽离公共代码和第三方代码一.如何配置多入口①首先webpack.common.js配置entry入口②然后webpack.prod.js配置出口的filenamename值对应entry中的key值 index和other③上面处理的是js文件下面处理html文件 首先webpack.common.jsplugin生成多个如果不写chunks,index和other的html文件会把entry入口的 inde原创 2020-11-24 22:25:19 · 638 阅读 · 0 评论 -
Webpack基本配置
Webpack基本配置一.拆分配置和mergewebpack.common.js 公共环境webpack.dev.js 开发环境webpack.prod.js 线上环境用smart 进行merge合并二.启动本地服务webpack.dev.js 开发环境里面配置三.处理ES6在webpack.common.jsbabel-loader.babelrc:四.处理样式也是在webpack.common.js中注意loader 的执行顺序从后往前先css-loader 解析一原创 2020-11-24 22:24:59 · 193 阅读 · 0 评论 -
link标签中的rel
link标签中的rel我们在html文件中引入css文件: <link href="style.css" rel="stylesheet">如果没有rel属性 就不会成功引入css文件 这是为什么呢?html的link标签是用于当前文档引用外部文知档用的,rel属性用于设置对象和链接目的间的关系。rel是relationship的英文缩写;道stylesheet中style是...原创 2020-04-25 19:21:37 · 2757 阅读 · 1 评论