
js进阶
文章平均质量分 86
西瓜坤坤坤坤
前往前端工程师的路上……
展开
-
前端知识点整理——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 · 874 阅读 · 0 评论 -
前端知识点总结——强缓存和协商缓存 / Get和Post的区别 / 赋值、浅拷贝、深拷贝 / 手写实现Set类 / src和href
强缓存和协商缓存使用缓存的目的减少重复数据请求,避免通过网络再次加载资源,节省流量。降低服务器的压力,提升网站性能。加快客户端加载网页的速度, 提升用户体验。如果浏览器命中强缓存,则不需要给服务器发请求;而协商缓存最终由服务器来决定是否使用缓存,即客户端与服务器之间存在一次通信。强缓存Expires:是http1.0的规范,值是一个GMT 格式的时间点字符串,比如 Expires:Mon,18 Oct 2066 23:59:59 GMT。这个时间点代表资源失效的时间,如果当前的时间戳在这原创 2021-08-26 16:15:58 · 528 阅读 · 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 · 375 阅读 · 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 · 322 阅读 · 0 评论 -
前端知识点总结——http状态码 / Http和Https的区别 / 网络攻击
http状态码1xx(临时响应):表示临时响应并需要请求者继续执行操作的状态码。100(继续)请求者应当继续提出请求,服务器此时已经收到部分请求,等待接受其余部分101(切换协议)请求者已要求服务器切换协议,服务器已确认并准备进行切换2xx(成功):请求已经成功处理200(成功)服务器已经成果处理了请求3xx(重定向):请求已经完成,需要进一步操作301(永久移动):请求的网页已经永久移动到新位置。服务器返回此相应时,会自动将请求转到新的位置。302(临时移动)服务器目前从不原创 2021-08-09 19:25:36 · 370 阅读 · 0 评论 -
前端知识点总结——排序算法
排序算法插入排序时间复杂度空间复杂度O(n^2)O(1)直接插入排序(稳定):将数组中所有元素依次与前面已经排好的元素相比较,如果选择的元素比已排序的元素小,则交换,直到所有元素都比较过//直接插入排序function insert_sort(arr) { let temp = arr[0] for(let i=1;i<arr.length;i++){ temp = arr[i] //保存当前值,与前面所有元素做比较 for(let原创 2021-08-05 17:09:11 · 116 阅读 · 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 · 381 阅读 · 0 评论 -
原型对象、原型链、prototype、__proto__的理解
PS:原型的概念还是很抽象,想要一次掌握还是很困难,需要不断复习,重复理解,加深印象。多看看不同人的讲解思路,每个人的思路都不同,可以从多维度的来理解!我也来分享一下我对原型的理解。首先要知道js中有哪几种数据类型、知道原型的作用是什么、原型是如何在对象中存在的、原型如何使用。JavaScript只有一种结构:对象js中万物皆是对象。出去五种基本类型以外的都是对象。五种基本数据类型包括:String / Number / Boolean / underfine / null剩下的Object /原创 2021-05-11 17:31:20 · 906 阅读 · 0 评论