前端开发
前端开发标签页整理网页开发、浏览器调试、页面优化、JavaScript和前端工具等相关文章，分享开发与排错中的实用经验。
-
CSS box-shadow与伪元素制作图片翘边效果
CSS图片翘边阴影并不是直接改变图片形状，而是在图片底部添加两个经过旋转的伪元素，再利用box-shadow模拟纸张两角微微抬起的效果。文章提供可直接使用的完整代码，并说明层级、阴影范围和常见失效原因。
经验分享
2026-07-25 22:2707-25
13
-
网站微信适配要做什么？从内置浏览器到JS-SDK
网站适配微信不仅是缩小页面宽度，还涉及内置浏览器兼容、分享卡片、公众号网页授权、微信支付及小程序跳转。合理区分普通网页能力与微信开放能力，并保留外部浏览器的降级方案，才能让同一网站在微信内外都能稳定使用。
经验分享
2026-07-25 22:0407-25
14
-
网页状态码怎么看？从 2xx、3xx 到 4xx、5xx 一次讲清楚
HTTP 状态码是判断网页请求是否成功、是否发生重定向以及服务器是否异常的重要依据。200、301、302、304、404、410、429、500、502、503 等代码在网站运营和 SEO 排查中尤其常见。理解它们的真实含义，有助于区分页面正常、权限限制、死链、缓存和服务器故障。
经验分享
2026-07-24 21:0007-24
12
-
不装软件也能记事？用 data:text/html 打开浏览器编辑器
浏览器除了打开网站和搜索内容，本身还具备不少容易被忽略的能力。利用 data:text/html 和 contenteditable，可以直接把当前标签页变成临时记事本；配合 view-source、开发者工具和本地覆盖，还能查看源码、临时修改页面并测试代码，适合日常记录、前端调试和快速验证。
经验分享
2026-07-24 20:4707-24
7
-
用 AI 做 UI 如何减少生硬动画？Emil Kowalski Skills 项目介绍
emilkowalski/skills 是一组面向设计师、前端开发者和 AI 编程代理的设计工程技能文件，重点解决 AI 生成界面时动画、交互细节和组件选择缺乏判断标准的问题。项目覆盖动画审查、代码库动画改进、动效机会识别、设计原则和 UI 库选择等方向，适合希望把设计经验转化为 AI 开发约束的用户。
拥抱AI
2026-07-24 20:3607-24
11
-
网址请求中的GET和POST有什么不同？一文讲清
GET和POST是Web开发中最常见的HTTP请求方法。GET主要用于获取资源和查询数据，POST主要用于提交数据并触发服务器处理。两者在参数位置、缓存、幂等性、网址分享和使用场景上存在差异，但POST并不天然比GET更安全。
经验分享
2026-07-23 21:0307-23
11
-
网页压缩算法有哪些？Gzip、Brotli、Deflate与Zstd区别解析
网页压缩主要用于减少HTML、CSS、JavaScript等资源在网络中的传输体积。常见HTTP压缩方式包括Gzip、Brotli、Deflate和Zstandard，其中Gzip兼容成熟，Brotli在Web文本压缩中应用广泛。文章同时说明传输压缩与代码Minify、图片压缩之间的区别。
经验分享
2026-07-22 21:3107-22
16
-
网站加载慢怎么优化代码？CSS、JS与HTTP压缩指南
页面代码优化并不只是把HTML、CSS和JavaScript压缩成一行，还包括删除无用代码、拆分资源、延迟非关键脚本、启用Brotli或Gzip、设置缓存及优化图片字体。合理处理这些环节，可以减少下载和执行开销，改善页面加载与交互体验。
网络运营
2026-07-22 21:2307-22
10
-
Chrome扩展程序如何打包成CRX？开发流程介绍
CRX是Chrome浏览器扩展程序使用的打包格式，但开发插件时通常先以普通目录组织manifest、脚本、页面和图标，再加载到浏览器调试。文章从Manifest V3出发，介绍Chrome插件的目录结构、CRX内部组成、最小插件制作、权限配置及打包发布流程。
经验分享
2026-07-20 21:4407-20
12
-
仿站小工具：单页网页资源下载功能解析
仿站小工具是一款面向Windows的网页下载工具，主要用于保存指定网页及其HTML、CSS、JavaScript、图片等前端资源，并对本地路径进行整理，方便离线查看和前端学习。文章介绍它的主要用途、工作方式以及无法获取网站后台程序等使用边界。
效率工具
2026-07-20 21:1007-20
10
-
苹果移动网页标题标签怎么写？常见相关标签说明
apple-mobile-web-app-title用于设置网页被添加到苹果设备主屏幕后显示的应用名称，它与浏览器标签页标题、SEO标题和Web App Manifest并不是同一概念。文章结合title、application-name、theme-color、apple-touch-icon等相关标签，说明各自作用、适用场景及配置边界。
网络运营
2026-07-18 15:0307-18
19
-
GA4、Google Tag、gtag.js 的区别讲清楚
GA4 是 Google Analytics 4 的数据分析产品，Google Tag 是安装在网站上的统一标签，负责把网页行为发送到 GA4、Google Ads 等目的地。理解它们的关系，有助于正确安装统计代码，避免重复埋点和数据异常。
网络运营
2026-07-16 12:1007-16
17
