weixin_43791896的博客

原创 算法时间复杂度详解与对比-附带空间复杂度

某些分治算法（如 Karatsuba 快速乘法）中，递归调用次数与数据分割的层数相关，每层需要 O(log N) 操作，总复杂度为 O(log² N)。O(log² N) 是 O((log N)^k) 的特例（k=2），两者均属于多对数时间复杂度（Polylogarithmic Time）。当问题需要在多个维度上递归分解，且每层分解需要 O(log N) 操作时，总复杂度可能达到 O((log N)^k)，其中k是维度数。O((log N)^k) 与 O(log² N) 的理解。

原创 前端 transparent perspective opacity三者关系

原创 getBoundingClientRect()简要汇总-DS

Element.getBoundingClientRect() 返回元素的大小及其相对于视口（viewport）的位置信息。

原创 new URL()和new URLSearchParams()的简要汇总-DS

params.toString() 转换为查询字符串（如 name=John&age=30）url.searchParams.set(“page”, “2”);params.append(key, value) 添加参数（保留同名参数）params.set(key, value) 覆盖或新增参数（删除同名参数）params.getAll(key) 获取所有同名参数的值（数组）params.delete(key) 删除指定参数。

原创 getDataURL vue-i18n 简要汇总-DS

一、ECharts 使用 getDataURL 导出图片vue复制时机：需在图表渲染完成后调用 getDataURL。高清导出：pixelRatio: 2 可生成 2 倍清晰度的图片。动态数据：若数据变化，需先调用 myChart.setOption(updatedOption) 再导出。二、Vue 项目使用 vue-i18n 实现国际化json复制3. 配置 vue-i18njs复制locale: ‘en’, // 默认语言。

原创 搜索引擎与浏览器关系梳理

搜索引擎与浏览器的区别类似于 “导航系统”与“汽车” 的关系：一个负责提供方向（搜索信息），另一个负责承载用户到达目的地（访问网页）。纠正：搜索引擎可通过独立APP（如Google APP）、语音助手（如Siri）调用。二者协作：浏览器是载体，搜索引擎是功能之一，共同实现用户上网需求。浏览器是“网页访问工具”，专注于内容展示与交互。点击搜索结果链接，浏览器加载并显示目标网页。搜索引擎是“信息查找工具”，专注于内容检索。在搜索引擎中输入关键词，获取相关网页链接。误区2：必须通过浏览器才能使用搜索引擎。

原创 杂记 Infinity infinite

Infinity infinite

原创 css画三角-及相关其问题的简洁-深度的分析

简而言之，想画三角先加上 border: 50px solid transparent;不论后面画上下左右那个三角形，建议一定先设置border。然后再根据需要添加删减，什么奇怪问题都不会出现了。

原创 圣杯布局or双飞翼-史上最简化-最核心的秘籍

理解了overflow，position，margin三点，相当于抓住了核心秘籍，不论写法，效果，题型如何变化，我自无招胜有招，既可以用overflow 实现bfc效果，position也可以用relative去定位，margin既可以是left的负值，也可以是right的负值，记住，重点是掌握以上三点的作用，而不是死记硬背。float-浮动（这个应该都能理解）overflow -bfc的作用。position-定位的作用。margin-负值时的作用。

原创 flex中的 flex-shrink flex-basis

在 CSS 中，flex-basis 的值必须包含单位（如 px、%、em 等），因此正确的写法是 350px。若直接写 350（无单位），浏览器会忽略该值，导致 flex-basis 回退到默认值 auto。flex-shrink 仅在空间不足时生效，flex-grow 在空间剩余时生效。flex-shrink:2 的收缩量是 flex-shrink:1 的两倍。若项目内容过宽（如图片），需设置 min-width: 0 强制允许收缩。flex-shrink 与 flex-grow 无关。

原创 position: static

position: static 是元素的默认状态，表示“不进行特殊定位”。它主要用于取消其他定位方式的影响，或显式声明默认行为。若需要调整元素位置，需改用 relative、absolute 等非静态定位方式。

原创 前端 form与from 使用场景

Form 表单transform。

原创 felx布局

推荐一个很不错的flex讲解地址：

原创 前端解析URL GET参数方法（从新到旧-3种方法梳理）

decodeURIComponent 是 JavaScript 中用于 解码 URI 组件 的内置函数，它将 URI 中经过编码的特殊字符（如 %20、%3F 等）还原为原始字符。用于解析和操作 URL。它可以将一个字符串解析为 URL 对象，并提供对 URL 各个部分（如协议、主机、路径、查询字符串等）的访问。在 URL 中，某些字符（如空格、中文、&、= 等）必须转换为 % 后跟十六进制数的形式（如空格 → %20）。不推荐场景：大多数前端应用需要直接使用解码后的参数值（如显示到页面或提交到后端）。

原创 利用deepseek梳理 偏前端 通讯方式-通信协议-传输层协议

跨页通信：通过storage事件监听实现同源页面数据同步（仅限localStorage）。与通信方式的关系：Ajax、Fetch、SSE等通信方式基于HTTP/HTTPS实现。通信方式是实现，如Ajax基于HTTP发送请求，SSE基于HTTP实现推送。核心作用：解决特定场景下的通信需求（如实时性、跨域、性能优化等）。简单数据请求：优先使用 Fetch/Axios（基于HTTP）。独立于具体实现（如HTTP协议可用Ajax或Fetch实现）。服务器单向推送：使用 SSE（基于HTTP）。

原创 vue-cil静态文件地址的改变 static-＞public

vue-cil静态文件地址的改变 static->public

原创 关于通过overflow: hidden触发BFC外边距折叠的问题

overflow: hidden 触发的 BFC 未完全隔离外边距，导致折叠。若需彻底阻止折叠，优先使用 display: flow-root （专为 BFC 设计，无副作用）或包裹 BFC 容器。其外边距可能仍属于父 BFC 的布局范围，导致折叠。display: inline-block 触发 BFC 时，子元素的整个布局上下文（包括外边距）被隔离到自身 BFC，因此与父 BFC 的外边距不折叠。触发BFC，外边距互不干扰（不折叠）通过overflow: hidden；触发BFC，外边距干扰（折叠）

原创 offset client screen scroll page 属性相关问题梳理

属于窗口对象，表示窗口在屏幕上的位置，但用户之前提到正确的属性是window.screenTop和window.screenLeft，而screenWidth和screenHeight属于屏幕对象，通过window.screen访问。还要注意用户可能存在的误解，比如pageTop和pageLeft并不是标准属性，而是用户自己设想的，需要指出正确的替代方法，比如使用getBoundingClientRect结合滚动位置。另外，对于不存在的属性，如pageTop，需要指导用户如何通过现有属性和方法计算得到。