web前端/桌面前端/js/ts/ui设计/
文章平均质量分 78
web前端/桌面前端/js/ts/ui设计/
西京刀客
Crypto/Web3.
A bug bounty hunting and a lot of coding is my passion!
展开
-
使用pm2管理你的 nodejs 后台项目
PM2 是一款非常优秀的 Node 进程管理工具,它有着丰富的特性:能够充分利用多核 CPU且能够负载均衡、能够帮助应用在崩溃后、指定时间(cluster model)和超出最大内存限制等情况下实现自动重启。原创 2024-08-15 21:52:26 · 452 阅读 · 0 评论 -
前端(react)框架nextjs
**Next.js是一个用于生产环境的React 应用框架(官方介绍:The React Framework for Production),使用它可以快速上手开发 React 应用( enables you to build superfast and extremely user-friendly static websites,),而不需要花很多时间和精力去折腾各种开发工具。**所谓的用于生产环境,是指功能和稳定性足够,有大量的实际应用案例。原创 2024-08-06 13:00:46 · 1100 阅读 · 0 评论 -
基于Markdown的文档网站生成工具-VitePress框架
VitePress vitePress是由vite+vue驱动的静态页面生成器,专为构建快速、以内容为中心的站点而设计。原创 2024-07-27 19:49:46 · 1109 阅读 · 0 评论 -
网站流量统计分析工具之plausible.io
Plausible 是一个轻量级、隐私友好的网站分析工具,可以提供网站访问统计数据,而无需使用 Google Analytics 等第三方分析服务。原创 2024-07-18 20:02:08 · 446 阅读 · 0 评论 -
node 如何运行typescript
node 如何运行typescript原创 2024-07-11 16:00:39 · 890 阅读 · 0 评论 -
使用Node.js 框架( Express.js)来创建一个简单的 API 端点
Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。原创 2024-07-07 10:21:23 · 1208 阅读 · 0 评论 -
JavaScript之 async/await与Promise
Promise 是一个 ECMAScript 6 提供的类,**目的是更加优雅地书写复杂的异步任务**。原创 2024-06-13 08:50:05 · 1189 阅读 · 1 评论 -
前端之npm运行时配置文件.npmrc(可用于配置npm淘宝源)
.npmrc,可以理解成npm running cnfiguration, 即npm运行时配置文件。简单点说, .npmrc 可以设置 package.json 中依赖包的安装来源,既从哪里下载依赖包。原创 2024-06-06 19:52:41 · 972 阅读 · 0 评论 -
react快速开始(四)-之Vite 还是 (Create React App) CRA? 用Vite创建项目
Vite速度快且配置简单!Vite 采用了创新的开发模式和更有效的构建算法,提供更快的开发速度和更小的构建体积。原创 2024-06-04 15:12:02 · 1109 阅读 · 0 评论 -
ftp命令行下载
ftp命令行下载原创 2024-02-20 23:45:00 · 431 阅读 · 0 评论 -
Ant Design Card 组件展示图片
Card卡片通用卡片容器。何时使用#最基础的卡片容器,可承载文字、列表、图片、段落,常用于后台概览页面。原创 2024-02-18 10:11:49 · 1684 阅读 · 0 评论 -
Starknet 的 JavaScript 库:Starknet.js、get-starknet和starknet-react
get-starknet 提供一个 JavaScript 库,该库提供一组用于与 Starknet 网络交互的 API。开发人员可以使用 npm 安装 get-starknet 库,然后在 JavaScript 代码中使用它来部署和管理网络上的合约,以及从现有合约中调用函数和查询数据。starknet-react 库包含一组预构建的钩子,用于加载合约数据、提交交易和管理用户钱包连接状态等常见任务,这些钩子构建在 get-starknet 库之上。原创 2024-02-14 18:42:42 · 477 阅读 · 0 评论 -
使用 Ant Design 的 Upload 组件实现图片
上传是将信息(网页、文字、图片、视频等)通过网页或者上传工具发布到远程服务器上的过程。* 当需要上传一个或一些文件时。* 当需要展现上传的进度时。* 当需要使用拖拽交互时。原创 2024-02-09 23:17:09 · 2017 阅读 · 1 评论 -
前端下载文件有哪些方式
使用 Fetch API 和 Axios :* 适用于需要在前端进行更多处理的下载操作,例如**在下载前需要添加请求头、验证**、处理错误等。* 适用于需要动态生成下载内容的场景,例如将多个文件合并为一个压缩文件或生成动态报表等。* 提供更多的灵活性和控制能力,但可能需要更多的代码和处理逻辑。原创 2024-02-06 23:18:25 · 802 阅读 · 0 评论 -
React Hook之钩子调用规则(不在循环、条件判断或者嵌套函数中调用)
hooks使用规则* 只能在函数最外层调用 Hook。不要在循环、条件判断或者子函数中调用。* 只能在 React 的函数组件中调用 Hook。**不要在其他 JavaScript 函数中调用**。(还有一个地方可以调用 Hook —— 就是自定义的 Hook 中)原创 2024-02-04 09:09:05 · 1055 阅读 · 0 评论 -
React之 const App: React.FC = () => { 和 export default () => {的区别是什么
onst App: React.FC = () => {} 和 export default () => {} 都是创建一个匿名的函数组件,它们的区别在于导出方式的不同。const App: React.FC = () => {} 是通过 const 关键字创建了一个命名的函数组件,并将其赋值给 App 变量。这个函数组件的名称是 App,可以在代码中被引用,也可以在其他文件中通过 import 导入使用。原创 2024-02-03 00:22:25 · 368 阅读 · 0 评论 -
postman之接口参数签名(js接口HMAC-SHA256签名)
在对外发布的接口中,基本上都会涉及到对接口字段进行签名加密,以防篡改。后端接口为了避免参数被篡改,有参数签名的校验,为方便使用postman测试接口,可在postman设置自动签名。Postman每发起一个请求之前,都可以选择执行一段pre-request script。这恰恰给了我们机会在请求发起之前生成我们需要的数据。原创 2024-01-29 17:12:19 · 3370 阅读 · 0 评论 -
接口文档管理工具(yapi的使用)
相信无论是前端还是后端开发,都或多或少地被接口文档折磨过。前端经常抱怨后端给的接口文档与实际情况不一致。后端又觉得编写及维护接口文档会耗费不少精力,经常来不及更新。原创 2024-01-24 20:35:08 · 2120 阅读 · 0 评论 -
表单中,上传文件(图片)和表单是分开还是一起上传?
上传文件和表单数据可以选择分开上传或一起上传。原创 2024-01-20 21:46:36 · 2340 阅读 · 4 评论 -
fetch、axios 和 XMLHttpRequest的区别
axios 提供了更多的功能和便利性,适用于复杂的请求场景和需要更多控制的情况。而 fetch 是浏览器原生的 API,适用于简单的请求和对浏览器兼容性要求较高的场景。原创 2024-01-15 20:27:19 · 1773 阅读 · 2 评论 -
react之unpkg.com前端资源加载慢、加载不出
unpkg 是一个内容源自 npm 的全球快速 CDN。作为前端开发者,我们对 unpkg 都不陌生,它是一个基于 npm registry 的静态资源 CDN 服务。原创 2024-01-15 23:45:00 · 878 阅读 · 1 评论 -
使用 Ant Design Pro 的图表(展示cpu、内存、硬盘)
很多时候我们都需要一个美观大方的图表页来充当首页,在快速展示大盘信息的同时还能吸引眼球,提升系统的质感。所以我们也做了一个图表库 Ant Design Charts。原创 2024-01-11 14:15:50 · 2190 阅读 · 0 评论 -
react useEffect
useEffect 是 React Hooks 中非常重要的一个 Hook。它的名称来源于 Effect 这个词,之所以这么命名,是因为它可以让你在函数组件中执行副作用操作。副作用是指除了返回函数结果之外,还会对程序的状态或外部环境进行修改或交互的操作。例如,修改全局变量、发送网络请求、读写文件、订阅事件等都属于副作用操作。在React中,组件函数应该是纯函数,不应该产生副作用。然而,有时我们需要在组件中执行副作用操作,如数据获取、订阅事件、更新DOM等。原创 2024-01-09 23:15:00 · 1591 阅读 · 1 评论 -
快速删除node_modules文件夹
前端开发过程中,经常会遇到npm操作问题,有时候不得不需要删除node_modules目录下所有的文件,然后重新npm install原创 2024-01-06 22:40:51 · 3002 阅读 · 0 评论 -
umi-request 和 umi 的区别是什么
umi-request 是一个基于 fetch 的网络请求库,专门为 Umi 开发的。相比于 Umi 内置的 request 模块,umi-request 提供了更多的功能和灵活性。原创 2024-01-04 21:04:45 · 695 阅读 · 0 评论 -
React Hooks之useState、useRef
在 React 16.8 版本中引入了 Hooks,它是一项新的特性,使得我们在函数组件中可以使用状态(state)和其他 React 特性,而无需编写类组件。在 React 中,我们可以使用 useState Hook 来管理函数组件的内部状态。原创 2024-01-04 21:00:38 · 1480 阅读 · 0 评论 -
React Admin 前端脚手架之ant-design-pro
Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。原创 2024-01-04 20:52:51 · 2556 阅读 · 0 评论 -
什么是React.FC| 组件接受属性props有什么用 | ant design 封装独立弹框组件之-修改密码弹框组件
React提供了一个组件类型React.FunctionComponent,可简写React.FC。原创 2024-01-04 20:46:00 · 1546 阅读 · 0 评论 -
前端加解密:Web Crypto API 、crypto-js 库: MD5
CryptoJS是一个JavaScript加密算法库,用于在客户端浏览器中执行加密和解密操作。它提供了一系列常见的加密算法,如AES、DES、Triple DES、Rabbit、RC4、MD5、SHA-1等等。原创 2024-01-01 16:31:05 · 1989 阅读 · 0 评论 -
JavaScript 之对象展开运算符 ...
JavaScript 扩展运算符是在 ES6 中引入的,扩展运算符可用于创建和克隆数组和对象、将数组作为函数参数传递、从数组中删除重复项等等。原创 2023-12-29 13:32:27 · 521 阅读 · 0 评论 -
前端常用库之-JavaScript工具库lodash
Lodash是一个著名的javascript原生库,不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是,很多方法lodash已经帮你写好了,直接调用就行,不用自己费尽心思去写了,而且可以统一方法的一致性。Lodash使用了一个简单的 _ 符号,就像Jquery的 $ 一样,十分简洁。原创 2023-09-17 18:56:24 · 963 阅读 · 0 评论 -
react快速开始(三)-create-react-app脚手架项目启动;使用VScode调试react
create-react-app(以下简称cra)作为react官方提供的脚手架工具,是目前生成react项目一个非常常用和主流的工具。很多企业级的应用搭建也是基于这个脚手架工具上二次开发~原创 2023-09-01 22:31:23 · 2293 阅读 · 0 评论 -
guacamole 纯web rdp预研:web应用程序部分
Guacamole 是一个API,其中一个使用guacamole最好方式是构建自己的Guacamole驱动web应用程序。原创 2023-06-24 22:42:03 · 2631 阅读 · 0 评论 -
extjs Ext模态窗口、表单面板
⭐️来自很多年前的extjs笔记,只是一个归档,不做更新!⭐️原创 2023-06-17 23:14:54 · 1094 阅读 · 1 评论 -
extjs Ext.form.CheckboxGroup 复选框组件\Ext.toolbar.Toolbar 工具条学习
⭐️来自很多年前的extjs笔记,只是一个归档,不做更新!⭐️原创 2023-06-17 23:11:22 · 1209 阅读 · 0 评论 -
extjs Ext.toolbar.Paging分页组件学习
⭐️来自很多年前的extjs笔记,只是一个归档,不做更新!⭐️原创 2023-06-17 23:03:49 · 1295 阅读 · 1 评论 -
extjs Ext.tab.Panel tab面板组件学习
⭐️来自很多年前的extjs笔记,只是一个归档,不做更新!⭐️原创 2023-06-17 22:56:23 · 1682 阅读 · 0 评论 -
extjs Ext.grid.Panel表格组件学习
⭐️来自很多年前的extjs笔记,只是一个归档,不做更新!⭐️原创 2023-06-17 22:52:50 · 2244 阅读 · 0 评论 -
extjs Ext.form.RadioGroup单选按钮组件学习
⭐️来自很多年前的extjs笔记,只是一个归档,不做更新!⭐️原创 2023-06-17 22:44:27 · 1798 阅读 · 0 评论 -
extjs Ext.form.Panel 表单面板学习
⭐️来自很多年前的extjs笔记,只是一个归档,不做更新!⭐️原创 2023-06-17 22:40:09 · 1911 阅读 · 0 评论