网站建设

网站建设技术教程合集，覆盖前端开发、独立站搭建、KindEditor 编辑器配置、网页编码 BOM 排错、CSS/JS 实用代码片段等 web 开发常见问题与最佳实践。

JS教程

用 button 按钮触发页面刷新的八种 JavaScript 写法及最佳实践

JavaScript实现button按钮刷新当前页面的八种常用方式汇总，包括location.reload、location.assign、location.replace、document.execCommand、window.navigate和window.open等多种onclick写法。

2018-11-20 16 分钟阅读刷新页面
JS教程

手机访问 PC 站自动跳转移动版的 JS 实现思路与替代方案对比

提供一段简单实用的JavaScript代码片段，将其放置在网站head区域即可实现手机移动端访问PC版网站时自动跳转到对应的手机版独立站点，仅需替换为自己实际的PC站和移动站域名即可生效，部署快速便捷无需后端配合。

2018-06-08 13 分钟阅读自动跳转
CSS教程

段落首行自动缩进两字符的CSS实现方案与中文排版优化实战

中文段落开头空两格只需一行CSS代码即可实现，使用text-indent:2em属性自动让所有段落首行缩进，无需在编辑器中手动键入全角空格，让网页排版更符合中文阅读习惯。

2018-02-25 10 分钟阅读段落缩进
JS教程

防止网页恶意复制的屏蔽右键代码

辛苦原创的内容总被采集党右键复制走？保哥盘点四种常用屏蔽右键代码，包含body标签oncontextmenu禁用、JS禁用Ctrl快捷键和右键、禁用右键自动导航首页等方案，并推荐综合多事件触发的最优写法。

2017-03-08 7 分钟阅读屏蔽右键
CSS教程

图片按比例缩放的前端实现指南：保哥的多年实战经验总结

论坛帖子、文章详情页里大尺寸图片把页面撑破？本文分享一段JavaScript按比例缩放代码，通过getElementById获取article容器内所有img标签，按maxwidth550和maxheight880等比例缩小，避免布局变形。

2017-03-05 11 分钟阅读图片缩放
CSS教程

图片自适应手机端并居中显示的完整 CSS 实战笔记与排查思路

响应式HTML5网站经常遇到内容图片宽度过大撑破手机屏幕的问题？本文给出img标签上传时宽高留空的处理建议，搭配detail类CSS样式与@media媒体查询写法，让图片在PC端居中显示、手机端自适应缩放兼容。

2017-02-27 13 分钟阅读图片自适应图片居中
CSS教程

Font Awesome 字体图标完整指南：4.x/5.x/6.x 跨版本语法、SVG vs WebFont 渲染、性能与无障碍配置

Font Awesome 从 4.x 到 6.x 的语法、引入方式与渲染机制差异极大，旧教程贴上线就过时。本文按版本横切讲清前缀变化、CDN/本地/npm 三种引入、WebFont 与 SVG 双渲染模式取舍，附字体子集化、preload、ARIA 无障碍等实战优化与升级排坑。

2017-02-12 34 分钟阅读 Font Awesome 字体图标 FA 6.x
JS教程

JS实现幻灯片轮播自适应屏幕宽度并支持手机触屏滑动

想要一段既能自适应屏幕宽度又支持手机左右滑动切换的轮播代码？本文用jQuery+原生touch事件实现完整的图片轮播组件，含左右箭头、5秒自动播放、百分比布局，复制粘贴即可上线。

2017-02-08 9 分钟阅读 JS轮播 jquery JS自适应
JS教程

JS判断移动端并自动跳转至移动端网站

PC站和手机站采用不同域名时，如何让访客在手机或平板访问时自动跳到对应的m端？本文给出两种实战可用的JS判断脚本和Device.js方案，复制即可生效，免去用户记住两个网址的烦恼。

2017-02-07 5 分钟阅读 JS跳转
网站建设

用记事本编辑保存代码后产生BOM而导致网页报错或白屏的解决方法

网页莫名其妙白屏、验证码报错、页面错位，多半是 Windows 记事本保存时偷偷加了 BOM 头。本文给出一段 PHP 脚本，丢进根目录跑一次，就能递归扫描并自动剥掉所有文件的 BOM，附上推荐的替代编辑器。

2017-01-11 5 分钟阅读批量清除BOM