首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端
Lsx_
创建于2024-06-24
订阅专栏
该专栏记录了我对前端的认识和见解。所有内容均为自己总结,且通过学习和实践总结成了自己的知识体系。
等 16 人订阅
共37篇文章
创建于2024-06-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
🚀 前端无感刷新token机制(一文说明白)
用户登录成功之后,两个 token(一个 access_token、一个 refresh_token),访问接口时携带 access_token 访问,当 access_token 过期时,通过 re
从生成器函数Generator出发,聊聊Async await
整篇文章大概会涉及到以下内容: 生成器函数的概念、使用、详解等。 生成器函数如何像async await一样处理异步。
由浅入深package.json,发布一个优秀的npm包 🚀
整篇文章大概会涉及到以下内容:package.json 中一些常用重要字段用途讲解,比如 sideEffects、publishConfig、exports等;以及如何发布一个优秀的npm包
深入React中的state,不要再说setState是同步异步了
React中组件自身的state改变或者父组件props改变都会造成视图层面的更新。React中setState的"同步和异步"本质上就是状态单个/批量执行,和js中的同步异步是完全没有关系的。
浅谈 React组件设计之受控和非受控组件
在开发一个React组件时,可以创建一个灵活的组件,能够在受控和非受控两种模式下工作。这样可以在不同的使用场景中提供更大的灵活性。理解受控和非受控组件的区别有助于你在设计和使用 React 组件时
微前端场景下如何做样式隔离?
样式隔离实现起来不复杂,各种方案都有其局限性。目前比较稳定的方案还是使用 css Modules 之类的工具配合团队之间协商好样式前缀,从样式命名和优先级上解决问题。 主应用的样式依然可以影响到子应
富文本编辑器 从 Prosemirror 再到 Tiptap
笔者在日常的需求迭代中,已经在编辑器集成了AI写作、AI绘画等AIGC相关功能以及一些通用编辑功能。并且对该编辑器的灵活性、可扩展性、文档规范性等方面给予了很高的认可。通过使用Tiptap编辑器的
谈谈Webpack5性能优化
介绍 此文章基于webpack5来阐述 webpack性能优化较多,可以对其进行分类 优化打包速度,开发或者构建时优化打包速度(比如exclude、catch等) 优化打包后的结果,上线时的优化(比如
👀 聊一聊Nextjs的渲染策略,以及如何选择合适的渲染策略
渲染策略分类 SSR:Server-Side Rendering,服务器端渲染; SSG :Server-Static Generation,服务端静态生成,也叫编译生成 ISR :Increment
🔥 聊一聊前端动画的种类,以及动画的触发方式有哪些?
动画在前端开发中扮演着重要的角色。它不仅可以提升用户体验,还可以使界面更加生动和有趣。在这篇文章中,我们将深入探讨前端动画的各种实现方式,包括 CSS 动画、JavaScript 动画、SVG 动画等
👀 聊一聊前后端权限控制 RBAC(完整流程)
介绍 RBAC(Role-Based Access Control)模型也就是基于角色的权限控制。 权限会分配到角色中,角色再分配给用户,这样用户就根据角色有了不同的权限。 当然,你可以说把权限直接挂
🚀 前端用Canvas绘制一个高可配置的圆形进度条
问题分析与拆解 首先背景渐变圆是静态,需要先把这个圆绘制出来,他是具有背景色,且没有动画; 外侧深橘色的也是一个圆,只不过它的背景色为透明色,并且是会进行动画的; 绘制小球,小球是需要跟随深橘色圆一起
👀 Nginx Http缓存的必要性!启发式缓存有什么弊端?
简介 我们在使用React或者Vue开发项目中会使用hash、chunkhash、contenthash来给静态资源文件进行命名。这带来的好处便是当我们部署完项目后,用户刷新页面后会重新获取html资
webpack 之 splitChunks分包策略
一、为什么需要拆包 随着应用程序规模的增长,JavaScript 文件的大小也越来越大。一个大的 JavaScript 文件会导致页面加载时间过长,影响用户体验。良好的拆包策略可以将一个大的 Java
AIGC 在前端流式获取内容SSE
简介 在 OpenAI 的 API 中,SSE 通常用于实现实时数据传输。例如,在聊天模型(如 ChatGPT)中,使用 SSE 可以让客户端实时接收到生成的对话内容,而不需要等待整个响应完成。 SS
前端的拖拽和缩放(缩放以鼠标为中心)
效果: https://code.juejin.cn/pen/7383912591581528074 代码具体实现如下: 但是有几个注意点 (1)为什么需要设置 transform-origin: 0
JavaScript的运行机制
阐述几个概念 1. ECStack ( Execution Context Stack)执行环境栈 浏览器会在计算机内存中分配一块内存,专门用来供代码执行的 2. Heap堆内存 存放东西(存放对象和