-
Canvas内容无法真正加密，只能通过禁用读取API、混淆渲染、服务端协同和水印溯源等手段限制未授权访问；需接受前端防护的局限性，核心数据必须保留在服务端。
-
本文介绍如何使用jQuery在向HTML表格动态追加数据行后，准确汇总所有带.table-number类的单元格数值，并将结果实时显示在指定总计单元格中。
-
应缓存数组长度以提升性能。错误写法每次循环都读取array.length，正确写法为for(leti=0,len=array.length;i<len;i++)。
-
flex-basis设为auto无效是因为其行为依赖父容器是否设置height/max-height；父容器需display:flex且flex-direction:column，否则flex-basis控制宽度而非高度。
-
CSS渐变断层源于8bit色深下颜色插值精度不足，解决关键是增加中间色阶或改用HSL模型渐进调控亮度与饱和度。
-
应监听pageshow事件并检查persisted属性，若为true则手动刷新页面；同时需用pushState/replaceState配合popstate事件主动管理状态，保存滚动位置、表单数据等DOM状态。
-
Vuetify中hidden-sm-and-down类会导致图片在屏幕宽度小于960px时被隐藏，实际应使用hidden-xs-only或响应式逻辑控制图标显示，本文详解原因与正确用法。
-
使用aspect-ratio固定容器宽高比，结合object-fit控制图片填充方式，可解决CSS网格布局中图片拉伸变形问题。1.通过aspect-ratio:16/9设置容器比例，确保高度随宽度自适应；2.使用object-fit:cover（裁剪填满）或contain（完整显示）保持图片比例；3.配合width:100%和height:100%使图片正确渲染在网格项内；4.在响应式grid-container中应用minmax(250px,1fr)实现自适应列布局。最终实现图片在不同尺寸下均保持美观、
-
使用ES6模块化拆分功能，避免全局污染；2.用const/let声明变量，函数参数结合解构提升可读性；3.批量操作DOM并采用事件委托；4.优先使用map/filter/reduce及Set/Map优化性能；5.通过async/await管理异步，配合ESLint和Prettier统一代码规范，提升可维护性与执行效率。
-
HTML页面图标最直接方式是用<linkrel="icon">声明于<head>，需绝对或根相对路径、推荐.ico格式及image/x-icon类型；第三方图标库如FontAwesome需引入CSS并用<i>标签调用；SVG内联更可控；多尺寸适配需多次声明不同sizes的link标签。
-
JavaScript数据类型分原始类型和对象类型，typeof对null错误返回"object"，需结合Array.isArray()、Object.prototype.toString.call()和instanceof按场景选用；推荐用getType函数先判null再统一提取类型名。
-
grid-auto-rows控制隐式网格行的高度，仅作用于超出grid-template-rows显式定义范围的自动创建行；需配合容器高度约束才能生效，与grid-template-rows共存时后者优先。
-
JSON.parse(JSON.stringify(obj))不能当深拷贝用，因会丢弃函数、undefined、Symbol等，且无法处理循环引用；structuredClone()是目前最靠谱的原生方案，但不支持函数、undefined、Symbol；手写需注意特殊类型识别与循环引用缓存；Lodash的_.cloneDeep()覆盖广但不深拷贝函数体、不保留原型。
-
max-width:100%失效主因是父容器无宽度约束或被其他样式覆盖；应配合height:auto、检查样式优先级，并区分object-fit用途。
-
WebSocket是全双工、长生命周期的TCP连接，握手复用HTTP但后续脱离其协议栈，以轻量帧通信；原生JS通过WebSocket构造函数创建，依赖onopen发送数据，不自动重连，需手动实现并注意代理、CDN、兼容性等部署限制。
