博客

我的写法，亲测靠谱 在多语言网站的优化过程中，hreflang标签是一个非常重要的工具。它可以帮助搜索引擎理解你的网站有哪些语言版本，并且让用户能够找到最合适的语言版本。我一般这样处理： html &...

为啥要对比这几个方案 加载时间这个话题，几乎是每个前端开发者都绕不过去的坎。我之前在几个项目中踩过不少坑，也试过各种优化方案。今天就来聊聊几种常见的优化方法，看看哪个更靠谱。 方案一：代码分割（Cod...

为什么要对比这几个方案 最近在项目中一直在折腾编译工具，尤其是SWC编译这块。其实市面上有不少选择，比如Babel、Terser、还有SWC本身。我主要想对比一下这几个方案，看看哪个更适合我们的项目。...

项目初期的技术选型 最近有个项目，主要需求是提高网站的安全性，防止一些常见的安全问题。在前期的技术调研中，我注意到了一个叫做Permissions-Policy的新特性。这个东西听起来挺有潜力的，可以...

我的写法，亲测靠谱 在前端开发中，HMR（Hot Module Replacement）是一个非常实用的功能。简单来说，HMR可以在不刷新页面的情况下，实时更新模块，从而提升开发效率。我一般这样处理H...

先看效果，再看代码 今天要聊的是 Tap 事件，这玩意儿在移动端开发中特别常见。直接上代码，亲测有效： document.addEventListener('click', function(even...

先看效果，再看代码 最近在项目中折腾缓存策略，发现确实能提升用户体验和性能。今天就来聊聊我在实际项目中用到的一些缓存策略，以及踩过的坑。亲测有效的方法，建议直接用这种方式。 核心代码就这几行 我们先来...

为什么要对比这几个方案 在做移动开发时，WebView缓存是一个绕不开的话题。不同的缓存方案会影响到用户体验和性能，所以我决定对比几个主流的方案，看看哪个更适合自己手头的项目。 方案一：使用HTML5...

先看效果，再看代码 最近在做一个响应式设计的项目，碰到了一个老生常谈的问题：字体大小。在不同设备上，字体大小的适配一直是个头疼的事。今天就来聊聊我是怎么解决这个问题的。 核心代码就这几行 首先，我们来...

语义化标签怎么用？折腾了半天发现这些坑 最近在重构一个项目的时候，想着把一些旧的div标签换成更语义化的HTML5标签。一开始觉得这事儿挺简单的，改完以后才发现，哎，还是踩了不少坑。 直接上代码吧，我...

优化前：卡得不行 之前我们项目里用了一个挺酷的滚动效果，用了ScrollMagic这个库。一开始大家都觉得效果不错，但一上线就发现，这玩意儿卡得要死，特别是在一些低端设备上，简直没法用。用户反馈说滚动...

先看效果，再看代码 大家好，今天要和大家分享的是Presets预设的使用经验。这个东西在前端开发中挺常见的，特别是用到一些脚手架工具时，比如Create React App或者Vue CLI。直接上代...

优化前：卡得不行 项目上线后，用户反馈页面加载慢得跟蜗牛一样，我自己也试了几次，感觉确实卡得受不了。尤其是在开发环境下，每次保存代码后，编译过程都能让人等得心焦。说实话，这种体验真的是差到极点。 找到...

直接上代码，先看效果 大家好，今天要聊的是原生插件的使用。废话不多说，直接上代码。 假设我们要实现一个简单的图片轮播功能，用原生JavaScript来写。首先来看一下HTML结构： <div i...

为什么我要对比这几个方案 最近在项目中用到了Hox这个框架，发现有好几种实现方式可以选。作为一个前端开发者，我总是喜欢折腾各种技术方案，看看哪个最适合自己。今天就来聊聊我在使用Hox时遇到的几个方案，...

我的写法，亲测靠谱 在使用 Jenkins 的过程中，我积累了一些实战经验，希望能帮到大家。首先，我要分享一下我在配置 Jenkins 管道时的一些最佳实践。 Jenkinsfile 的编写 我一般这...

为什么我要对比这几个Skeleton骨架屏方案 最近在好几个项目里都用到了Skeleton骨架屏，主要是为了解决页面加载时的空白问题。这玩意儿其实挺重要的，尤其是对那些需要从后端拉取大量数据的页面来说...

先看效果，再看代码 最近在项目里遇到了一个需求，需要将一些图表导出成SVG格式。折腾了半天发现，其实这个功能还挺常见的，而且实现起来也并不复杂。今天就来聊聊我是怎么搞定的。 核心代码就这几行 首先，我...

我的写法，亲测靠谱 在前端开发中，Dialog对话框是个常见的组件，用得多了自然就有一些经验和心得。今天就来聊聊我在实际项目中使用Dialog对话框的一些最佳实践。 基本结构和初始化 首先，我一般会这...

表单提交老是报错，我折腾了半天才发现问题 今天在做一个项目的时候，遇到了一个看似简单但特别烦人的表单提交问题。我用的是React和Axios，表单一提交就报错，折腾了半天才发现问题出在哪里。 排查过程...