摘要: 前言 回流与重绘对于前端来说可以说是非常重要的知识点了,我们不仅需要知道什么是回流与重绘,还需要知道如何进行优化。一个页面从加载到完成,首先是构建DOM树,然后根据DOM节点的几何属性形成render树(渲染树),当渲染树构建完成,页面就根据DOM树开始布局了,渲染树也根据设置的样式对应的渲染这些节 阅读全文
posted @ 2022-02-14 09:59 前端南玖 阅读(1759) 评论(0) 推荐(2) 编辑
摘要: 前言 我们知道Promise与Async/await函数都是用来解决JavaScript中的异步问题的,从最开始的回调函数处理异步,到Promise处理异步,到Generator处理异步,再到Async/await处理异步,每一次的技术更新都使得JavaScript处理异步的方式更加优雅,从目前来看 阅读全文
posted @ 2022-02-08 10:15 前端南玖 阅读(729) 评论(0) 推荐(3) 编辑
摘要: 前面我们学习了vue的响应式原理,我们知道了vue2底层是通过Object.defineProperty来实现数据响应式的,但是单有这个还不够,我们在data中定义的数据可能没有用于模版渲染,修改这些数据同样会出发setter导致重新渲染,所以vue在这里做了优化,通过收集依赖来判断哪些数据的变更需 阅读全文
posted @ 2022-01-29 10:16 前端南玖 阅读(440) 评论(0) 推荐(3) 编辑
摘要: 最近准备开启Vue的源码学习,并且每一个Vue的重要知识点都会记录下来。我们知道Vue的核心理念是数据驱动视图,所有操作都只需要在数据层做处理,不必关心视图层的操作。这里先来学习Vue的响应式原理,Vue2.0的响应式原理是基于Object.defineProperty来实现的。Vue通过对传入的数 阅读全文
posted @ 2022-01-24 10:10 前端南玖 阅读(385) 评论(1) 推荐(2) 编辑
摘要: 前言 在工作中应用定时器的场景非常多,但你会发现有时候定时器好像并没有按照我们的预期去执行,比如我们常遇到的setTimeout(()=>{},0)它有时候并不是按我们预期的立马就执行。想要知道为什么会这样,我们首先需要了解Javascript计时器的工作原理。 定时器工作原理 为了理解计时器的内部 阅读全文
posted @ 2022-01-17 10:16 前端南玖 阅读(2931) 评论(2) 推荐(7) 编辑
摘要: 这篇文章我们一起来学习如何使用`Promise`,以及如何实现一个自己的`Promise`,讲解非常清楚,全程一步一步往后实现,附带详细注释与原理讲解。 阅读全文
posted @ 2022-01-10 12:19 前端南玖 阅读(643) 评论(2) 推荐(4) 编辑
摘要: 20道JavaScript经典面试题 该篇文章整理了一些前端经典面试题,附带详解,涉及到JavaScript多方面知识点,满满都是干货~建议收藏阅读 前言 如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时间获取最新的文章~ 1.说一说JavaScript的数据类型以及存储方式 JavaScr 阅读全文
posted @ 2022-01-04 10:17 前端南玖 阅读(1662) 评论(0) 推荐(4) 编辑
摘要: 前言 '2'>'10'返回的true,可能很多人都不是很能理解吧? 在js中,当运算符在运算时,如果两边数据不统一,CPU就无法计算,这时我们编译器会自动将运算符两边的数据做一个数据类型转换,转成一样的数据类型再计算。 这种无需程序员手动转换,而由编译器自动转换的方式就称为隐式转换。 如果这篇文章有 阅读全文
posted @ 2021-12-27 10:05 前端南玖 阅读(1178) 评论(5) 推荐(4) 编辑
摘要: 前言 不论是工作还是面试,我们可能都经常会碰到需要知道代码的执行顺序的场景,所以打算花点时间彻底搞懂JavaScript的执行机制。 如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时间获取最新的文章~ 想要搞懂JavaScript执行机制,你需要清楚下面 阅读全文
posted @ 2021-12-02 10:11 前端南玖 阅读(495) 评论(0) 推荐(2) 编辑
摘要: 前言 本文讲述了JS常用的几种数组遍历方式以及性能分析对比。 如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时间获取最新的文章~ 数组的方法 JavaScript发展到现在已经提供了许多数组的方法,下面这张图涵盖了数组大部分的方法,这篇文章主要说一说数组 阅读全文
posted @ 2021-11-23 10:14 前端南玖 阅读(999) 评论(3) 推荐(2) 编辑
摘要: 经典面试题:**从输入URL到页面加载完成之间的过程。**你会发现,这题不论大厂小厂,都会问,为什么? 因为它不仅可以考察面试者的知识广度还能考察面试者的知识深度。 前言 如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时间获取最新的文章~ 在上一篇文章这 阅读全文
posted @ 2021-11-09 10:17 前端南玖 阅读(1667) 评论(0) 推荐(3) 编辑
摘要: 作为一名前端工程师,浏览器算是我们打交道最多的一个工具了,所以掌握相关浏览器的工作原理是一名合格的前端工程师必备的。 这篇文章主要讲解浏览器相关的知识,文章内容比较长,知识点较多,非常建议收藏阅读~ 前言 如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时 阅读全文
posted @ 2021-11-04 10:40 前端南玖 阅读(1191) 评论(0) 推荐(2) 编辑
摘要: 随着Web应用程序的出现,直接在客户端存储用户信息的需求也随之出现。那么我们前端常用的存储方式有哪些呢? 前言 如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时间获取最新的文章~ HTML5常用的几种存储方式 本地存储:localStorage, ses 阅读全文
posted @ 2021-11-01 10:15 前端南玖 阅读(841) 评论(0) 推荐(3) 编辑
摘要: 我之前在上线自己的博客遇到过下面这些问题 为啥我的博客在开发阶段都没问题,部署到服务器之后访问不了除了/的页面 路由用hash模式就没问题,改成history就会有问题 公众号:前端南玖 不定时有送书活动,记得关注~ 每日推送前端技术文章~ 什么是路由 在Web开发过程中,经常会遇到『路由』的概念。 阅读全文
posted @ 2021-10-28 10:53 前端南玖 阅读(1535) 评论(1) 推荐(5) 编辑
摘要: 前言 ❝ JavaScript常被描述为一种**「基于原型的语言」——每个对象都拥有一个「原型对象」,对象以其原型为模板、从原型继承属性和放法。原型对象也可能拥有原型,并从中继承属性和方法,一层一层以此类推。这种关系常被称为「原型链」**,它解释了为何一个对象会拥有定义在其他对象中的属性和方法。 准 阅读全文
posted @ 2021-10-25 10:21 前端南玖 阅读(499) 评论(0) 推荐(2) 编辑