博客

先看效果，再看代码 直接上手搞起来，输出转义这事儿其实挺简单的，但细节多得让人头疼。我今天就来分享一下我在项目中是怎么处理的。 最常用的场景：用户输入 最常见的就是处理用户输入了，比如评论、发帖这些。...

为啥要对比这几个单元测试框架 在前端开发中，单元测试是个老生常谈的话题了。最近项目里要做一些重构，顺便就想把单元测试这块也搞一搞。市面上的单元测试框架不少，我主要对比了Jest、Mocha和Jasmi...

项目初期的技术选型 最近刚结束了一个电商网站的前端重构项目，项目背景嘛，就是原来的网站在不同浏览器上的表现太不一致了，各种样式问题层出不穷。于是我们决定引入Normalize.css来统一一下基础样式...

项目初期的技术选型 前阵子公司接了个新项目，是个中等规模的电商网站。客户要求响应速度快、用户体验好，还希望以后能轻松扩展功能。一开始团队讨论了各种方案，最终决定采用前后端分离的方式。主要考虑是这样可以...

先看效果，再看代码 话说最近在一个项目里用到了 Redux，感觉还挺顺手的。今天就来聊聊 Redux 的状态管理是怎么回事，以及我在实际项目中的一些使用经验。 一个简单的计数器应用 首先，我们来搞个简...

项目初期的技术选型 最近我们接了一个移动应用的项目，主要是做一个新闻阅读类的App。客户要求是性能要好，用户体验要流畅。刚开始的时候，我们想着用React Native来搞，毕竟跨平台开发方便嘛。但后...

表单布局，到底怎么选？ 在前端开发中，表单布局是一个很常见的需求。不同的项目和场景下，我们可能会选择不同的技术方案来实现表单布局。今天我就来聊聊几种主流的表单布局方案，看看哪个更灵活、哪个更省事。 为...

我的写法，亲测靠谱 在前端开发中，AES加密是个常见的需求，尤其是在需要保护用户数据的时候。我一般用的是CryptoJS这个库，因为它简单易用，而且文档也挺全的。下面是我的常用写法： // 引入Cry...

又踩坑了，Matrix矩阵计算出错 今天在搞一个项目的时候，碰到了一个关于Matrix矩阵计算的问题。本来以为是个简单的矩阵乘法，结果发现算出来的结果总是不对。折腾了半天，最后发现是数据类型的问题。 ...

先看效果，再看代码 最近在项目里用了TypeORM，感觉挺不错的。TypeORM是一个ORM（对象关系映射）库，支持多种数据库，比如MySQL、PostgreSQL等。它的好处是能把数据库操作变得简单...

项目初期的技术选型 最近有个项目，需要在前端展示一些警告信息。一开始我就在想，这玩意儿应该挺简单的吧，不就是个弹窗嘛。结果真用起来才发现，事情没那么简单。 为什么选这个技术 项目里要用到的警告信息其实...

先看效果，再看代码 最近在做一个项目时，客户要求添加面包屑导航。这玩意儿看起来简单，但实际操作起来还是有不少坑。今天就来分享一下我在这方面的经验。 基础用法：直接上手 首先，我们来看一个简单的面包屑导...

为什么我要对比这几个方案 说到CSRF防护，Double Submit Cookie算是一个比较常见的方案。不过，实现方式有很多种，比如传统的Cookie+表单隐藏字段、使用Header的Token、...

项目初期的技术选型 最近接手了一个移动Web项目，客户要求是能在跑在各种主流手机浏览器上，包括iOS的Safari、Android的Chrome，还有一些小众但用户量不小的国产浏览器。这个需求一听就知...

为什么我要对比这几个Pagination分页方案 做前端开发这么多年，遇到过各种各样的分页需求。有些场景下，分页组件就是个摆设，随便弄弄就完事了；但在有些项目里，分页组件的设计和实现直接影响用户体验和...

项目初期的技术选型 最近我们团队接了一个新项目，是个电商网站。本来以为就是个常规的前端活儿，没想到一上来就遇到了不少问题。其中一个比较头疼的问题就是请求超时处理。 在做这个项目之前，我一直觉得超时处理...

又踩坑了，Middleman部署出问题 最近在用Middleman搞一个静态网站，结果部署的时候发现服务器上渲染出来的页面和本地开发时完全不一样。折腾了半天才发现是配置文件的问题。 排查过程，试过哪些...

我的写法，亲测靠谱 最近在项目中折腾了Turbopack，发现这玩意儿确实挺牛逼的。不过说实话，刚开始用的时候，也踩了不少坑。下面我就来分享一下我的实战经验，希望能帮到大家。 配置Turbopack的...

我的写法，亲测靠谱 在前端开发中，Origin检查是个非常重要的安全措施，尤其是当你需要处理跨域请求时。我一般这样处理： 首先，在服务器端设置CORS（跨源资源共享）策略，确保只有指定的Origin可...

先看效果，再看代码 大家好，我是前端开发者小张。今天要跟大家分享的是H5适配的一些实战经验。咱们直接进入主题，看看核心代码和用法。 核心代码就这几行 首先要说的是viewport的设置，这是最基本的H...