从不足到精进：H5即开并行加载方案的演进之路
并行加载是 H5 即开 SDK 的加速技术，通过 native 层在用户打开页面时并行请求关键资源（如 index.html 和 CSR 模式 API），利用 webview 初始化时间窗口提前发起请求，减少加载耗时。其核心挑战是解决 webview 与并行任务间的资源交接问题。 ...
如何创建你的百Google度！！（实现双搜索引擎页面）
创建双搜索引擎页面 百Google度的网站被封了，但！！！这不影响我们创建属于自己的双搜索引擎页面！ 提前准备 找到你想添加的俩个搜索引擎对应的URI 和 它预先定义用于存储搜索关键词的参数名。 打开你想要的搜索引擎的网页，在当前搜索引擎里输入“关键词”，点击搜索，然后观察上面的网址，一般“？”前出 ...
JavaScript 中的 map、parseInt 与 NaN：一场关于类型转换与函数调用的深度解析
写在开头 点赞 + 收藏 学会 引言：一个看似简单的陷阱 在 JavaScript 的日常开发中，我们常常会遇到这样一段“经典”代码： console.log([1, 2, 3].map(parseInt)); // 输出：[1, NaN, NaN] 乍看之下，这段代码似乎应 ...
JavaScript性能优化：我从50ms降到5ms的7个关键技巧
写在开头 点赞 + 收藏 学会 引言 在现代Web开发中，性能优化是一个永恒的话题。随着前端应用的复杂度不断提升，JavaScript的执行效率直接影响用户体验。我曾面临一个关键功能的性能瓶颈——初始实现需要50ms完成的任务，通过一系列优化手段成功降至5ms。本文将分享这7 ...
前端工程化中Less第三方库中@Import的“~”和“@”用法
在前端工程化开发中经常会用到less第三方css库，其中@import指令中的~符号和@符号用于指定模块化路径，常见于Webpack等构建工具中。下面介绍使用方法： 路径解析规则： ~符号：表示模块请求，构建工具会将其解析为node_modules目录或配置的别名路径 。 @符号：通常指向项目源 ...
前端开发就业课程：10个企业级项目+3000课时完整学习路线
Web前端全栈开发就业班课程，涵盖HTML5、CSS3、JavaScript、Vue.js、React、小程序开发等核心技术栈。课程包含移动Web开发、Vue.js面经项目、Uni-APP优医项目、React.js美团案例、智慧园区项目等10+企业级实战项目。学员将掌握响应式布局、组件化开发、状态管... ...
弃用 html2canvas！快 93 倍的截图神器
写在开头 点赞 + 收藏 学会 在前端开发中，网页截图是个常用功能。从前，html2canvas 是大家的常客，但随着网页越来越复杂，它的性能问题也逐渐暴露，速度慢、占资源，用户体验不尽如人意。 好在，现在有了 SnapDOM，一款性能超棒、还原度超高的截图新秀，能完美替代 ...
【AI说HTML 01】HTML从零基础到精通路径
学习HTML从零基础到精通，是一个循序渐进的过程，关键在于建立正确的认知、通过实践巩固知识，并逐步关注更宏观的网页质量维度。下面我为你梳理一条清晰的路径，并附上每个阶段的学习重点和建议。 为了让你对整体学习旅程有个直观的印象，我用下面这张图为你勾勒出了从入门到精通的四个关键阶段和核心目标。 flow ...
CSS尺寸、盒子模型、定位、浮动与布局（Flex/Grid）
本文档系统介绍CSS核心布局知识，涵盖尺寸单位（px、em、rem、fr）及其使用原则；标准与怪异盒模型区别及box-sizing属性应用；position定位（static、relative、absolute、fixed、sticky）的特性与参考系；float浮动规则、布局影响及清除方法；以及F... ...
【前端效率工具】：告别右键另存，不到 50 行代码一键批量下载网页图片
写在开头 点赞 + 收藏 学会 先看效果：在素材网站一键批量保存所有图片 废话不多说，直接上手！ 项目结构 image-downloader-extension ├── manifest.json # 扩展的"身份证" └── background.js # 插件后台脚本 创 ...
vivo 前端三剑客发展历程及原理揭秘
异地协作模式，给开发和测试间的问题沟通及定位带来了诸多挑战。本文从前端开发视角出发， 阐述在这过程中遇到的痛点，探索解决的思路，并在过程中成功孵化出技术工具“前端三剑客”，文章深入解析了“前端三剑客”技术的实现原理及应用场景。 ...
CSS3 超实用属性:pointer-events (可穿透图层的鼠标事件)
写在开头 点赞 + 收藏 学会 CSS3 pointer-events 属性：实现可穿透图层的鼠标事件 在网页开发中，我们通常会遇到多个元素重叠的情况。在这种情况下，如何使得被遮挡的元素仍然能够响应鼠标事件呢？CSS3 引入了 pointer-events 属性，允许开发者控 ...
记录---图文并茂讲解nginx中http升级https（部署SSL证书）知识点总结
写在开头 点赞 + 收藏 学会 为何网站要升级为https 原因有以下几点: 1. 避免浏览器的不安全的警告 浏览器对于http的网站会在地址栏明确标记【不安全】字样 这样直接降低用户对网站的信任度 造成用户流失 甚至可能被用户误认为是钓鱼网站 如下图，是笔者的网站没有升级h ...
CSS - transition 粗浅记忆
在 CSS 中，transition 是用于实现元素样式平滑过渡的属性，能让元素从一种样式状态（如颜色、尺寸、位置等）逐渐变化到另一种状态，避免样式突变带来的生硬感。它是实现基础动画效果的核心工具，广泛用于 hover 交互、状态切换等场景。 一、transition 核心语法 transition ...
记录---window.close()失效 + Chrome浏览器调试线上代码
写在开头 点赞 + 收藏 学会 情况说明 主系统单点登录点击触发window.open()打开本系统。 是发布生产后的新需求：要求退出登录后直接关闭当前系统页面。 本地运行增加了window.close()方法实现功能，点击退出后页面没反应。 排查过程 官方解析中说明，win ...
记录---前端微服务框架深度对比：无界（Momentum）与乾坤（Qiankun）实战指南
写在开头 点赞 + 收藏 学会 一、引言：为何选择微前端？ 在传统单体前端架构中，随着业务复杂度增加，代码臃肿、协作困难、部署效率低等问题愈发突出。微前端通过将项目拆分为多个独立自治的微应用，解决了这些问题： 技术栈无关：支持 Vue、React、Angular 等框架混合开 ...
记录---基于uniapp，编写一个自定义的日期组件
写在开头 点赞 + 收藏 学会 环境配置 系统：windows10 平台：HBuilderX4.76 语言：vue、javascript 库：uni 概述 本文是基于uniapp，编写的自定义日期选择器组件，大致效果如下： 1、组件简介 这是一个日期选择器，即可以选择年、月、 ...
上下margin无法生效的一种情况-行内元素
问题描述 在学udemy的html&css课的时候，challenge2有一部分是给超链接添加margin-top/bottom,添加后浏览器devtool的样式中显示margin已生效，但是在页面中却无法显示。 解决过程 搜索margin不生效的几个原因可以总结为 parent box 放不下 上 ...
记录---浏览器指纹-探究前端如何识别用户设备
写在开头 点赞 + 收藏 学会 什么是浏览器指纹？ 浏览器指纹，是用来唯一标识你浏览器的一组“特征值”。它不是我们理解中的那种真实指纹，而是通过收集浏览器、操作系统、设备分辨率、字体、插件等信息，组合成的一个独特 ID。 和传统的 Cookie 不同，浏览器指纹不需要在用户设 ...
