html页面转image、pdf
接到新需求，产品希望实现下载动态网页内容的功能，用于打印或印刷。生成PDF最佳，生成一组高清图片也行。本文详细记录了实现方案。
主流网页设计及布局实现
前段时间做yt商城，产品和设计出了一张首页效果图，在原有官网首页基础上进行局部调整。还给了迪卡侬官网进行参考，想实现响应式网站的效果。 我在评审会上要求设计多个尺寸的页面，也就是需要多个断点，说了半天感觉大家都不太理解。最终的效果图页就一个，所以在开发过程中自行脑补实现了局部响应式效果。 后期在工作之中，系统性去了解了响应式相关知识，借此机会，把学习到成果分享给大家。 首页我们来了解一下两个专业名
响应式和自适应式网页设计
响应式与自适应网页设计：核心概念、实现方案与实践指南在多设备（PC、平板、手机）普及的时代，网页需适配不同屏幕尺寸，响应式与自适应设计成为前端开发的核心技能。本文系统梳理两者的核心区别、响应式设计的实现条件、技术方案及常见问题解决方案，助力高效落地跨设备兼容的网页设计。 一、核心概念：响应式 vs 自适应（区别与联系）1. 定义本质 响应式设计（Responsive Web Design）：一个网
SSH & FTP工具
Windows & macOS 推荐 SSH & FTP 工具跨平台强烈推荐：WindTerm（集成 SSH / FTP / SFTP，Windows、macOS 通用） Windows 平台SSH 工具 WindTerm（首选，一站式 SSH + 文件传输） Xmanager（专业商用，功能强大） PuTTY（轻量免费开源，经典 SSH 工具）官网：http
nginx代理实践（一）多项目本地联调
Nginx 配置实现本地多项目集成开发（统一域名+共享登录态）你希望解决本地开发中「多项目（不同端口）交互、共享登录状态/缓存、无缝跳转」的问题，通过配置 Nginx 实现统一域名访问多端口项目，模拟线上一致的访问体验。本文梳理 Windows 环境下完整的配置流程，优化配置逻辑并补充关键注意事项，确保本地集成开发高效且贴近线上环境。 一、核心目标与技术方案1. 核心痛点 本地多项目运行
使用Github的webhook完成自动部署网站
Hexo 静态站点自动部署：通过 GitHub WebHook 同步到国内服务器你希望解决 Hexo 部署到 github.io 因境外服务器、域名被墙导致访问不稳定的问题，本文整理完整方案：通过配置 GitHub WebHook 触发国内服务器的 Koa 接口，自动拉取/更新 Hexo 静态仓库代码，实现站点部署到国内服务器，大幅提升访问稳定性。 一、核心思路 核心痛点：github.
组件按需加载（antd、element-ui）
按需加载插件全解析：ts-import-plugin / babel-plugin-import / babel-plugin-component本文系统梳理三款前端组件库按需加载插件的核心区别、适配场景，以及在 Nuxt/Vue CLI 框架下结合不同 UI 库（ant-design-vue、Element-UI、Vant）的实战配置方法，帮助你精准选择并落地按需加
iphone（普通屏、刘海屏）、android（奇形怪状屏）H5页面适配
混合开发中H5状态栏+顶部标题栏高度适配方案（Android+全系列iPhone）在混合开发场景下，当状态栏+顶部标题栏由H5页面实现时，需针对Android机型动态获取真实高度、针对iPhone（含最新灵动岛机型）做机型适配，以保证H5端与APP原生端视觉高度完全一致。本文梳理完整适配逻辑，覆盖Android桥接获取、iPhone全机型（含15/14/13系列）适配。 一、基
