Next.js 入门指南：深入构建服务器渲染的现代 Web 应用
最好的代码是写得最少的代码。
React--》如何高效管理前端环境变量：开发与生产环境配置详解
为了让项目能够在这些环境中灵活切换，开发者通常使用env配置文件来存储环境特定的变量。在前端开发中，如何让项目在不同环境下表现得更为灵活与高效，是每个开发者必须面对的挑战，从开发阶段的调试到生产环境的优化，环境变量配置无疑是其中的关键。3）维护管理：不同的开发、测试和生产环境可以使用不同的配置，方便
OnlyOffice：前端高性能Word、Excel、PPT、Pdf预览服务
OnlyOffice 是一款非常优秀的免费在线 Office 解决方案，它提供了强大的编辑功能、跨平台兼容性和安全可靠性。通过 Docker 部署 OnlyOffice 可以快速搭建一个在线办公环境，并且可以在前端页面中轻松调用 OnlyOffice 服务。如果你正在寻找一款免费的在线 Office
TypeScript 简明使用指南
typescript实用指南
前端代码检测工具 ESLint是什么？怎么格式化代码？
想象一下，ESLint就像是一个严格的老师，它会告诉你哪里的代码写得不够好，哪里可以改进。这是一个开源的 JavaScript 代码检测工具，自从2013年它出现以来，它就成为了JavaScript开发者的好伙伴。它的核心任务是提供一个可以定制的检查系统，让你能够根据自己的喜好来设定规则，保证你的代
前端三大框架对比与选择
在当今前端开发中，React、Vue 和 Angular 是三大主流框架，各具特色。React由 Facebook 开发，以组件化和虚拟 DOM 技术著称，适合构建高性能的用户界面。其生态系统丰富，支持多种第三方库，适合大型应用和复杂交互。开发者能灵活选择状态管理和路由解决方案，适合有一定经验的团队
styled-components 库的用法介绍和实践总结
是一个流行的CSS-in-JS库, 它允许您在 JavaScript 中编写 CSS 样式，是CSS-in-JS方案中的一种实现方式。官方文档:官方文档Github:Github我们经常会有使用公共样式的场景，比如ellipsis来实现文字超长省略。这种场景非常多，没必要在每个地方都写一遍上面的这一
探索 Framer Motion 高级动画技巧：提升前端设计水平
在现代的网页和应用设计中，动画不仅仅是视觉的点缀，更是用户体验的重要组成部分。它能够使界面更具吸引力，提升交互的流畅性，甚至在不经意间传达品牌的个性和态度。然而，要创造出令人惊叹的动效并不容易——直到有了 Framer Motion。本文将带你深入探索 Framer Motion 的奥秘，掌握其核心
快速上手企业级前端开发：深入理解 UMI 框架
UMI是蚂蚁金服的底层前端框架，也是一个基于React的企业级前端应用框架，它提供了开箱即用的项目脚手架和插件化的配置，如路由构建、部署测试、文档工具、请求库等，帮助开发者快速搭建和管理复杂的前端项目，其设计目标是提高前端项目的开发效率和可维护性，尤其适用于大型复杂项目的开发与管理。
Umi Max 详解：打造高性能、可扩展的前端应用
UMI是蚂蚁金服的底层前端框架，也是一个基于React的企业级前端应用框架，它提供了开箱即用的项目脚手架和插件化的配置，如路由构建、部署测试、文档工具、请求库等，帮助开发者快速搭建和管理复杂的前端项目，其设计目标是提高前端项目的开发效率和可维护性，尤其适用于大型复杂项目的开发与管理。
GraphHopper-map-navi_路径规划、导航（web前端页面版）
graphhopper-map-navi开源项目配置运行问题记录
前端canvas项目实战——在线图文编辑器(七)：加粗、斜体、下划线、删除线（下）
上一篇博文中，我们实现了为文字添加和修改加粗、斜体、下划线、删除线。这篇博文是《前端canvas项目实战——简历制作网站》付费专栏系列博文的第七篇——加粗、斜体、下划线、删除线（下），主要的内容有：1. 在上一篇实现加粗、斜体、下划线和删除线等功能时遇到bug及其解决方案。2. 在上一篇的实现中，我
前端canvas项目实战——在线图文编辑器(六)：加粗、斜体、下划线、删除线（上）
上一篇博文中，我们实现了对文字的字体、字号和行间距的编辑。这篇博文是《前端canvas项目实战——简历制作网站》付费专栏系列博文的第六篇——加粗、斜体、下划线、删除线，主要的内容有：1. 针对文本框（fabric.Textbox）对象： 扩充属性列表，使用户可以为画布中选中的文本框设置加粗、斜体、下
2024前端高频面试题之-- react篇
React15 的方案由于递归不可中断问题，如果 Diff 时间过长（JS计算时间），会造成页面 UI 的无响应（比如输入框）的表现，vdom无法应用到dom中。为了解决这个问题，React16 实现了新的基于的调度器（因为兼容性和稳定性问题，自己实现了polyfill），通过任务优先级的思想，在高
【前端工作日志】1-公共组件
关于高内聚、低耦合的简单实践
前端canvas项目实战——简历制作网站(五)：字体、字号、行间距
上一篇博文中，我们扩充了线条对象（fabric.Line）的属性列表，使用户可以为画布中选中的线条增加或修改端点样式（多种剪头、圆形、菱形等）。这篇博文是《前端canvas项目实战——简历制作网站》付费专栏系列博文的第五篇——右侧属性栏(字体、字号、行间距)，主要的内容有：1. 针对文本框（fabr
前端初学者的Ant Design Pro V6总结（下）
Antd Pro 相关配置、Pro Component 组件配置
前端canvas项目实战——简历制作网站(二)——右侧属性栏(颜色)
上一篇博文中，我们实现了`左侧工具栏`，通过点击工具栏，我们可以自由得在画布中添加想要的对象。这篇博文是《前端canvas项目实战——简历制作网站》付费专栏系列博文的第二篇——右侧属性栏(颜色)，主要的内容有：1. 初步实现右侧属性栏，使用户可以修改画布中选中的对象的**边框**和**填充**颜色。
前端canvas项目实战——简历制作网站(一)——左侧工具栏
这篇博文是《HTML5画布框架fabricjs学习笔记》系列博文的第四篇——用户交互（上），主要的内容有：1. 实现工具栏，使用户可以通过点击鼠标在画布中添加想要的对象。2. 初步实现属性栏，使用户可以通过点击对象查看其相关的属性值。
超详细：30分钟入门docker前端容器化
前端利用docker进行容器化实战记录
- 1
- 2
