![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端面试
AsBefore麦小兜
热爱可抵岁月漫长....
展开
-
vue 组件之间的传值
1,props、事件$emit 父组件向子组件传值(props)2、$emit、$on (Bus)通过新建Vue实例(Bus)作为中央事件总线(事件中心),用它来触发事件($emit)和监听事件($on),巧妙而轻量地实现了任何组件间的通信,包括父子、兄弟、跨级。当我们的项目比较大时,可以选择更好的状态管理解决方案vuex。3,$attrs、$listeners(属性,事件)多级组件嵌套需要传递数据时,通常使用的方法是通过vuex。但如果仅仅是传递数据,而不做中...原创 2021-04-01 12:37:47 · 746 阅读 · 0 评论 -
前端面试:webpack构建之loader与plugin的区别是什么
从功能区分loader是文件加载器能够加载资源文件并对这些文件进行统一的处理,诸如编译,压缩 最终一起打包在制定的文件夹中处理一个文件可以使用多个loader loader的执行顺序和配置顺序整好相反第一个执行的loader的返回值接收源文件内容做参数其他的loader接收前一个执行的loader的返回值作为参数 最后执行的loader会返回次模块的js源码编写zijipluginplugin的功能更加强大,loader不能做的,plugin都能做plugin..原创 2021-04-01 10:36:37 · 246 阅读 · 0 评论 -
前端面试:import 和 require 区别
1、遵循的规范不同require 是AMD规范引入方式import 是es6的一个语法标准,兼容浏览器要转换成es52、调用时间require是运行时调用,require是个函数所以require理论上可以运用在代码的任何地方import是编译时调用,所以必须放在文件开头 且放在全局中引入3、本质require是赋值过程,其实require的结果就是对象、数字、字符串、函数等,再把require的结果赋值给某个变量import是解构过程,但是目前所有的引擎都还没有实现im.原创 2021-04-01 09:08:44 · 2035 阅读 · 0 评论 -
HTTP的缓存的过程是怎样的?
通常情况下的步骤是:1. 客户端向服务器发出请求,请求资源2. 服务器返回资源,并通过响应头决定缓存策略3. 客户端根据响应头的策略决定是否缓存资源(这⾥假设是),并将响应头与资源缓存下来4. 在客户端再次请求且命中资源的时候,此时客户端去检查上次缓存的缓存策略,根据策略的不同、是否过期等判断 是直接读取本地缓存还是与服务器协商缓存...原创 2020-08-28 14:50:35 · 177 阅读 · 0 评论 -
HTTPS是如何保证安全的?
得先理解两个概念对称加密:即通信的双⽅都使⽤同⼀个秘钥进⾏加解密,⽐如特务接头的暗号,就属于对称加密优点:对称加密虽然很简单性能也好缺点:⽆法解决⾸次把秘钥发给对⽅的问题,很容易被⿊客拦截秘钥。⾮对称加密:1. 私钥 + 公钥=密钥对2. 即⽤私钥加密的数据,只有对应的公钥才能解密,⽤公钥加密的数据,只有对应的私钥才能解密3. 因为通信双⽅的⼿⾥都有⼀套⾃⼰的密钥对,通信之前双⽅会先把⾃⼰的公钥都先发给对⽅4. 然后对⽅再拿着这个公钥来加密数据响应给对⽅,...原创 2020-08-28 14:48:56 · 116 阅读 · 0 评论 -
HTTP的keep-alive是⼲什么的?
在早期的HTTP/1.0中,每次http请求都要创建⼀个连接,⽽创建连接的过程需要消耗资源和时间,为了减少资源消耗, 缩短响应时间,就需要重⽤连接。 在后来的HTTP/1.0中以及HTTP/1.1中,引⼊了重⽤连接的机制,就是在http请求头中 加⼊Connection: keep-alive来告诉对⽅这个请求响应完成后不要关闭,下⼀次咱们还⽤这个请求继续交流。协议规定HTTP/1.0如果想要保持⻓连接,需要在请求头中加上Connection: keep-alive。...原创 2020-08-28 14:43:51 · 147 阅读 · 0 评论 -
面试之----产生BFC的条件(块级格式化上下文)
1、float 不等于 none2、overflow 不等于 visible3、postion=flex 或 absolute4、根元素5、display:inline-block;table-cell;flex;inline-flex;table-caption原创 2019-05-14 22:05:11 · 178 阅读 · 0 评论 -
面试之----前端不同部分的优化方式
网页内容:1、 减少HTTP请求2、 减少DNS查询次数3、 避免页面跳转4、 使用延迟加载5、 异步请求 Ajax6、 提前加载7、减少DOM元素数量8、根据域名划分内容9、 减少Iframe数量10、 避免404服务器:使用CDN托管添加Expires或Cache-Control报文Gzip压缩传输文件配置Etags尽早flush输出使用get Ajax请求...原创 2019-05-14 09:46:30 · 113 阅读 · 0 评论 -
面试之-----SSR优缺点
SSR:服务器渲染1、利用SEO(搜索引擎)2、页面渲染时间短3、服务器压力过大原创 2019-05-14 09:36:37 · 2032 阅读 · 0 评论 -
面试之---TCP有哪些手段保证可靠交付
TCP通过下列方式来提供可靠性:1、将数据截断为合理的长度。应用数据被分割成TCP认为最适合发送的数据块。这和UDP完全不同,应用程序产生的数据报长度将保持不变。2、超时重发当TCP发出一个段后,它启动一个定时器,等待目的端确认收到这个报文段。如果不能及时收到一个确认,将重发这个报文段。3、对于收到的请求,给出确认响应当TCP收到发自TCP连接另一端的数据,它将发送一个确认。这个确认不是立即...原创 2019-05-14 09:35:44 · 2504 阅读 · 0 评论 -
面试之----语义化标签的意义
1、去掉或丢失样式的时候,能够让界面呈现清晰的结构2、有利于SEO:和搜索引擎建立更好的沟通,有助于爬虫抓取更多的有效信息,爬虫依赖标签确定上下文和各种关键字的权重。3、方便其他设备解析(如屏幕阅读器,盲人阅读器,移动设备)以意义的方式渲染网页4、便于团队开发和维护,语义化使得网页更具可读性,是进一步开发网页的步骤,遵循W3c标准的团队,都遵循这个标准,可以减少差异化。...原创 2019-05-14 09:33:36 · 245 阅读 · 0 评论