js

标签用于语义化地标记页面中具有特殊相关性的文本，如搜索关键词、引用重点或代码术语，浏览器默认以黄色背景高亮，可通过CSS自定义样式，提升可读性和结构清晰度。 HTML 中的 标签用于标记或高亮页面中需要特别强调的文本内容，通常表示这些内容在当前上下文中具有相关性或重要性。它不是用来表达语气上的强调（…

localStorage持久存储数据，sessionStorage仅在会话期间有效；二者均基于同源策略，但sessionStorage限于单标签页，常用于临时数据如表单内容，而localStorage适合长期缓存用户偏好等信息。 HTML5 提供了两种本地存储方式：localStorage 和 se…

前端加密可补充HTTPS，防止敏感数据在用户端被窃取。通过RSA非对称加密、AES动态密钥或哈希处理等方式，在表单提交前对密码等信息加密，结合后端协作实现安全传输，降低中间人攻击与数据泄露风险。 在Web开发中，HTML表单常用于收集用户信息，包括登录凭证、身份证号、银行卡等敏感数据。虽然HTTPS…

使用fetch API结合FormData可实现HTML表单异步提交，避免页面刷新。首先为表单绑定submit事件并调用preventDefault阻止默认行为，接着创建FormData实例收集数据，通过fetch发送POST请求至服务器，最后处理响应结果并给予用户反馈。该方法原生支持文件上传，无需…

change事件是监听表单选择类控件值变化的标准方法，适用于select、radio、checkbox，在值改变且失去焦点时触发；可通过addEventListener绑定change事件获取选中值并执行响应操作，如动态更新页面内容、加载数据或切换主题；对于需即时反馈的场景，可结合click事件实现…

WebSocket基于TCP实现全双工通信，通过HTTP握手升级协议后进行持久化双向数据传输，适用于聊天、通知等高频交互场景；前端使用JavaScript的WebSocket API建立连接并监听事件，后端可用Node.js的ws库创建服务器；需注意代理配置、自动重连、JSON格式消息及安全认证等问…

语义化是使用HTML标签表达内容真实含义，如section表示有主题的独立区块，需含标题，用于文章章节等逻辑分节，提升可读性、SEO和可访问性，区别于仅作布局的div。 HTML 中的 section 标签不是简单的布局容器，而是具有明确语义的结构化标签。正确使用 section 能提升页面可读性、…

required属性用于设置表单字段为必填项，浏览器自动验证非空后才允许提交。支持该属性的元素包括文本框、密码框、邮箱、数字输入、下拉框（默认选项为空）和文本域。示例中注册表单的姓名、邮箱、密码、性别和简介均设为必填，用户未填写时浏览器会提示并聚焦首个错误字段。注意事项：前端验证需配合服务器端校验；…

HTML表单可高效收集用户反馈，需设计简洁结构，使用label关联输入项，包含姓名、%ignore_a_1%、反馈类型和意见内容等字段，通过textarea允许自由表达，示例代码展示表单基本构成；表单数据需后端处理，设置action指向服务器脚本，用POST方法安全传输，后端验证并存储数据；提升体验…

HTML5离线存储通过manifest文件实现，列出需缓存的资源，配合HTML的manifest属性和服务器MIME配置，使页面在无网时仍可访问，尽管现已被Service Worker取代。 HTML5 离线存储通过 Application Cache（简称 AppCache）机制实现，使用一个名为…