性能优化 -爱代码爱编程
难度级别：中高级及以上 提问概率：75% webpack打包优化主要的思想就是合理利用浏览器缓存、减小代码体积以及减少HTTP请求数量。尽管我们在开发阶段已经做了大量的优化工作，但开发阶段难免存在疏忽，而且源代码也不能直接部署到服务器。可以说开发阶段与webpack打包阶段的优化都很重
我的前端封装之路_模拟前端封装-爱代码爱编程
最近有粉丝提问了我一个面试中遇到的问题，他说面试的时候，面试官问我：你在以前的项目中封装过组件吗？或者做过npm公共库吗？遇到过什么问题吗？当时自己突然觉得好像没什么可回答的啊，但面试结束想起来，自己在前端开发工作中貌似又在不停的封装东西。但因为没有提前准备这类问题，所以回答的不是很理想。这篇文章，我说一些我的封装工作历程，希望对大家有帮助吧。 目录
性能优化 -爱代码爱编程
难度级别：中高级及以上 提问概率：65% 在真实工作中，如果遇到服务端一次性返回给前端1万条数据的场景，是非常不应该的。如果服务端可以给前端一次性返回1万条数据的话，那说不准哪次的接口请求数据就会更多。海量的响应数据无疑会使接口响应速度变慢，用户处于长时间的等待中，甚至还会造成接口响应
javascript -爱代码爱编程
难度级别：初级及以上 提问概率：50% cookie和localStorage在日常工作中使用频次非常高，所以其知识点也成为了非常高频的面试题。想要回答cookie的优缺点，首先就要知道cookie和localStorage有什么不同点，我们从以下4个方面来看一下。 首先从存储大
深入解析：cookie 与 session 的区别及应用场景_cookie和session的使用场景-爱代码爱编程
引言 在Web开发中，Cookie 和 Session 是两种常用的用户状态管理机制。虽然它们的目标都是在无状态的HTTP协议中维护用户的状态，但它们的工作原理和适用场景却有所不同。在本文中，我们将深入探讨 Cookie 和 Session 的区别，并通过一些代码示例来加深理解。 目录 引言 1 什么是 Cookie？ 1.1 Cookie 的n
javascript -爱代码爱编程
🚐new操作符的步骤 在JavaScript中，new 操作符用于创建一个对象实例，具体来说，它会执行以下几步操作： 创建一个新对象： 创建一个新的空对象，且这个对象的 __proto__ 属性会被设置为构造函数的 prototype 属性。 设置原型链： 将这个新对象的 __proto__ 属性指向构造函数的 prototype 属性，从而
css -爱代码爱编程
说脱离文档流之前呢，我们得知道什么是文档流吧。人们常说你脱离组织了，脱离大部队了，你连大部队都没有加入，还脱离个啥呀，是吧。 文档流 我们知道HTML中有盒模型，有行内元素，有块元素，对吧。 行内元素会横向排列，块元素会换行排列，而盒模型呢，又表示每个元素都会占据一定的文档位置。如果不写CSS样式呢，我们单纯的只写HTML标签元素，这些元素们就会遵循
【网络安全】一文带你了解什么是【网络劫持】-爱代码爱编程
网络劫持（Network Hijacking）是一种网络攻击，攻击者通过非法手段劫持网络通信，导致合法用户的数据流被拦截、篡改或重定向到攻击者控制的系统。这种攻击可以在各种网络层面上进行，包括域名系统（DNS）劫持、会话劫持、IP劫持等。 目录 1 网络劫持的几种类型 2 防御措施 2.1 DNS劫持防御 2.2 会话劫持防御 2.3 IP劫持
前端多人项目开发中，如何保证css样式不冲突？_如何避免css样式冲突-爱代码爱编程
在前端项目开发中，例如突然来了一个大项目，很可能就需要多人一起开发，领导说了，要快，要快，要快，你们给我快。然后下面大伙就一拥而上，干着干着发现，一更新代码，哎，我写的样式怎么没了？最后一排查发现，张三跟李四的CSS命名一样，有的级别高，有的级别低，然后就有的被覆盖掉了。那么，我们该如何做一些控制，保证CSS样式尽量少一些冲突呢？ 1. 使用CSS Mo
性能优化 -爱代码爱编程
难度级别：中高级及以上 提问概率：80% FCP的全程是First Contentful Paint，是衡量网页性能的一个重要指标，很多人把FCP理解为元素内容首次渲染到浏览器上的时间。但由于现在比较流行的Vue或是React项目中，HTML文档最初只有一个id为app的DIV元素，只
微信小程序开发：dom 相关 api 使用详解_小程序操作dom-爱代码爱编程
在微信小程序开发中，与传统的网页开发相比，由于安全性和性能考虑，访问 DOM（文档对象模型）是受限的。然而，微信小程序提供了一些特定的 API，使开发者能够处理和操作视图层，实现丰富的用户交互体验。 目录 1. 微信小程序的视图层结构 2. DOM 的概念在微信小程序中的应用 3. 小程序中的选择器和事件绑定 4. 组件化开发与自定义组件 5.
【网络安全】一文带你了解什么是【csrf攻击】-爱代码爱编程
CSRF（Cross-Site Request Forgery，跨站请求伪造）是一种网络攻击方式，它利用已认证用户在受信任网站上的身份，诱使用户在不知情的情况下执行恶意操作。具体来说，攻击者通过各种方式（如发送恶意链接、在第三方网站上嵌入恶意代码等）诱导用户的浏览器发送未经授权的请求到受信任的网站。这些请求会携带用户的认证信息（如Cookie、Sessio
一文带你搞懂前端实现动画的7种实现方式们_前端动画效果-爱代码爱编程
前端项目开发绕不开动画这个话题，随着场景与开发者的不同，我们可以总结以下7种实现动画的方式 而在说7种方式前，我们其实可以总结一下，基本也就是4种，分别是图片式、绘制式、CSS式 和 JS式。 目录 动图式 绘制式 SVG实现动画 Canvas实现动画 CSS式 动画 过渡 JS式 setInterval定时任务改变样式
vuex遇到浏览器刷新，store里存的数据还在吗？_vue里store数据会存几份?-爱代码爱编程
我们在做Vue前端项目的时候，很可能会使用Vuex来做一些状态或者数据管理，希望在一定程度上，不发送网络请求，不经过密集的组件数据传输，也可以达到数据共享的目的。但如果浏览器页面刷新了，Vuex中store里存的数据还存在吗？ 目录 ✨使用Vuex能解决什么问题？ 1 公共数据统一管理 2 避免多次发送数据请求 3 强化异步数据更新
vue -爱代码爱编程
难度级别：中高级及以上 提问概率：55% 这道题面试官会这样描述，比如有这样一个场景，一个对象里有name属性，可以正常显示在页面中。但后续动态添加了一个age属性，通过调试打印发现对象里的age属性已经添加了上了，但试图中却没有展示出来，请你说一说原因。 在Vue项目中一旦发现试图
css -爱代码爱编程
难度级别：中高级及以上 提问概率：70% 回答这道题，首先要说的就是，浏览器在每一帧动画里大概做了什么事情。首先浏览器会执行Javascript，或是操作DOM元素，紧接着需要对DOM元素进行样式计算，当计算完成后，就需要针对DOM元素的位置以及大小，做出相应的布局。注意，这里的布局只
一文搞懂前端跨页面通信的那些方案们_前端页面通信-爱代码爱编程
前端开发逃避不开跨页面通信这项工作，跨页面通信，就好比A页面要和B页面说话，可能只是说一句话，不需要回话，可能是要给一些东西，希望得到回复，并频繁进行沟通，接下来我们说说这些跨页面通信的方案们，希望对你有所帮助。 目录 1 页面传参 2 页面路由传参 3 后端接口做为中转站 4 图片预加载 5 前端状态管理工具 6 Coo
react -爱代码爱编程
难度级别：中级及以上 提问概率：60% 关于保存状态这道题，面试官会提前陈述一个场景。例如一个列表页，顶部有检索区域，用户已经做了一定的筛选，并且查询出列表数据。当用户查看到第三页的时候，点击“查看详情”按钮进入了详情页。那么这个时候，如果从详情页返回列表页，如何使筛选项和当前页码
性能优化 -爱代码爱编程
难度级别：中高级及以上 提问概率：70% CSS是前端开发工作中必不可少的技能之一，同时也是网页开发中必不可少的重要元素之一。但很多人所开发的项目本身对性能要求并不高，再加上项目周期紧张，久而久之，也就容易养成不考虑细节的习惯，觉得CSS无非就是做一些布局性的工作。那么如果从性能优化的
react -爱代码爱编程
难度级别：初级及以上 提问概率：55% 高阶组件并不能单纯的说它是一个函数，或是一个组件，在React中，函数也可以做为一种组件。而高阶组件就是将一个组件做为入参，被传入一个函数或者组件中，经过一定的加工处理，最终再返回一个组件的组合过程。 在面试中，除了要回答知识点的定义，