首页
学习
活动
专区
工具
TVP
发布

前端自习课

每日清晨,享受一篇前端优秀文章。
专栏作者
536
文章
700357
阅读量
65
订阅数
【CSS】1995- 15个CSS 常见错误,请一定要注意避免
在不断发展的 Web 开发领域,掌握 CSS(层叠样式表)对于制作视觉上令人惊叹且响应迅速的网站至关重要。
pingan8787
2024-03-26
620
【总结】1990- 前端接口防止重复请求实现方案
前段时间老板心血来潮,要我们前端组对整个的项目都做一下接口防止重复请求的处理(似乎是有用户通过一些快速点击薅到了一些优惠券啥的)。。。听到这个需求,第一反应就是,防止薅羊毛最保险的方案不还是在服务端加限制吗?前端加限制能够拦截的毕竟有限。可老板就是执意要前端搞一下子,行吧,搞就搞吧,you happy jiu ok。
pingan8787
2024-03-19
930
【React】1981- React 的 8 种条件渲染的方法
条件渲染是React中的一个强大功能,它允许开发人员根据某些条件控制组件的显示。它在创建动态和交互式用户界面方面发挥着至关重要的作用。
pingan8787
2024-03-18
560
【Vue】1979- 实现Vue3响应式系统核心-MVP 模型
2023 年 12 月 31 日,vue2 已经停止维护了。你还不会 Vue3 的源码么?
pingan8787
2024-03-18
830
【CSS】1965- 分享10个超实用的高级 CSS 技巧
CSS(层叠样式表)是一个强大的工具,可以让开发人员设计出漂亮的网页。在今天这篇本文章中,我们将分享10个 CSS 高级技巧,它们可以将你的网页设计技能提升到一个新的水平。
pingan8787
2024-02-26
1030
【优化】1962- 京东快递小程序分包优化实践
随着项目规模增大,小程序分包优化是必须要面对的问题。分包不合理,不仅影响项目迭代和上线计划,还关乎用户体验,甚至因此导致 C 端用户流失。本文主要介绍京东快递小程序分包过程中踩过的坑,以及小程序分包优化的一些建议。
pingan8787
2024-02-26
1210
【JS】1942- 你知道 XHR 和 Fetch 的区别吗?
现如今,网站开发普遍采用前后端分离的模式,数据交互成为了不可或缺的关键环节。在这个过程中,XHR 和 Fetch API 是两种最常见的方法,用于从 Web 服务器获取数据。XHR 是一种传统的数据请求方式,而 Fetch API 则代表了现代 Web 开发的新兴标准。接下来,我们将一同深入学习它们的使用方法和适用场景。
pingan8787
2024-02-06
1000
【总结】1941- 上传、下载终极解决方案:切片!!!
在前端开发中,文件流操作是指通过数据流的方式处理文件,对文件进行读取、写入和展示等操作。下面详细介绍了前端文件流操作的几个基本概念和技术。
pingan8787
2024-02-06
1580
【React】1935- 来看看 SWR 如何用 React Hook 实现优雅请求
以上几种场景各自都有特殊的处理方式,例如为 axios 增加类似防抖的重复请求处理,计算用户无请求发送时间以确保数据更新,或者为了方便请求响应数据的传递引入庞大的状态管理库。
pingan8787
2024-01-29
2260
【Vite】1934- Vite打包性能优化以及填坑
最近在使用 Vite4.0 构建一个中型前端项目的过程中,遇到了一些坑,也做了一些项目在构建生产环境时的优化,在这里做一个记录,以便后期查阅。(完整配置在后面)
pingan8787
2024-01-23
4520
【React】1926- Pinia 的 React 版本:你的 React 状态管理新选择!
提到 React 状态管理,我最初是接触的 Context,就是用 useContext 和 useReducer 去做状态管理,写多了发现还是挺麻烦的,还会出现 “Provider 嵌套地狱” 的问题,对于不同的 state 也不好组合计算。后面了解到 Redux,固有的模式使得用户需要编写很多重复和复杂的代码,甚至开发者也说了 “Try MobX”。对于 MobX,和前者的的函数式编程不同,它采用的是面向对象式的对状态进行管理,我本身并不是很习惯面向对象,这些状态管理库的心智负担,都太大了些。
pingan8787
2024-01-15
1260
【JS】1917- 8 个关于 Promise 高级用途的技巧
在js项目中,promise的使用应该是必不可少的,但我发现在同事和面试官中,很多中级以上的前端仍然坚持promiseInst.then()、promiseInst.catch()、Promise等常规用法等等。即使是 async/await 他们也只知道它但不知道为什么要使用它。
pingan8787
2024-01-14
1210
【工具】1923- 12个强大的 JavaScript 动画库,可帮助你提升用户体验
在项目开发中,我们可以通过创造有趣的动画来为我们的项目增加视觉感与用户体验,同时,也为我们的网站增添了独特的美感,而且还提高了用户参与度并创造了令人难忘的第一印象。
pingan8787
2024-01-14
1550
【Web技术】1924- 非常好用的本地存储方案
之前开发了一个离线存储的需求,需要在本地存储较大的数据量,并且还要考虑到多种场景下的存储方式兼容。产品的原话就是“要又大又全”。既然存储量大,也要覆盖全多种设备多种浏览器。
pingan8787
2024-01-14
890
【面试题】1915- 如何判断两个数组的内容是否相等
因为把判断的 转为了字符串 updatedArr.push({item}{count}) 所以出问题了
pingan8787
2024-01-04
1110
【面试】1902- tree-shaking的原理是什么?
在前端面试的过程中,前端工程化一直是考察面试者能力的一个重点,而在我们常用的项目打包工具中,无论是webpack还是rollup,都具备一项很强大的能力——tree-shaking,所以面试官也常常会问到tree-shaking的原理是什么,这时我们该如何回答呢?其实核心原理就是AST。
pingan8787
2023-12-26
871
【总结】1892- 理解 WebSocket 和 SSE
在 Web 应用中实现实时通信是一个常见需求。WebSocket 和 Server-Sent Events (SSE) 是实现这一目标的两种关键技术。本文将更深入地探讨这两种技术,并提供一些实际的使用示例。
pingan8787
2023-12-13
2390
【JS】1891- 悄无声息间,你的 DOM 被劫持了?
文档对象模型(DOM)充当着 HTML 和 JavaScript 之间的接口,搭建起静态内容与动态交互之间的桥梁,对现代 Web 开发而言,DOM 的作用不可或缺。
pingan8787
2023-12-13
1050
【JS】1890- 20 个 JS 工具函数助力高效开发
日常开发中,面对各种不同的需求,我们经常会用到以前开发过的一些工具函数,把这些工具函数收集起来,将大大提高我们的开发效率。
pingan8787
2023-12-13
1500
【JS】1889- 如何判断对象自身为空?很多人错了~
如何判断一个对象为空是我们在开发中经常会遇到的问题,今天我们来聊聊几种经常使用的方法,以及在不同的场景下我们如何去使用。
pingan8787
2023-12-13
1821
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
【玩转EdgeOne】征文进行中
限时免费体验,发文即有奖~
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档