自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 第一次出书的经验分享

我的书终于上架了,看京东官方活动,5折购书今天最后一天了,希望有需要的人能够看到这篇文章以最少的价格购书。

2020-08-28 14:25:28 4735 20

原创 职业规划-IT方向(超详细,超具体)

前言今天是周五,本来想好好休息。前天写了一篇博文《说出我的故事,献给正在迷茫的你》(https://blog.csdn.net/weixin_44135121/article/details/92841610),不少读者留言不知该如何做职业规划,于是继续拖着忙碌了一周疲倦的身体,坐在电脑前,吹着电扇,提笔写下这篇《职业规划-IT方向》。如果你是应届生,或者准备转行 IT,我想以我的个人经验...

2019-06-21 21:30:13 72784 330

原创 git 常用命令

git 命令克隆仓库的某个文件夹git init test && cd test //新建仓库并进入文件夹git config core.sparsecheckout true //设置允许克隆子目录echo 'tt*' >> .git/info/sparse-checkout //设置要克隆的仓库的子目录路径 //空格别漏git remote add origin git@github.com:mygithub/test.git //这里换成你要克隆的

2023-10-16 17:13:40 431

原创 React 模板封装之树形模板 TreeTable

前面有介绍过 React 模板封装之基础模板 BaseTable 和 React 模板封装之拖曳模板 DragTable,今天在这两个模板的基础上实现一个树形模板 TreeTable。目前改模板只支持两个层级,即父表格与子表格。

2020-12-30 15:46:05 2148 2

原创 React 模板封装之拖曳模板 DragTable

前面有介绍过《React 模板封装之基础模板 BaseTable》。 今天在原先模板的基础上实现一个拖曳模板 DragTable。

2020-12-30 14:06:33 995

原创 实战 Java 第12天:开发商品点赞接口

用户可以对自己喜欢的商品点赞,今天将开发商品点赞接口。

2020-12-29 22:56:11 1469

原创 React 模板封装之基础模板 BaseTable

前面有写过几篇 React 组件封装的文章。今天来记录下 React 模板封装之基础模板 BaseTable。

2020-12-29 17:30:38 2017

原创 React 中实现复制到剪切板功能

下载 copy-to-clipboard。引入 copy 方法,在点击按钮时调用 copy 方法。

2020-12-28 12:14:49 7579 1

原创 杏子语录(2020年12月)

生命如此短暂,要做的事情还有很多。然身处在这纷乱浮躁的社会,便要学会时刻修正自己的目光,使其落在更有意义的事情上。将凡尘琐事抛之脑后,思考如何才能遇见更好的自己,才是我辈年轻人的优良做派。眼界决定格局!

2020-12-28 11:17:14 455 2

原创 实战 Java 第11天:mybatis example通用查询商品类型列表

商品类型查询也是比较常见的场景,今天不会使用之前查询商品列表时的原生sql写法,将使用mybatis通用example查询。

2020-12-27 21:49:47 1194 4

原创 实战 Java 第10天:商品分页查询

商品数量较多时,需要对商品列表进行分页查询展示。今天将通过mybatis+pagehelper插件实现列表分页查询。

2020-12-27 20:38:22 953

原创 了解 React 之 hooks(三)

在前面的文章 [了解 React 之 hooks(二)]中介绍了 hooks 的 3 个性能优化 API,分别为 React.memo、React.useCallback、React.Memo。本文主要介绍 useEffect 的第二个参数。

2020-12-21 15:58:20 179

原创 了解 React 之 hooks(二)

在前面的文章 了解 React 之 hooks(一)中介绍了 hooks 的 4 个基础 API(useState、useEffect、useContext、useReducer)。本文主要介绍 hooks 的 3 个性能优化 API,分别为 React.memo、React.useCallback、React.Memo。

2020-12-09 10:58:44 671

原创 实战 Java 第9天:统计各类商品数量

对商品进行分类统计也是很常见的业务场景。今天开始编写统计各类商品数量接口。本文的内容只是业务逻辑,完整的项目需结合前面的内容一起看。

2020-11-29 11:01:02 3815 2

原创 实战 Java 第8天:开发商品详情查询接口

在前面的[《实战 Java 第5天》](https://blog.csdn.net/weixin_44135121/article/details/95529369)学习了如何开发商品查询(模糊查询与条件查询)接口,今天开始编写商品详情查询接口。本文的内容只是业务逻辑,完整的项目需结合前面的内容一起看。

2020-11-28 17:16:53 1485

原创 1分钟了解 IIFE

IIFE(Immediately-Invoked Function Expression)指的是立即执行函数或者立即调用的函数表达式,即声明的同时就要调用。

2020-11-28 16:12:49 572

原创 3分钟了解 WebAssembly

WebAssembly 就是一种非 JavaScript 语言编写的代码也能够在浏览器运行的技术方案。与 WebAssembly 类似的还有 asm.js。两者功能基本一致,就是转出来的代码不一样。asm.js 是文本,WebAssembly 是二进制字节码。

2020-11-26 13:46:44 1731

原创 3分钟了解微前端

说到微前端之前先提一下微服务。微服务是为了解决庞大的后端服务带来的变更与拓展方面的限制,而将一个大型的服务应用分割成若干个颗粒度较小的可独立开发、测试及部署的单个子应用。而越来越复杂的前端项目也面临同样的问题。于是有了微前端的诞生。

2020-11-25 17:22:36 6403 2

原创 1分钟了解 rap2

现在大部分的 web 应用都使用前后端分离的方式。即明确前后端需求之后,前后端可以独自开发。这时候前端一般会模拟一些接口数据来填充页面。前面在博客《告别等待后端接口,前端使用在线mock数据》中有介绍到关于模拟数据的工具 mockjs 。 今天来介绍一个由淘宝团队开发的类似工具 rap2。

2020-11-24 17:44:56 4427

原创 前端配置跨域代理

跨域对于前后端开发来说是一个老生常谈的问题了。客户端与服务端通信时协议不同、域名不同、端口不同都会产生跨域问题。

2020-11-24 16:30:00 25720 1

原创 使用 customize-cra 修改 webpack 配置

说到 webpack 配置,很多人都知道在项目根目录下创建 webpck.config.js 文件,然后在该文件中配置参数即可。但是如果使用脚手架命令,如 `create-react-app myproject ` 创建的项目,是不需要手动配置 webpack 的。但是因项目需要单独配置或者覆盖原始 webpack 配置,该如何做昵?

2020-11-24 11:46:35 14160 3

原创 1分钟了解 Tree-shaking

Tree-shaking 中文译为摇晃之后的树,用在 webpack 打包中。其功能是移除 JavaScript 上下文中未引用的代码。比如在项目中引用了一个模块 antd 。但其实只使用到了 Button 组件、Input 组件、Form 组件等。那么 webpack 在打包后会消除掉以上组件之外的其他 antd 组件。从而减小打包体积,以此达到性能优化的目的。

2020-11-24 10:07:10 1725 1

原创 杏子语录(2020年11月)

人活着是为了实现自我价值并获取其中的乐趣。那些糟心的人和事,并不是我们存在于这世间的目的。

2020-11-21 19:49:32 248

原创 你必须做到的 3 件事

当你想改变一件事情的现状时,你必须要做到这 3 件事:1、定目标,做计划。2、心无旁骛,专心致志。3、不再为短期的失败而落寞,因为,三年期未至。

2020-10-31 07:27:35 633 4

原创 从零搭建一个 React 项目(非脚手架)

对于前端开发来说,掌握 webpack 必不可少,面试中也是逢面必问。本文主要介绍不使用脚手架从零搭建一个 React 项目,其核心就是如何安装配置 webpack。

2020-10-30 23:12:14 1847 2

原创 手写 React 第 4 节 - 实现 Fiber

在上一节【手写 React 第 3 节 - 实现函数组件/类组件】中实现了函数组件和类组件,本小节主要介绍 Fiber 的作用以及如何实现 Fiber。

2020-10-30 19:01:41 297

原创 手写 React 第 3 节 - 实现函数组件/类组件

在上一节【手写 React 第 2 节 - 初探 React 实现机制】中实现了 type 类型为原生节点标签和文本节点类型的组件,本小节主要介绍如何实现函数组件和类组件。

2020-10-29 22:16:51 219

原创 手写 React 第 2 节 - 初探 React 实现机制

在上一节【手写 React 第1节 - 从零搭建一个 React】中讲到如何从零搭建一个 React 架子,本节主要介绍如何实现这样的一个简易 React。

2020-10-29 18:38:12 357

原创 手写 React 第 1 节 - 从零搭建一个 React 架子

作为一个有追求的前端开发,掌握一门源码框架势在必行。特别是对于想要换工作或者想要进大厂的开发者来说,源码的考察必不可少。然而源码晦涩难懂,没有扎实的基础或者足够的毅力很难坚持下去。但是如果能自己手动实现一个简易的 React,再去理解晦涩的 React 框架将会事半功倍。本栏目《手写一个 MiniReact 》旨在通过手动实现一个简易的 React 来疏通 React 的实现机制,帮助大家在 “ 啃 React 源码”之路上尽一份绵薄之力。

2020-10-29 15:31:08 581

原创 React 组件封装之 Tree 树形控件

实现树形控件,适用于组织架构、文章列表等链表结构的功能。

2020-10-28 16:32:40 7749 4

原创 杏子语录(2020年10月)

为什么我们无法做到自律,因为做成一件事只有 1 个理由。而做不成一件事有 N 多个理由。所以我们一定要将内驱训练得强大而坚固,才能够战胜本性,抵抗千军万马的诱惑。

2020-10-27 09:16:17 915 1

原创 Vue 组件封装之 Result 结果页

提交或者操作完成之后,进入一个成功或者失败的结果页。

2020-10-19 09:24:19 4059 1

原创 Vue 组件封装之 Content 列表(处理多行输入框 textarea)

处理多行输入框 textarea 自适应高度。

2020-10-19 08:59:23 4266

原创 React 源码讲解第 6 节- expirationTime 公式

本节主要讲解 expirationTime 时间计算公式。

2020-09-29 16:52:56 953 1

原创 React 源码讲解第 5 节- Update 对象和 UpdateQueue 对象

根据第三节和第四节的内容,创建了 RootFiber 对象和 FiberRoot 对象之后,接下来就是处理更新。

2020-09-29 09:03:03 731

原创 使用阿尔卑斯山法进行高效时间管理

不知道从什么时候开始,坚持每天提前1小时到公司给自己列出当日计划。并且自己的日计划、月计划和年计划关联。所以一直认为自己的时间管理得不错。直到最近听公司的在线课程《高效时间管理》,才发现原来时间管理也是有一些方法论和定律的。

2020-09-28 13:47:39 4890

原创 React 15 与 React 16 架构区别

React 16 架构解决了 React 15 架构更新不完全的问题。

2020-09-23 20:28:37 1741 3

原创 React 源码讲解第 4 节- Fiber 对象

本小节介绍 Fiber 对象的含义、类型以及具体包含哪些属性。

2020-09-23 19:36:17 569 1

原创 React 源码讲解第 3 节- FiberRoot 对象

React 源码讲解第 3 节- FiberRoot 对象

2020-09-23 19:34:56 566

原创 React 源码讲解第 2 节-入口 API 之 ReactDOM.render

1. 创建 fiberRoot 对象。2. 创建 expirationTime 和 update 加入更新队列,进入调度器。

2020-09-16 14:58:43 579 1

空空如也

空空如也

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

TA关注的人

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