-
微信iOS端禁止非用户手势触发的页面跳转，仅允许在click/touchend等真实事件中执行location.replace()；SPA须用hash模式，JS-SDK接口不可用于任意URL跳转。
-
轮播图常见问题及解决方案：自动播放需用clearInterval清除旧定时器；动态DOM需用事件委托或确保DOM加载完成再绑定；滑动动画应使用transform替代margin-left；移动端拖拽需preventDefault并记录偏移量。
-
使用Flexbox制作数据时间轴效率高且弹性好，1.它通过flex-direction控制主轴方向实现垂直或水平布局；2.利用justify-content和align-items精准对齐元素；3.结合伪元素绘制时间轴线与圆点提升视觉效果；4.响应式设计依赖媒体查询调整布局方向与间距；5.复杂内容可通过嵌套Flex布局实现内部元素灵活排列。
-
前端JavaScript加密不能真正保障数据安全，因其运行在用户可控环境，密钥与逻辑易被窃取或绕过；它仅适用于防抓包明文、临时签名及本地存储混淆等场景，且须配合HTTPS、后端校验等措施。
-
对象字面量{}最安全，避免new遗漏和原型污染；属性名含空格需引号；方法是函数值，支持简写；计算属性用[key]；点号访问合法标识符，方括号支持动态键；this绑定取决于调用方式；Object.defineProperty默认不可枚举。
-
letter-spacing作用于所有字符（含空格、标点、emoji），中英文混排时易致间距失控；word-spacing仅影响空格类分隔符，对中文无效；调中文词距需分词+span控制或Intl.Segmenter，无原生CSS支持。
-
justify-content:space-around使弹性项目沿主轴均匀分布，两侧间距相等，边缘间距为项目间间距的一半。适用于导航栏、卡片布局等需视觉呼吸感的场景，与space-between和space-evenly相比，既避免紧贴边缘又保持柔和分散效果。
-
设计可扩展的jQuery插件需结合模块化、配置化与事件驱动，首先通过$.extend()合并用户配置，利用回调函数或自定义事件（如beforeSlide、afterSlide）实现行为扩展，并通过$.data()暴露方法供外部调用；为避免插件冲突，应使用IIFE创建私有作用域，采用命名空间管理变量，或借助Webpack等模块化工具隔离依赖，确保插件间互不干扰。
-
应避免在循环中重复计算数组长度、滥用事件监听器、用try...catch包裹高频代码：需缓存length、用事件委托替代单元素绑定、移除非必要try...catch以提升V8性能。
-
new操作符执行四步：创建空对象、设置原型链、绑定this并执行构造函数、按返回值决定最终结果；省略new会导致this指向错误或返回undefined；箭头函数因无prototype和[[Construct]]不可被new调用。
-
标题间空行应使用CSS的margin-bottom控制，而非空格、 或； 仅用于防折行场景；需注意margin合并现象。
-
本文详解如何在Selenium中正确获取动态渲染的单词元素文本内容，解决.text返回空字符串的问题，并推荐使用get_attribute("textContent")获取隐藏但已加载的DOM文本。
-
<select>元素不支持line-height，因其为替换元素，行高由系统或UA样式控制；有效方案是用padding、height+box-sizing控制高度，或改用自定义下拉组件。
-
使用Notepad++批量替换HTML标签，先打开替换窗口（Ctrl+H），在查找目标中输入正则表达式如<strong>(.*?)</strong>，替换为<b>$1</b>，勾选“正则表达式”模式，最后点击“全部替换”完成操作。
-
Web转App后，HTML<inputtype="file"multiple>在AndroidWebView中常失效，导致仅能单图选择；根本原因在于WebView默认禁用多文件选择器，需通过原生层适配或改用兼容性更强的技术方案。
