获得徽章 15
- #每天一个知识点#
关于CSS中的BFC
BFC是指块级格式化上下文，是一个独立的渲染区域，具有一定的隔离性，其中的元素布局不受外部元素的影响，并且可以通过BFC的一些特性来解决一些常见的布局问题。
BFC的形成有以下几种方式：
根元素或包含它的元素
浮动元素（元素的float属性不为none）
绝对定位元素（元素的position属性为absolute或fixed）
行内块元素（元素的display属性为inline-block）
表格单元格元素（元素的display属性为table-cell）
overflow属性值不为visible的块级元素
BFC具有以下特性：
BFC中的元素布局不会影响外部元素的布局，外部元素也不会影响BFC中的元素的布局。
BFC中的元素在垂直方向上会形成一个包含块，也就是说，BFC中的元素的边界会把它内部的浮动元素包含在内。
BFC中的元素不会与浮动元素重叠。
BFC中的元素可以用来清除浮动元素造成的影响。
BFC的应用非常广泛，可以用来解决一些常见的布局问题，如清除浮动、实现两栏布局、避免margin重叠等。
了解BFC的概念及其特性对于掌握CSS布局非常重要。展开1点赞 - #与A-SOUL一起成为更好的自己#
人生中最重要的不是你经历了什么，而是你从经历中学到了什么。每一次挫折、每一次失败、每一次困难都是一次宝贵的经验，它们能够帮助你成长、变得更加坚强和智慧。因此，不要害怕面对困难，勇敢地去迎接它们，因为它们可能是你最好的老师。展开评论点赞 - #每天一个知识点#
Day20：关于跨域资源共享（CORS）
CORS 是一种机制，它允许在浏览器中运行的 Web 应用程序或脚本访问不同域名下的资源。同源策略是浏览器的一项安全措施，它限制了来自不同源的脚本访问彼此的资源。CORS 通过在响应头中添加特定的标记，允许服务器向来自不同域名的客户端发送响应。
CORS 的实现需要在服务器端和客户端同时进行配置。服务器端需要在响应头中添加 Access-Control-Allow-Origin 标记，指定允许访问该资源的域名。客户端可以在请求头中添加 Origin 标记，告诉服务器请求的来源。
CORS 的实现有几种方法，包括 JSONP、代理服务器、WebSocket、CORS Preflight 等。CORS Preflight 是一种预检请求，它在正式请求之前发送一个 OPTIONS 请求，用于检查服务器是否允许该请求。在预检请求中，客户端需要发送 Access-Control-Request-Method 和 Access-Control-Request-Headers 标记，告诉服务器正式请求的方法和头部信息。
掌握 CORS 的实现方法可以帮助我们在前端开发中更好地处理跨域访问的问题，提高网站的安全性和可用性。展开赞过
11 - #每天一个知识点#
Day20：关于优化前端页面的加载速度
前端页面的加载速度是影响用户体验和满意度的重要因素之一。以下是一些优化前端页面加载速度的技术手段：
减少 HTTP 请求次数：通过合并和压缩静态资源、使用 CDN 加速等方式，减少页面加载时的 HTTP 请求次数，提高页面加载速度。
延迟加载和懒加载：通过延迟加载和懒加载的方式，将页面中不必要的内容延迟到用户需要时再加载，减少页面加载时的数据和资源负担，提高页面响应速度。
优化图片：使用适当的图片格式、压缩图片大小和质量、使用图片懒加载等方式，优化图片的加载和显示效果，减少页面加载时的图片负担。
减少 DOM 操作：通过减少 DOM 操作的次数和复杂度，优化页面的渲染和重绘时间，提高页面渲染速度。
使用缓存：通过使用浏览器缓存和服务端缓存，减少页面加载时的数据请求和处理时间，提高页面响应速度。
代码优化和压缩：通过代码优化和压缩，减少页面加载时的代码大小和执行时间，提高页面响应速度。
服务端渲染（SSR）：通过使用服务端渲染，将页面的渲染工作从客户端转移到服务端，提高页面的初次加载速度和 SEO 效果。展开赞过 21