这是记录前端面试的话术集锦第七篇博文——高频考点（浏览器渲染原理&安全防范），我会不断更新该博文。❗❗❗1.浏览器渲染原理注意：该章节都是⼀个⾯试题。1.1渲染过程1.1.1浏览器接收到HTML⽂件并转换为DOM树当我们打开⼀个⽹⻚时，浏览器都会去请求对应的HTML⽂件。虽然平时我们写代码时都会分为JS、CSS、HTML⽂件，也就是字符串，但是计算机硬件是不理解这些字符串的，所以在⽹络中传输的内容其实都是0和1这些字节数据。当浏览器接收到这些字节数据以后，它会将这些字节数据转换为字符串，也就是我们写的代码。当数据转换为字符串以后，浏览器会先将这些字符串通过词法分析转换为标记（token），这⼀

前言：本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用antDesign的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面的改动较少，除此之外老项目想换菜单，因此我们想借助本次机会用react开发，经过了几番思考，发现本次很适合用微前端来完成本次需求，最终决定用react搭建一个基座（主应用），将原来的vue项目接入到基座，这样我们不仅实现了新页面react开发，而且老项目也能和新项目融合一起。微前端的概念什么是微前端？微前端是借鉴了微服务的架构理念，它既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，

前端页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空这样切换时，页面就刷新了，解决方法在这里1，页面代码，这里指定namename:"Item",注意name的首字母必须大写2，页面代码，这里指定idid="item"注意，id的首字母必须小写3，页面配置，这里的路由地址必须配置和name一致Item重新清除缓存后，再次进入，发现页面就不会重新加载了

目录1.什么是sass产品2.下面我想说说事件循环3. cmd窗口的一些快捷键4. 组件与插件的区别5. vue项目嵌入app后调用app方法6.点击编辑按钮直接回到顶部，输入框光标闪动聚焦7.短轮询与长轮询短轮询长轮询8.前端moment库9.移动端-触底刷新实现核心思想10.jsx语法11.子组件监听父组件的值实时更新值12.git常用操作指令1.什么是sass产品像有道云笔记飞书等面向企业的，这些项目都是saas产品。软件及服务亦为负责售后负责产品升级，附带安装之类的服务器部署。一条龙服务。创作助手说：Sass产品指的是基于云端技术的软件即服务模式的产品。它们通常可以通过网络进行访问和使

前言：本次的文章完全是自己开发中遇到的一些问题，经过不断的修改终于完成的一些功能，当个快捷的查看手册吧~elementui开发后台管理系统常用功能高级筛选的封装elementui的表格elementui的表格实现跨页多选+回显elementui的表单elementui的日历vue获取某几天内的日期和星期几请假时长计算高级筛选的封装功能描述：数据使用的若依的字典，或者是自定义数据，可以点击每个选项进行选择，取消选择，也可以在已选择进行清除和单个删除constofficeConfig={title:"高级检索",isShowHeader:false,configList:[{label:"人员性质

获取季度起始日期要获取季度的起始日期，可以使用Day.js的startOf方法结合quarter单位来实现。下面是一个示例代码，演示如何使用Day.js获取当前季度的起始日期：constdayjs=require('dayjs');require('dayjs/plugin/quarterOfYear');dayjs.extend(require('dayjs/plugin/quarterOfYear'));//获取当前季度的起始日期constcurrentQuarterStart=dayjs().startOf('quarter');console.log(currentQuarterSta

 HTML部分ElementUI输入框(input)回车查询事件：@keyup  译:触发键盘事件enter     译:键盘回车提交native    译:事件监听(个人理解)总结(个人理解):首先需求是在输入框内输入内容后敲下回车键位执行查询操作那么我们要先去触发(@keyup)键盘上的回车键(enter)然后去监听(native)敲下回车的一刻按这个逻辑那么也就组成了@keyup.enter.native,可能在大佬面前显得不太专业,但是够让刚入门的朋友更好的去理解使用来完成相关功能的实现!script部分data(){ return{//搜索restaurants:[],loadAll

前言 编写这个专栏主要目的是对工作之中基于Cesium实现过的功能进行整合，有自己琢磨实现的，也有参考其他大神后整理实现的，初步算了算现在有差不多实现小130个左右的功能，后续也会不断的追加，所以暂时打算一周2-3更的样子来更新本专栏（尽可能把代码简洁一些）。博文内容如存在错误或者有可改进之处，也希望在这里和各位大佬交流提高一下。更多内容/样例/demo说明：DEJA_VU3D完整功能目录 专栏内容本着尽可能简洁的原则，本篇我们来实现纯前端绘制等高线展示的效果，最终实现效果如下功能实现借助了turf，可以通过如下指令进行安装npminstall@turf/turf-S废话不多说，直接上代码关键

微前端是最近几年火起来的概念，iframe是早期实现微前端的理想方案，而现在有了其它的方案，比如qianduan框架，single-spa，以及webpack5带来的联邦模块方案。但是每一个方案都有其优缺点，感兴趣的可以去实践一下。1、项目创建创建3个项目，一个基座项目project_base，2个子项目project_a和project_b项目。并在各个项目安装好依赖（本项目基于vue搭建）。projects目录.png2、项目基本结构在基座项目里创建一个路由文件如iframe.vue，我们在这个文件里完成project_a，project_b等子项目的访问。iframe.png3、项目路由