爱吃西红柿的程序媛

React 树形选择器（React tree select）组件在搭建 React 的 app 中特别常用，React tree select 除了简单的树形结构外，还有非...

前端开发者往往不太关注页面所占用的内存，因为前端内存的分配与回收基本是依靠系统自动完成的，这个过程对于开发者是无感的 但内存优化的作用也同样重要，一个好的网站，内存的优化也...

性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴...

对于前端性能优化，优化手段其实是非常多的，但是不能盲目的进行优化，一定要先分析出项目的性能瓶颈，那么如何才能更好的分析出项目的瓶颈呢？其实最关键的是要分析页面的整个加载过程...

内存泄漏是指程序中分配的内存空间在不再需要时未被正确释放或回收，导致该内存空间无法被再次使用，最终导致系统内存资源的浪费和程序性能下降的现象。...

源码分析：手把手带你复习react（包含react18版本） 一、react18有哪些更新？ 1. setState自动批处理 在react17中，只有react事件会进行...

本文正在参加「金石计划 . 瓜分6万现金大奖」 如果你曾经开发过 Web 应用程序，那么你肯定熟悉console.log（...），这是一种将数据打印到控制台的方法；可用于...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，点击查看活动详情 缘起 相信开发过移动端的小伙伴肯定被手机原生提供的手势操作折磨过，那感觉真...

在实际的应用中，我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求，那在代码中怎样监听当点击微信、...

前言 OAuth 2.0是一个授权框架，允许第三方应用程序获取对资源拥有者（例如，用户）资源的有限访问权限，而不需要向第三方暴露资源拥有者的凭据（通常是一个密码）。这种授权...

首先我们先看一个简单的表单，收集并校验两个组件的值。只需要通过监听两个表单组件的 onChange 事件，获取表单项的 value，根据定义的校验规则对 value 进行检...

重复学习了很多年 从事前端开发已经超过5年，自诩也是一个坚持学习的程序猿。 今年工作不是很忙，并且职场的35岁槛已经到来，既有时间又有压力，于是更多的时间在思考成长这件事。...

本人写了五年的后台管理。每次面试前就会头疼，因为写的页面除了表单就是表格。抱怨过苦恼过也后悔过，但是站在现在的时间点回想以前，发现有很多事情可以做的更好，于是有了这篇文...

移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗。 比如，这个是假的1像素 那么为什么会产生这个问题呢？主要...

为了便于更好的理解本文，下面对像素相关概念进行梳理。概念描述像素px是图像显示的基本单元，相对单位。设备像素(物理像素)dpdevicepixels，显示屏就是由一个个物理...

先给大家看一下最终效果。 将裁剪后的数据保存为blob发送至后端。 一开始制作这个需求思路有两个，使用canvas原生或者寻找现成的库，对比了一番觉得canvas实现时间耗...

最近在写项目的时候，遇到了现有的树状组件不能满足目前的需求，需要对树形组件进行（TreeSelect）扩展。扩展的功能主要是能够通过输入搜索关键字对树形结构进行过滤，在扩展...

icon的管理是设计稿转代码过程中，重要但容易被忽视的环节。 所以在实际的业务代码中 icon问题的解决方案往往也是八仙过海，能用就行。比如导出为 png, svg格式的文...

FileSaver.js 是在客户端保存文件的解决方案，非常适合在客户端上生成文件的 Web 应用程序。它简单易用且兼容大多数浏览器，被作为项目依赖应用在 6.3 万的项目...

背景：假如有一个附件，需要下载，最简单的方式是window.open调用浏览器的下载，如果产品说希望下载的时候重命名一下，原始名称abc.pdf，下载后变为说明.pdf；这...