自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 File System Access API:文件系统的读取、写入和文件管理

相比于本地应用而言,目前在Web应用中对于文件系统的操作一直是比较困难的。然而,在js刚出世时,是可以直接读写所有文件的,这导致当时产生了很多js病毒,带来了很严重的安全问题。后来才禁止了js读写任何文件,这又导致很多功能(比如选择文件并修改保存)基本是无法实现的,只能通过上传、修改、下载等不够流畅的交互来实现。

2023-03-19 23:57:51 2032

原创 快速免费部署项目——vercel

快速免费部署项目——vercel

2023-02-09 01:02:19 5610 1

原创 React性能优化之React.PureComponent与React.memo

众所周知,在React中,当父组件重新渲染时,正常情况下会对所有子孙级组件进行重新渲染。然而有时候子组件其实并未使用父组件的任何参数,这时候对子孙级的组件进行重新渲染是不必要的。这时候我们就需要使用React.PureComponent与React.memo进行性能优化了。

2023-01-05 23:12:24 480

原创 【React Query】useQuery 快速入门

​​​​React Query通常被描述为React缺少的数据获取库,但从技术上讲,它使React应用程序中的获取、缓存、同步和更新服务器状态变得轻而易举。useQuery是react-query最常用的hook,没有之一。

2022-12-05 01:05:47 2787

原创 轻量级的状态管理解决方案-zustand

状态管理在现在的前端项目成为了必不可少的环节,三大框架也相继推出了自己的状态管理工具。当然也有一些非常优秀的第三方状态管理工具,比如:flux、mobx、dva、zustand等,今天我们就来了解下这款轻量级的状态管理工具-zustand。

2022-11-06 23:13:10 1278

原创 IntersectionObserver API详解

便捷且高效的实现图片懒加载、内容无限滚动、检测广告的曝光情况、在用户看见某个区域时执行任务或播放动画等功能的API

2022-10-07 23:42:02 9690 2

原创 js-防篡改对象

对于JS库的作者而言,冻结对象是很有必要的。因为js库最怕有人意外(或有意)的修改库中的核心对象。冻结(或密封)主要的库对象能够防止这些问题的发生。

2022-09-04 21:27:55 806

原创 Umi 4 快速搭建项目

Umi4已于今年6月份发布,同时支持 Vite 和 Webpack 两种构建方式,对诟病已久的mufs做了优化,另外还支持vue。那我们就来上手搭建下吧。

2022-08-02 23:39:12 6134

原创 Cropper.js + React 实现前端图片裁剪上传

记录一次使用cropper.js+react实现图片裁剪上传的过程、源码、遇到的bug和解决方案。github地址https官网地址https官网示例地址https。

2022-07-15 12:15:18 997

原创 深度解锁React Hook 常用Api

前言HOOK作为React16.8的新增特性,相信绝大多数react开发者都已经了解或者上手过。本文希望通过对这些常用API的使用案例说明,和大家一起去深度解锁HOOK。

2022-07-15 11:47:52 389

原创 8种css垂直水平居中方案

前言在前端的日常开发中,通常掌握三五种方案就足以解决绝大多数的垂直水平居中需求。所以此文并不是用于工作上的需求处理,而且希望通过抛砖引玉,能和大家一起探寻下css的深度。

2022-07-15 11:39:31 158

原创 umi 3.0模版

umi4.0版本已经发布的、,不知道3.0的版本你是否已经上手了。下面是umi3.0基础版的配置文件,大家可以根据基础版本自行调整使用。

2022-07-15 11:29:57 856

原创 箭头函数与箭头函数的区别

1.箭头函数不绑定 arguments,取而代之用 rest 参数(…a) => {console.log(a)}解决 2.箭头函数不能当做 Generator 函数,不能使用 yield 关键字3.箭头函数没有原型属性:ES6 中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取 this 的特性:普通函数下的 this:+ 在普通函数中的 this 总是代表它的直接调用者,在默认情况下,this 指的是 window,+ 在严格模式下,没有直接调用者的函数中的 this 是 undefined 使

2022-07-15 11:27:17 72

原创 GitHub 5个实用技巧

GitHub 5个实用技巧

2022-07-10 20:24:59 479

原创 宝塔面板在同一服务器下创建多个端口部署项目(轻量应用服务器一键部署网站、博客、GltLab完整版)

一键部署网站、博客、GltLab。同一轻量应用服务器下创建多个端口部署项目。

2022-06-05 21:50:41 4133

原创 umi一键开启微前端

GitHub - umijs/umi-plugin-qiankun: Umi plugin for qiankun.Umi plugin for qiankun. Contribute to umijs/umi-plugin-qiankun development by creating an account on GitHub.https://github.com/umijs/umi-plugin-qiankun

2022-05-04 13:10:43 1593

原创 使用轻量应用服务器快速搭建自己的GitLab

众所周知,某同性交友网站由于一些特殊原因,经常访问较慢甚至有时无法访问,十分影响我们代码管理操作时的效率。所以对于那些非开源性的项目,使用GitLab搭建属于自己的在线代码管理仓库是一个不错的选择。那有没有什么快速高效搭建GitLab的方式呢?有的,那就是——轻量应用服务器。 这里我横行对比了阿里云、百度云、腾讯云三家大厂最低档的轻量应用服务器,发现腾讯云的性价比略占优势,但是50元/月的价格仍然让我有些抗拒。意料之外的是,近期腾讯有首单专项特惠,轻量应用服务器首年费用0.8折,属...

2022-04-06 09:24:56 2560

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除