- 博客(350)
- 资源 (12)
- 收藏
- 关注
RSS订阅原创 面试题：useEffect的Clean Up 什么时候触发？
useEffect作为做常用的Hook，以下三个知识点你有必要了解下~ 防止写出奇怪的代码祸害队友，而我不幸就是这个受害者！！！！！
2024-06-02 21:10:39
495
原创 以Azure为例的SSO
由于文章的篇幅有限，无法将全部的代码贴上来，如想要看完整案例，请在公众号文章中留言(其他平台很少看…毕竟最近印度同事的UI组件库搞得我好烦)
2024-05-11 15:41:40
968
2
原创 粗略的了解下TypeORM的联表查询
联表查询，也称为多表查询，是关系型数据库中用于从两个或多个表中检索数据的一种查询方式。举个例子，当我们要记录登录日志的时候，我们会记录用户的id以及用户的登录时间在日志表中。当我们要查看登陆日志的时候，我们无法直接将用户的id显示在页面中，而是需要显示用户的姓名。此时我们就可以使用联表查询获得用户的信息。无须写多个sql去查询。
2024-05-01 17:25:08
688
1
原创 NestJS必备：TypeORM对DB的操作
本文大概1300字，讲的是一些关于TypeORM的基础知识以及在NestJS中使用TypeORM操作DB的例子。
2024-04-23 18:30:56
692
原创 Python文件中对excel的操作
本文要讲述的东西比较简单，是在python中对excel的一些处理，主要是从线上的服务器拿到文件的流，然后用openpyxl 操作该流，最后整理完毕后重新上传上去服务器中给别人用，简单来说就是生成自己的excel上传上去。
2024-04-08 22:49:58
526
原创 useBlocker 防止页面跳转导致的表单丢失
在react-router的v6版本之前，我们会使用<Prompt />组件来拦截路由的跳转。但最近新开的项目中，发现了没有<Prompt />组件了，所以在开发的版本中，使用了prompt的替代品----useBlocker但是在v6的早期版本中，如6.7等版本中，该钩子还是属于unsafe的状态，所以需要用到 unstable_useBlocker 来开发，而不是 useBlocker。
2024-04-04 16:55:02
916
原创 【无标题】
而当我们需要上传对象的时候，我们所上传的文件，我们会赋予一个名字，这个就是我们所说的Key，而Object指的就是我们所要上传的那个文件。当我们没有使用第三方的存储服务的时候，我们会选择自己写一个上传的接口，并将数据存储在服务器上，但是当上传大数据的时候，我们就有可能出现卡顿的问题，毕竟很难保证自己的服务器带宽还有存储足够。因此，当我们使用第三方存储服务的时候，我们并不会在存储数据的时候使用后台的接口，而是使用后端生成上传/读取文件链接的方式，并将文件链接发给前端，让前端自己去上传文件。
2024-03-29 22:43:05
594
原创 在NestJs上配置Swagger
Swaager是生成开发API文档的一大利器，当我们在给别人做KT的时候，一个Swagger文档丢给人家，真的是你好我也好。在日常开发中，前端看Swagger文档也可以避免很多沟通上的非必要问题。
2024-03-15 23:13:34
1049
原创 使用CryptoJs对开发中的参数进行加密
在开发程序中，我们无时无刻不在接受第三方的一些token，比如我们申请了地图软件的一些定位、导航功能，第三方会给予我们appid还有app secret作为访问他们服务的凭证，大部分时候我们会将求这些登陆凭证放在env文件中，不会直接Hard-Code，但是你是否觉得这样就安全了呢？一般我们将数据放在env中，但是我们为了放置一些特别情况的出现，比如不小心这份env文件泄露出去了，这样别人就可以登陆到我们的账号，偷窃我们的服务，所以我们会使用第三方加密工具，以便保护我么不能的数据安全。
2024-03-14 18:05:29
421
原创 NestJS中的守卫-常用于实现授权的Guard
守卫有单一的责任。它们根据运行时存在的某些条件（如权限、角色、ACL等）确定给定请求是否将由路由处理程序处理。这通常称为授权。授权（及其通常与之合作的身份验证）通常由传统 Express 应用中的 中间件处理。中间件是身份验证的不错选择，因为诸如令牌验证和将属性附加到 request 对象之类的事情与特定路由上下文（及其元数据）没有紧密联系。在Express开发中，我们会使用中间件的方式来实现鉴权。
2024-03-07 00:14:01
404
原创 NestJS核心成员组成-中间件
从本质来说，我们使用NestJS的时候，有百分之九十的原因是我们只想要一个能提供API的服务，即便是一个简单的由数据库+https请求的后台，也能满足百分之九十的人了。对于有Express以及Koa开发的朋友来说，中间件的概念无需多讲，因为NodeJS对http请求的处理就是一个洋葱图，所以我们中间件就可以实现对很多请求的拦截以及处理，这也是中间件能成为核心概念的一大原因。
2024-03-04 22:07:43
605
原创 NestJS使用模板引擎ejs
模板引擎模板引擎是一种用于生成动态内容的工具，它通过将预定义的模板与特定数据结合，来生成最终的输出。在NodeJS开发中，我们会使用模板引擎来渲染一些常用的页面，比如渲染代表404的Not Found 页面，502的Bad Request页面等，在部分后端渲染的项目中，也会使用模板引擎来渲染页面，而不会用VUE或者是React等前端框架。本文章会用Ejs模板引擎作为例子，在使用了NestJS的项目中，渲染一个list页面。配置Ejs首先第一步，必须得是在我们的项目 中引入Ejs模板引擎
2024-03-03 10:40:38
805
原创 在每个地方都应该添加 memo 吗?
本文主要讲的是React中memo的使用，以及考虑是否使用memo的判断依据，文章篇幅较短，建议关注本人公众号，呜呜呜
2024-02-06 12:31:20
899
原创 从CDN了解到的边缘计算与前端渲染
本文代码量较少，讲的是在云开发的基础上使用边缘计算的，代码量不高，建议看完理解下就可以丢了，知道个概念就好。
2024-01-26 17:46:21
789
原创 [React面试题]核心算法的重构----Fiber
本文主要写的是对Fiber的一些介绍，没有很深的介绍，比如更新优先级之类的，纯粹是对Fiber的一些概念以及原理做一些介绍，让人有部分的了解。
2024-01-22 18:37:01
1080
原创 nvm安装高版本Nodejs报错
之前使用1.1.17版本的nvm，切换使用18+的Nodejs的时候报错，经过短暂的思考，决定使用1.1.12的nvm的无聊故事。
2024-01-14 10:12:12
552
原创 可以被取代的鸡肋-requestIdleCallback
本文主要写的是window对象上的requestIdleCallback，用一个例子示范下如何使用requestIdleCallback。
2024-01-11 15:19:23
939
原创 记录一个自己的Axios实例，以供参考
本文主要是写一下关于Axios的一些配置问题，每个人都有自己的一套标准，我现在就将自己比较常用的代码写下，也供被人做参考。
2024-01-05 11:12:14
1027
原创 ArkUI中自定义组件的生命周期
自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。像是我们的Mine以及Found组件，由于想要做到不使用tab的时候，也可以正常的访问，所以我们在其中加入了@Entry的修饰符，使其属于页面。
2023-12-31 01:01:34
1040
原创 ArkUI自定义组件的使用
前面的文章中，已经对tab页面的内容编辑的差不多了，接下来需要编辑各个页面中的详情，比如“发现”页面，我们需要从后台拿到数据并且展示在上面，如果依旧放在了tab页面的话，会显得代码很乱，所以我们需要将其独立封装成一个组件，但是又可以作为一个独立的页面。综上述，我们需要按照下图的方式，创建一个Page。
2023-12-30 10:41:17
721
原创 ArkTs中使用ForEach循环渲染
本文主要使用一个简单的例子介绍一下ArkTs中是如何进行循环渲染的。以及对ForEach接口的用法做出介绍
2023-12-28 15:54:28
2043
原创 自定义导航栏与自定义构建函数
本文主要讲的是自定义导航栏Tabs，并使用到@builder装饰器来做自定义构建函数，本文的代码较长，建议使用电脑端查看
2023-12-28 14:43:53
1011
原创 以Tabs作为例子介绍鸿蒙组件的结构
在移动端，商城系统永远是最适合做Demo的，毕竟实用性就摆在那里，而且不时会被要求一些酷炫的效果，而底部导航栏也是一个必学的技能，因此选择了Tabs作为博客的教学案例，告诉大家怎么去使用ArkTS UI的组件因为下一步是要做for循环以及自定义组件的，我不想写的太多了，就先断开，第二篇博客在这儿开始起步.ArkTs的麻烦点在于链式调用的形式，以及一些修饰器，但是对于做过js开发或者是java开发的同学，应该是很简单的，所以我不会花很多的废话去写这些。
2023-12-26 21:30:49
885
原创 入门级:用devEco Studio创建一个鸿蒙APP
本文主要讲的是如何在鸿蒙的开发工具devEco Studio新建一个项目，全文很水，只适合新手!!
2023-12-25 21:26:42
1792
原创 React中也许你会用到的Context
通常来说，你会通过 props 将信息从父组件传递到子组件。但是，如果你必须通过许多中间组件向下传递props，或是在你应用中的许多组件需要相同的信息，传递 props 会变得十分冗长和不便。Context允许父组件向其下层无论多深的任何组件提供信息，而无需通过 props 显式传递。
2023-12-22 15:21:24
875
原创 React不怎么建议使用的React.Children
此时此刻，我们也只是将页面包裹了起来，添加了一个外框而已，对于我们的Scomponent没有任何的操作也没有任何的办法，我们无法读取到组件内的内容，更无法对其进行操作(即使可以，也不建议对其操作)。所以如果想要对内部组件的渲染输出结果进行操作的时候，只能在组件中进行自己的逻辑操作了。请注意，不建议使用Children，毕竟完全可以自己写一个组件对其操作，且新手对Children不熟悉的时候，很容易出现问题。。
2023-12-20 15:47:06
856
原创 React很常用的UseEffect
如果，想要在页面第一次渲染之后初始化我们的数据，比如获取API的时候，就可以将useEffect的"dependencies"设置为一个空的数组如果非必要，最好使用多个useEffect，这样子逻辑比较清晰，别人很容易看.呜呜呜，个人博客公众号求关注公众号链接公众号主要写前端的，多谢各位大佬们关注。
2023-12-11 16:58:40
1085
原创 JavaScript中冷门但有用的String.raw
String.raw() 静态方法是模板字符串的标签函数。它的作用类似于 Python 中的 r 前缀或 C# 中用于字符串字面量的 @前缀。它用于获取模板字符串的原始字符串形式——即，替换表达式（例如 ${foo}）会被替换处理，但转义序列（例如 \n）不会被处理。String.raw在开发中的场景，主要是对转义字符串进行处理。如下面的例子。
2023-12-10 18:32:22
560
原创 React中使用TypeScript代替prop-types
其实，从prop-types的库只有js，就可以知道已经属于开始废弃了。大人，时代变了，已经是属于TS的时代了。不信?React的文档是这么写的我们建议使用 TypeScript 而不是在运行时检查 prop 类型。
2023-12-08 22:17:27
632
原创 React中ref的四种使用方法
react的四个ref使用方法，请注意，最好要学会使用useRef，这个才是未来的趋势！类组件中的ref已经是过去式了。
2023-12-06 11:23:25
3251
原创 React为啥要用PureComponent代替Component
PureComponent 类似于 Component，但是当 props 和 state 与之前保持一致时会跳过重新渲染。
2023-12-04 14:39:59
442
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人