面试
文章平均质量分 86
西瓜坤坤坤坤
前往前端工程师的路上……
展开
-
前端知识点总结——Vue组件的通信方式 / CSS伪类和伪元素 / CSS3新特性 / 跨域资源共享 CORS / cookie / 盒模型
Vue组件的通信方式父子组件:props / $emit父子组件:$parent/$children 与 $ref父子、兄弟、隔代组件:$emit / $ on通过设置一个空的App.vue作为一个模版的事件中心,用来触发事件和监听事件父子、隔代组件:provide/inject父子、兄弟、隔代组件:Vuex伪类和伪元素伪类作用于元素选择器上单冒号:常见伪类::link、:visited、:hover、:active、:first-child和:nth-child伪元素作用原创 2021-09-08 21:32:13 · 341 阅读 · 0 评论 -
前端知识点整理——v-if 和 v-show / 事件冒泡和捕获 / Git的操作方式 / canvas有什么优势(canvas 和 svg) / 重排与重绘 / async和defer
v-if 和 v-showv-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置dom元素的display样式,block为显示,none为隐藏v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换v-if有更高的切换消耗;v-show有更高的初始渲染消耗v-if是惰性的,如果初始条件为假,则什么也不做。v-show是在任何条件下(首次条件是否为真)都被编译,然后被缓存,而且dom元素保留事件冒泡和原创 2021-09-05 22:32:49 · 750 阅读 · 0 评论 -
前端知识点总结——数组的reduce函数 / 数组扁平化 / 插槽 / 水平、垂直、水平垂直居中 / 防抖和节流 / 行内元素和块元素
数组的reduce函数reduce方法没有独有的特点,它的功能for循环就可以实现,但是它的写法可能更加便捷。arr.reduce(callback,[initialValue])callback (执行数组中每个值的函数,包含四个参数) 1、previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue)) 2、currentValue (数组中当前被处理的元素) 3、index (当前元素在数组中的索引) 4、array (调原创 2021-08-23 16:53:25 · 305 阅读 · 0 评论 -
前端知识点总结——蔚来一面面经 / webpack打包的入口 / loader和plugin的区别 / 语义化代码 / Vue路由守卫
webpack打包的入口在vue-cli3中查看webpack的配置信息,输入vue inspect > output.jsentry 入口,告诉webpack要使用哪个模块作为构建项目的起点,默认为./src/main.js entry: { app: [ './src/main.js' ] }output 出口,告诉webpack在哪里输出它打包好的代码以及如何命名,默认为./dist output: { path: '/Users原创 2021-08-23 10:10:27 · 255 阅读 · 0 评论 -
前端知识点总结——http状态码 / Http和Https的区别 / 网络攻击
http状态码1xx(临时响应):表示临时响应并需要请求者继续执行操作的状态码。100(继续)请求者应当继续提出请求,服务器此时已经收到部分请求,等待接受其余部分101(切换协议)请求者已要求服务器切换协议,服务器已确认并准备进行切换2xx(成功):请求已经成功处理200(成功)服务器已经成果处理了请求3xx(重定向):请求已经完成,需要进一步操作301(永久移动):请求的网页已经永久移动到新位置。服务器返回此相应时,会自动将请求转到新的位置。302(临时移动)服务器目前从不原创 2021-08-09 19:25:36 · 299 阅读 · 0 评论 -
前端知识点总结——数组的方法
ES6原创 2021-08-03 10:01:38 · 168 阅读 · 0 评论 -
前端知识点总结——Webpack的作用和运行原理 / ES6的Map和Set / 设计模式 / meta标签的作用
Webpack的作用和运行原理Webpack的作用打包:模块打包:一个工程中会分为很多个小的模块,每个小的模块实现一个功能,模块之间相互引用。webpack从入口开始分析每一个包的关系合并成为一个文件。代码转换:es6转换为es5,less、sass转换为css构建一个开发时环境,监听本地源代码变化,自动重新构建和浏览器刷新图片压缩,较小的图片转码为base64在vue项目中使用webpack:由webpack中的vue-loader将vue编译为js文件 => 由babel将原创 2021-07-28 19:13:38 · 192 阅读 · 0 评论 -
前端知识点总结——Vue框架概述 / 双向绑定 / Vue生命周期 / Vue更新节点 / Vue子父组件通信 / Class类
Vue相关内容vue是一个渐进式框架,就是说vue有很多功能,你需要哪一部分,就可以使用哪一部分到你的项目中。vue的核心特性是数据双向绑定和组件化。除此之外,vue配套的工具库还有vuex和vue-router,前者做状态管理,后者做路由管理。经典图片渐进式框架:可以逐渐添加需要使用的功能,不需要使用的可以不添加。声明式渲染:数据发生变化时,视图可以自动更新,不用关心DOM的操作,专心于数据处理。例如:使用v-for时,我们只告诉Vue需要重复渲染多少次,并没有告诉Vue每一步该如何操作。这个原创 2021-07-26 17:28:47 · 302 阅读 · 0 评论 -
前端知识点总结——bind、call、apply的区别 / null和undefined的区别 / BFC / 跨域相关问题 / Promise
bind、call、apply的区别apply:apply(this,[])第一个参数是this的指向,第二个参数是函数接受的参数数组,必须是数组形式,该方法会立即执行。let nums = [1,2,3,4,5]let temp = 0temp = Math.max.call(null,nums[0],nums[1],nums[2],nums[3],nums[4])console.log(temp); // 5call:call(this,args,args,...,)第一个参数是this的原创 2021-07-19 20:37:52 · 215 阅读 · 0 评论 -
前端知识点总结——图片懒加载 / localStorage和sessionStorage、cookie区别 / 垂直居中
实现图片的懒加载实现原理是通过判断图片是否在浏览器窗口显示,显示时在进行加载 let length = document.getElementsByTagName('img').length //获取图片总数量 let imgs = document.getElementsByTagName('img') //获取图片列表 let now = 0 window.onscroll = lazylaod function lazylaod() { let height = document原创 2021-07-18 15:58:39 · 138 阅读 · 0 评论 -
2022 秋招前端 字节一面
Http1.0 和 1.1 的区别最直观的区别是http1.0不支持持久链接,链接无法复用。浏览器的每次请求都会和服务器重新建立tcp连接和慢启动(最开始的发送量会指数级增长,当到达了慢启动阈值的时候进行加法增大,直到出现网络拥塞后重新进行慢启动,通过动态减少发送量缓解网络拥塞问题),并且请求完之后服务器立即断开连接,不跟踪每个浏览器的历史请求。这样会花费大量的时间在建立连接上,当连接数增多时丢包的几率也会增加,更加延长了连接时长。其次http1.0在发送...原创 2021-07-16 17:18:20 · 157 阅读 · 0 评论