婧大jingda

背景 base重庆，面试中高级，目标先检验一下自己的水平和能力顺便看看薪资，好直接开始把。 自我介绍 讲了一下自己的技术栈：掌握vue全家桶，底层及上层框架、掌握react底层原理、熟悉js、熟悉工程

笔者是一个六年前端，没有大厂经历，也没有什么出彩的项目，所以今年以来，前端现在这种行情下并没有收到多少面试，但是为数不多的面试中，百分之九十都问到了性能优化的问题，而且问题都出奇的一致： 对于这个问题

对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。 今天，大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。 所有的我都看了，这里随便列举几个个人之前不了解，觉得挺有用的。 多的就不列举了，可以看看开头的网站。看了有几个功能我电脑（win…

一、概述 技术与工具的创新最终还是要落脚到业务中，能够促进团队自生长的技术架构才能更好的促进团队与业务的成长。（比如物料平台，让各业务条线人员能以比较容易的方式贡献积累团队的组件、页面、模板到物料库以

一、swiper简介 swiper是一款图片轮播插件，基本所有涉及图片轮播的相关功能都能通过swiper实现。 官网： https://www.swiper.com.cn/ 市面上常见的轮播插件 优点

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

在学习判断元素是否在可视区域时，我们首先的了解一些元素的位置值和大小值。 元素的位置信息和大小 大部分属性都是对应的，所以下面都只写一个。 clientWidth：元素内容区宽度加上左右内边距宽度，即