- 博客(45)
- 收藏
- 关注
RSS订阅原创 数组过滤-对象数组根据某一数组筛选出某个对象值与数组中的值相等的对象，返回新数组
【代码】数组过滤-对象数组根据某一数组筛选出某个对象值与数组中的值相等的对象，返回新数组。
2024-05-28 15:46:22
250
原创 `defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead
将写在Input或者Select等组件中的defaultValue删除，并将该值写入Form.Item的initialValues。
2024-03-15 09:05:24
968
原创 tree树形控件如何展示循环的数据（纯代码—可直接拉取）
1、创建一个格式化文件formatTreeList.js。2、在tree控件中直接赋值。
2024-02-20 15:54:26
360
原创 React 登录鉴权（路由守卫）（纯代码—可直接拉取使用）
注意：上述完成之后，有个问题点需要注意：打开控制台随意编写一个token也能进入页面。可根据自己的项目自行思考如何做这方面的限制。（可以设置一个同值的隐藏key做判断）核心：登录api成功的回调里面设置token，路由设置token查询。路由文件使用authRouter.js。创建authRouter.js。登录api设置token。创建token.js。
2024-01-29 16:31:09
844
原创 浏览器渲染原理（面试重点）
reflow的本质就是重新计算layout树。当进行了会影响布局树的操作后，需要重新计算布局树，会引发layout。为了避免连续的多次操作导致布局树反复计算，浏览器会合并这些操作，当JS代码全部完成后再进行统一计算。所以，改动属性造成的reflow是异步完成的。也同样因为如此，当JS获取到布局属性时，就可能造成无法获取到最新的布局消息。浏览器在反复权衡下，最终决定获取属性立即reflow。
2024-01-05 15:34:45
1093
原创 JavaScript密码加密解密（纯代码-可直接拉取使用）
夸克网盘是夸克推出的一款云服务产品，功能包括云存储、高清看剧、文件在线解压、PDF一键转换等。通过夸克网盘可随时随地管理和使用照片、文档、手机资料，目前支持Android、iOS、PC、iPad。依赖安装失败的话，下方链接提取，直接拉进去使用。抽成组件rsaEncrypt.js。
2024-01-03 16:24:16
982
原创 antd组件如何修改默认样式（内含实际案例【欢迎补充】）
直接加global限定，由于antd是异步加载，所以一般找一个比较大的父级（比如所有元素都在body中）只需要作用于你的小区域，那么就加一个外部距离较近的css来做限定。无API可以添加className修改样式。上述两种形式无法改动则采取一下措施。打开控制台找到class名称。
2023-12-20 16:00:49
1196
原创 webpack 常见面试题
webpack 是一个打包模块化 js的工具，在 webpack 里一切文件皆模块，通过 loader 转换文件，通过 plugin 注入钩子，最后输出由多个模块组合成的文件，webpack 专注构建模块化项目WebPack 可以看做是模块的打包机器：它做的事情是，分析你的项目结构，找到 js 模块以及其它的一些浏览器不能直接运行的拓展语言，例如：Scss，TS 等，并将其打包为合适的格式以供浏览器使用（工作原理）把一切都视为模块：不管是 css、JS、Image 还是 html 都可以互相引用。
2023-08-10 10:40:54
1096
原创 React从0到1快速搭建项目
安装完成后检查版本：npm webpack -v。安装完成后检查版本：node -v；回车等待项目创建完毕后用vscode打开。下载完成后一直点击下一步，直至安装完成。如果出现对应版本号说明安装成功。
2023-07-17 11:44:28
272
原创 JavaScript高级程序设计—语言基础
注意：null == undefined 是true，但是null === undefined 是false。注：逻辑上讲，null值表示一个空对象指针，这也是给typeof传一个null会返回object的原因。按位非：~、按位与：&、按位或：|、按位异或：^、左移：、无符号右移：>>>条件操作符（三目运算符）：a = 5?一元操作符：只操作一个值的操作符叫一元操作符。标识符：变量、函数、属性或函数参数的名称。关系操作符：、=指数赋值操作符：**=
2023-07-14 14:02:50
279
原创 JavaScript高级程序设计—HTML中的JavaScript
包含在<script>元素里面的代码会被浏览器从上到下进行解释，前提是它们没使用async和defer属性。第二个<script>元素的代码必须在第一个解释完毕才能开始解释，第三个必须等第二个，以此类推。
2023-07-14 10:18:13
156
原创 深入理解TypeScript
来启用 TypeScript 编译器的观测模式，在检测到文件改动之后，它将重新编译。选项以及使用 ES 模块语法导入、导出、编写模块。
2023-07-04 18:01:14
296
原创 开发测试运维中的各项环境指代什么
7、灾备环境：部署带版本的组件，对于一些服务可用性，可连续性有特别要求，比如关系到国计民生的系统，需要进行灾备。：部署带版本的组件，服务API自动化测试，服务UI自动化测试，多系统集成API测试，多系统集成UI自动化测试。：程序猿们专门用于开发的服务器，配置可以比较随意，为了开发调试方便，一般打开全部错误报告。4、用户可接受性测试环境：用户接受度测试，及验收测试，主要是用来做客户体验的环境。：部署带版本的组件，正式生产环境。：外部用户无法访问，专供测试。
2023-06-29 14:47:16
314
原创 git合并多个commit
一、commit代码已经全部push到远程仓库1、git log（查询commit信息）2、git rebase -i HEAD~n （n：表示要合并到commit个数）3、点击i进入编辑模式，将需要合并到commit前面改成s，保留一个不变的commit前面为pick4、修改后点击esc退出编辑模式，输入:wq保存并退出5、不需要重新编辑commit信息时，直接git push -f，需要重新编辑commit信息时，请重新编辑后在git push -f二
2023-03-05 08:27:10
1900
原创 TypeScript—编译选项（3）
目录一、自动编译文件二、自动编译整个项目三、配置选项includeexcludeextendsfilescompilerOptions一、自动编译文件编译文件时，使用-w指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。// 指令tsc xxx.ts -w // 修改后自动更新js文件二、自动编译整个项目如果直接使用tsc命令，则可以自动将当前项目下的所有ts文件编译为js文件； 但是前提是在项目根目录下创建一个ts的..
2022-03-29 21:36:37
428
原创 TypeScript—类型声明（2）
目录一、类型声明二、语法三、自动类型判断四、所有类型五、类型声明实例1、number2、string3、boolean4、字面量5、any6、unknown7、void8、never9、object10、array11、tuple12、enum13、函数六、类型断言七、类型的别名一、类型声明通过类型声明可以指定TS中变量（参数、形参）的类型； 指定类型之后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合.
2022-03-27 16:26:13
672
原创 TypeScript—简介&开发环境搭建（1）
目录一、简介1、定义2、TypeScript增加了什么二、TypeScript开发环境搭建1、下载Node.js2、安装Node.js3、使用npm全局安装TypeScript4、创建一个ts文件5、使用tsc对ts文件进行编译一、简介1、定义以JavaScript为基础构建的语言 一个JavaScript的超集 可以在任何支持JavaScript的平台中执行 TS不能被JS解析器直接执行 TypeScript扩展了JavaScript，并添加了类型
2022-03-23 14:56:07
6727
原创 事件轮询（event loop）
目录一、进程与线程二、浏览器渲染流程三、JS运行机制四、微任务与宏任务五、实例分析一、进程与线程进程：是cpu资源分配的最小单位（是能拥有资源和独立运行的最小单位）； 线程：是cpu任务调度和执行的最小单位（线程是建立在进程基础上的一次程序运行单位，一次进程可以有多个线程）； 同一进程的线程共享本进程的地址空间和资源，而进程之间的地址空间和资源是相互独立的。注意：浏览器的渲染进程是多线程的，主要线程如下：1、GUI渲染线程负责渲染浏览器界面，解析HTML、CSS，构
2022-03-13 21:15:19
5617
3
原创 API 与 SDK
目录一、API二、SDK三、API与SDK的区别一、API1、定义 API（Application Programming Interface，应用程序接口）是一些预先定义的接口（如函数、HTTP接口），或指软件系统不同组成部分衔接的约定。用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程，而又无需访问源码，或理解内部工作机制的细节。 API（应用程序编程接口）_百度百科2、特点API是一个明确定义的接口，可以为其他软件提供特定服务 A...
2021-12-09 14:04:51
7733
原创 React全家桶-模块化、组件化、工程化（4）
一、工程化1、定义：使用软件工程的技术和方法来进行前端项目的开发、维护和管理。2、详解：工程化是一种思想而不是某种技术，前端工程化就是把前端的项目当成一项软件工程进行分析、组织和构建，从而达到项目结构清晰、分工明确、开发效率提高的目的。3、阶段：技术选型 构建优化 模块化和组件化开发4、内容：代码规范: 所有团队成员必须根据相同的代码规范（团队公约）开发代码； 分支管理: 不同的开发人员开发不同的功能、组件或页面，最终合并到主干； 模块管理: 保证规范引用的模块可以正确的加入到
2021-11-11 17:48:03
852
原创 React全家桶-jsx语法（3）
一、定义 jsx是一种JavaScript语法扩展（全称：JavaScript XML），是基于ECMAScipt新特性的，React定义的一种带属性树结构的语法。 运用于React架构中，其格式比较像是模版语言，但事实上完全是在JS内部实现的。元素是构成React应用的最小单位，JSX就是用来声明React当中的元素，React使用JSX来描述用户界面。 本质上，JSX为我们提供了创建React元素方法： React.createE...
2021-11-09 14:27:44
700
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人