前端-自由看

累计撰写 271 篇文章
累计创建 42 个标签
累计收到 0 条评论

目录CONTENT

以下是前端相关的文章

2025-09-01
分享前端安全的最佳实践和常用的安全工具随着互联网的快速发展，网站和Web应用的前端部分逐渐成为了网络攻击的主要目标。常见的攻击手段，如跨站脚本攻击（XSS）、跨站请求伪造（CSRF）和点击劫持，都能对前端应用造成极大的威胁。因此，前端开发人员必须了解并实践前端安全的最佳实践，以保证用户的数据和隐私安全。本文将分享前端安全的最佳实践
- 2025-09-01
- 25
- 0
- 0
- 前端
2023-11-01
📐 现代布局之道：何时选择 Flexbox？何时选择 Grid？ <h2>Flexbox 与 Grid：各有专长</h2> <p>CSS Flexbox（弹性盒模型）和 Grid（网格布局）是现代前端布局的基石，它们彻底取代了传统的浮动（Float）和定位（Position）布局方式。然而，许多开发者对何时使用哪个模型感到困惑。</p> <h3>使用指南：</h3>
- 2023-11-01
- 1
- 0
- 0
- 前端
2023-10-26
💡 突破单线程限制：使用 Web Worker 实现前端的并行计算 <h2>Web Worker：释放主线程</h2> <p>JavaScript 运行在浏览器的主线程上，主线程不仅要执行 JS 代码，还要负责 DOM 操作、样式计算和渲染。如果执行了大量耗时的计算任务，主线程就会被阻塞，导致页面 <stong>卡顿甚至无响应</stong>。**Web Worker** API 允许开发者在 **后台线程** 中
- 2023-10-26
- 1
- 0
- 0
- 前端
2023-10-05
🔄 状态可预测性：浅谈 Redux Toolkit 在简化 Redux 流程中的作用 <h2>RTK：官方推荐的 Redux 解决方案</h2> <p>虽然轻量级状态管理库正在崛起，但 Redux 凭借其 <stong>严格的可预测性</stong> 仍然是许多大型和遗留项目的首选。**Redux Toolkit (RTK)** 是官方推出的工具集，旨在解决 Redux 长期以来被诟病的 **模板代码过多** 和 **配置复杂**
- 2023-10-05
- 0
- 0
- 0
- 前端
2023-09-01
🔗 HATEOAS 与前端：如何利用超媒体原则构建更灵活的 API 客户端？ <h2>API 设计的高级原则</h2> <p>HATEOAS（Hypermedia As The Engine Of Application State，超媒体作为应用状态的引擎）是 REST 架构风格中 **最被忽视** 的一个约束。它要求 API 的响应中不仅包含数据，还包含 <stong>下一步操作的链接（超媒体）</stong>。</p>
- 2023-09-01
- 1
- 0
- 0
- 前端
2023-08-25
🌐 离线优先：利用 Service Worker 实现网站的极速加载与离线访问 <h2>Service Worker：PWA 的核心驱动力</h2> <p>**Service Worker (SW)** 是运行在浏览器后台的脚本，它独立于网页生命周期，能够拦截和管理页面的网络请求，是实现 **离线访问** 和 **渐进式 Web 应用（PWA）** 的核心技术。</p> <h3>SW 的关键应用：</h
- 2023-08-25
- 0
- 0
- 0
- 前端
2023-08-08
🎣 组件开发范式革命：React Hooks 如何解放函数式组件的生命力？ <h2>Hooks：连接状态与副作用的桥梁</h2> <p>React Hooks 的引入彻底改变了 React 的开发范式。在此之前，只有类组件才能拥有状态（State）和生命周期方法。Hooks 使得 **函数式组件** 也能够像类组件一样，管理自己的状态和处理副作用（Side Effects）。</p> <h3>核心
- 2023-08-08
- 1
- 0
- 0
- 前端
2023-07-28
🌟 新一代样式工具：Tailwind CSS 的原子化理念与工程化实践 <h2>原子化 CSS：实用至上</h2> <p>**Tailwind CSS** 是一款不同于传统 BEM 或 OOCSS 的 **原子化 CSS 框架**。它不提供预先定义的组件样式，而是提供大量的 **实用工具类（Utility Classes）**，例如 `flex`, `pt-4` (padding-top: 1rem), `text-c
- 2023-07-28
- 0
- 0
- 0
- 前端
2023-07-19
🚀 告别漫长等待：Vite 如何利用 ES Modules 实现秒级启动和热更新？ <h2>Vite：下一代前端构建工具</h2> <p>传统的打包工具如 Webpack 在大型项目中启动速度慢、热更新（HMR）耗时久的问题日益突出。Vue 创始人尤雨溪开发的 **Vite** 通过利用浏览器原生的 **ES Modules (ESM)** 特性，彻底改变了开发模式。</p> <h3>Vite 的两大提速秘
- 2023-07-19
- 0
- 0
- 0
- 前端
2023-07-07
✨ Vue 3 的魔法：基于 Proxy 的响应式系统如何实现精准更新？ <h2>Vue 3：从 Getter/Setter 到 Proxy</h2> <p>Vue 3 的响应式系统是其核心亮点之一。与 Vue 2 基于 **`Object.defineProperty`** 的实现不同，Vue 3 全面转向了 **JavaScript Proxy** API。这一转变解决了 Vue 2 中遗留的两个核心痛点：</p>
- 2023-07-07
- 1
- 0
- 0
- 前端

1
2
3
4