‍ 写在开头 点赞 + 收藏 学会 1) border 会改变布局（占据空间） border 会参与盒模型，增加元素尺寸。 例如，一个宽度 200px 的元素加上 border: 1px solid #000，实际宽度会变成： 200 + 1px(left) + 1px(righ ...

‍ 写在开头 点赞 + 收藏 学会 告别百分比计算：从文档流到 Flex 弹性布局的进化之路 在 CSS 的世界里，布局方式的演进就像是一场对“控制权”的争夺战。从最初顺其自然的文档流，到精打细算的 inline-block，再到如今游刃有余的 Flexbox，我们的代码变得越来 ...

‍ 写在开头 点赞 + 收藏 学会 前言 当你叩开 Node.js 的大门，会发现它的内核逻辑恰似一套精密的 “后端工具链”：http模块是搭建服务的 “基建脚手架”，以极简代码就能拉起可被浏览器访问的 Web 端点；https模块是对接外部世界的 “数据导管”，能安全拉取远程接 ...

‍ 写在开头 点赞 + 收藏 学会 在朋友圈中，除了普遍的一行三列的布局外，一张、二张、四张图片时的布局是不一样的。一张图片时，按图片原有宽高显示。 两张图片，并行展示，图片会偏大一些。 四张图片时，一行显示两个。 三张、及四张以上时，按一行三列排序。 实现 这里结合naive ...

‍ 写在开头 点赞 + 收藏 学会 在开发自定义 Swiper 或长列表组件时，为了优化性能，我们通常会给每一项加上懒加载逻辑： <view class="item"> <template v-if="shouldRender"> <slot :name="'slot-' + i ...

告别 HBuilderX？拥抱 unibest：基于 Vite + Vue 3 的 Uni-app 开发终极方案 在移动端跨平台开发领域，Uni-app 凭借其强大的跨端能力不仅统一了小程序和 App 的开发，更构建了庞大的生态。然而，传统的开发模式（依赖 HBuilderX、基于 Webpack ...

gift-book —— 一款纯本地、零后端、完全本地运行的单页 Web 应用，旨在为各类红白喜事提供一个现代化、安全、高效的礼金（份子钱）管理解决方案。 ...

‍ 写在开头 点赞 + 收藏 学会 前言 在前端开发中，我们经常会遇到接口返回的文本内容过长，无法完全显示的问题。为了处理这一问题，通常会设置固定的宽度并使用省略号样式（text-overflow: ellipsis）来隐藏超出的文本。然而，有时产品需求还希望用户能够通过悬停查看 ...

‍ 写在开头 点赞 + 收藏 学会 localhost 是主机名（域名） ，属于应用层概念； 127.0.0.1 是IPv4 回环地址，属于网络层概念。 两者都用于访问本机服务，但 localhost 必须通过解析才能映射到具体 IP（默认是 127.0.0.1 或 IPv6 的 ...

在HTTP通信中，三次握手和四次挥手是TCP（传输控制协议）建立和断开连接的过程。理解这些过程对于网络协议知识非常有帮助。以下是详细的解释： 三次握手（Three-Way Handshake） 三次握手是TCP连接建立的过程，确保双方都准备好进行数据传输。 第一次握手（SYN）： 客户端发送一个SY ...

为优化拟我形象在多场景中的性能与接入，我们将其预先导出为视频/动图。通过对比，采用 Puppeteer + H5 渲染帧 + FFmpeg 合成方案，实现了效果一致、服务端批量处理与低成本接入，为规模化应用提供了可靠基础。 ...

并行加载是 H5 即开 SDK 的加速技术，通过 native 层在用户打开页面时并行请求关键资源（如 index.html 和 CSR 模式 API），利用 webview 初始化时间窗口提前发起请求，减少加载耗时。其核心挑战是解决 webview 与并行任务间的资源交接问题。 ...

创建双搜索引擎页面 百Google度的网站被封了，但！！！这不影响我们创建属于自己的双搜索引擎页面！ 提前准备 找到你想添加的俩个搜索引擎对应的URI 和 它预先定义用于存储搜索关键词的参数名。 打开你想要的搜索引擎的网页，在当前搜索引擎里输入“关键词”，点击搜索，然后观察上面的网址，一般“？”前出 ...

‍ 写在开头 点赞 + 收藏 学会 引言：一个看似简单的陷阱 在 JavaScript 的日常开发中，我们常常会遇到这样一段“经典”代码： console.log([1, 2, 3].map(parseInt)); // 输出：[1, NaN, NaN] 乍看之下，这段代码似乎应 ...

‍ 写在开头 点赞 + 收藏 学会 引言 在现代Web开发中，性能优化是一个永恒的话题。随着前端应用的复杂度不断提升，JavaScript的执行效率直接影响用户体验。我曾面临一个关键功能的性能瓶颈——初始实现需要50ms完成的任务，通过一系列优化手段成功降至5ms。本文将分享这7 ...

在前端工程化开发中经常会用到less第三方css库，其中@import指令中的~符号和@符号用于指定模块化路径，常见于Webpack等构建工具中。下面介绍使用方法： 路径解析规则： ~符号：表示模块请求，构建工具会将其解析为node_modules目录或配置的别名路径 。 ‌ @符号：通常指向项目源 ...

Web前端全栈开发就业班课程，涵盖HTML5、CSS3、JavaScript、Vue.js、React、小程序开发等核心技术栈。课程包含移动Web开发、Vue.js面经项目、Uni-APP优医项目、React.js美团案例、智慧园区项目等10+企业级实战项目。学员将掌握响应式布局、组件化开发、状态管... ...

‍ 写在开头 点赞 + 收藏 学会 在前端开发中，网页截图是个常用功能。从前，html2canvas 是大家的常客，但随着网页越来越复杂，它的性能问题也逐渐暴露，速度慢、占资源，用户体验不尽如人意。 好在，现在有了 SnapDOM，一款性能超棒、还原度超高的截图新秀，能完美替代  ...

本文档系统介绍CSS核心布局知识，涵盖尺寸单位（px、em、rem、fr）及其使用原则；标准与怪异盒模型区别及box-sizing属性应用；position定位（static、relative、absolute、fixed、sticky）的特性与参考系；float浮动规则、布局影响及清除方法；以及F... ...

‍ 写在开头 点赞 + 收藏 学会 先看效果：在素材网站一键批量保存所有图片 废话不多说，直接上手！ 项目结构 image-downloader-extension ├── manifest.json # 扩展的"身份证" └── background.js # 插件后台脚本 创 ...