青春木鱼的博客

在现代Web开发中，清除Cookie是维护网站用户隐私和安全性的一个重要步骤。JavaScript提供了几种方法来清除Cookie，包括直接删除特定的Cookie、设置Cookie的过期时间为过去的时间点、以及使用第三方库来辅助清除。在这些方法中，最为直接且常用的技术就是通过设置Cookie的过期时间为过去的时间点来“删除”它。

JS中的global、window以及document对象的区别

如何缓存 JavaScript、CSS 文件是一个关注点，因为这能显著提升网站性能、减少服务器负载、节省带宽。简而言之，缓存是指浏览器存储网页资源的一种机制，使得用户在访问同一页面时，无需重新下载相同的资源。特别地，对于JavaScript和CSS文件，一旦缓存，就可以在用户的后续访问中使用本地副本，这样可以加快页面加载速度、改善用户体验。其中，最常用的缓存实现方式包括设置HTTP缓存标头，如Cache-Control和Expires，以及使用服务工作器（Service Workers）。

media query功能：这种机制允许设置在css样式中添加media query表达式，这种表达式不仅可以对媒体类型进行匹配，也可以对媒体分辨率、色深等各种细节进行匹配，因此可以针对不同类型，不同参数细节的媒体设计提供精确控制。语法：@media 设备名 only（选取条件） not （选取条件） and （设备选取条件） ， 设备二｛sRules｝

移动端适配是指为了提高应用在各种不同分辨率、尺寸和操作系统上的表现，而对其界面和功能进行相应的调整和优化。随着移动设备的普及，移动端适配问题日益凸显，处理移动端适配对于提高用户体验和降低开发成本至关重要。

CSS实现两栏布局和三栏布局方法详解

‌FOUC（Flash of Unstyled Content）是指网页在加载过程中，由于CSS样式加载延迟或加载顺序不当，导致页面出现闪烁或呈现出未样式化的内容的现象。‌这种现象通常发生在HTML内容已经加载，但CSS样式表尚未加载或加载顺序不正确时，导致页面短暂地以无样式状态显示，随后样式表加载完成，页面才呈现出预期的样式。这种用户体验不佳的现象，即被称为FOUC。总之，FOUC 是一种常见的 Web 开发问题，可以采取内嵌样式表、预加载样式表、延迟加载样式表、使用样式表框架或者使用样式表链接的 med

使用HTML5可以在本地存储用户的浏览数据。使用的主要目的是为了克服Cookie带来的一些限制，当数据需要被严格控制在客户端上时，无需持续的将数据发回服务器。主要目标：1.提供一种在Cookie之外存储会话数据的途径；2.提供一种存储大量可以跨会话存在的数据的机制。

外部引入 CSS 有2种方式，link 和 @import。就结论而言，强烈建议使用 link ，慎用 @import 方式。

defer与async的区别是：前者要等到整个页面正常渲染结束，才会执行；后者一旦下载完，渲染引擎就会中断渲染，执行这个脚本以后，再继续渲染。一句话，defer是“渲染完再执行”，async是“下载完就执行”。另外，如果有多个defer脚本，会按照它们在页面出现的顺序加载，而多个async脚本是不能保证加载顺序的。

流应用，结合了原生App和Web App的优势，又消除了各自的缺点。是移动互联网的终极应用形态！流应用建立在HTML5+这一突破性技术之上，通过强化HTML5使其达到原生App的功能和体验，并辅以类似流媒体的边用边下发行技术，这2项技术是流应用诞生的关键。流应用其实就是个App，能在桌面建快捷方式，不是网址，也不是网页。

ASCII编码即美国信息交换标准代码（American Standard Code for Information Interchange）是一套共有128个字符的编码，它基于阿拉丁字母，主要作用是用来表示英语和西欧语言字符。ASCII规范编码第一次公布于1967年，ascii码在1986年完成最后一次更新。ASCII码对照表等同于国际标准 ISO/IEC 646，ASCII码对照表是世界最通用的信息交换标准。

html文档中，html和bod标签，在不做任何设置的情况下，html根元素默认宽度为屏幕宽度，默认高度为8px（body元素的上margin 8px），body的默认宽度=屏幕宽度 - 左margin 8px - 右margin 8px。

1vh它表示的是当前屏幕可见高度的1/100，而1%它表示的是父元素长或者宽的1%

HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。

前端性能优化分为两个方向，一是工程化方向，另一个是细节方向。性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用。前端性能优化方法：1、减少http请求数；2、图片优化；3、使用CDN；4、开启GZIP；5、样式表和JS文件的优化；6、使用无cookie域名；7、前端代码结构的优化。

在web前端页面设计中，登录表单是非常常见的。但是，我们会经常碰到一个困扰的问题，就是登陆的帐户名如果采用的是三个字，而密码是俩个字，这就会出现上下对不齐的问题，进而会影响页面的美观。如何实现对齐，总结一下，可以采用2种方案