Wangtiegang Blog

React函数式组件和Hook学习笔记

Posted by wangtiegang on February 15, 2020

Flowable学习笔记

Flowable是什么？ Flowable是一个使用Java编写的轻量级业务流程引擎，是Activiti的一个分支发展而来，主创是同一个人。流程引擎是用来部署执行BPMN2.0流程定义的，日常工作中有很多流程，BPMN规范可以将流程拆解成一个个任务，将各个任务连接起来就成了一个流程图，流程引擎启动流程之后，就可以按顺序执行，开发人员只需要专注于每个任务的逻辑，而将任务之间的状态和流转...

Posted by wangtiegang on January 27, 2020

Oracle表空间相关

查看表空间大小，释放表空间

日常运维中经常需要关注数据库的表空间占用情况，手动扩容，增加表空间文件等，记录一些常用sql。查看表空间大小 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 SELECT Upper(F.TABLESPACE_NAME) "表空间名", D.TOT_GROOTTE_MB "表...

Posted by wangtiegang on January 12, 2020

设计模式之模板方法

《Head First 设计模式》阅读笔记

好久没看设计模式了，今天翻开书看了下模板方法模式，看完之后记录下学习笔记。模板方法模式在一个方法中定义一个算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以在不改变算法结构的情况下，重新定义算法中的某些步骤。直接看定义，感觉似懂非懂，很难理解其中的要义。模版方法实际上就是将一类算法（此处的算法可以理解为一类业务）的具体步骤抽象出来，将其放到超类中，不变的步骤直接在超类...

Posted by wangtiegang on January 5, 2020

React Context的使用

前面学习 react 的时候，了解到父组件跟子组件通信只能通过 props 传递属性和回调函数，父组件通过属性控制子组件，子组件又通过属性控制子子组件，层层嵌套到最底层。但这种做法对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI 主题），这些属性是应用程序中许多组件都需要的。在这种情况下，Context 被设计出来了，专门存储共享这些数据。如何使用Context 在使用 Con...

Posted by wangtiegang on December 29, 2019

搭建springboot多模块项目

前言前段时间将前端项目基于 antd pro 搭建好了，于是就到了搭建后端项目的时候了。在这之前使用 springboot 开发过一个很小的项目，这次准备基于上次的经验，对项目结构进行一些升级。首先，这个项目应该按模块划分，比如登陆，用户，权限，队列等通用的功能应该划分为一块，然后把业务相关的划分为一块，这样以后其他系统就可以方便的复用通用模块，而业务再单独加一个模块就行了。要实现上...

Posted by wangtiegang on December 22, 2019

React技术栈学习整理

最近一直在学习前端方面的东西，简单来说主要是为了学会使用 React 技术栈开发应用，看了很多文档，感觉收获很多，但是要仔细写写学了什么的话，又发现什么都写不出来，估计真的是知识量太大了，一下消化不了。整理下自己在这个过程中看过的一些文档，有些看完了，有些只是查阅，方便后续继续学习和补充。开发环境 VS CODE 、 Node.js 、 npm 、Yarn 、 git HTML5 ...

Posted by wangtiegang on December 8, 2019

ant design pro实现可编辑单元格Table

基于ant design pro v4 版本

ant design 是一个非常优秀的 react 前端组件库，如果使用ant design pro作为前端应用的基础就更方便了，很多后端管理项目都需要展示大量数据并且修改，通常都是使用 Table 组件来实现，并且编辑通常是单元格编辑，就像 Excel 一样。antd 提供了一个功能丰富的 Table 组件，但是有一个问题，就是没法通过组件的属性直接控制单元格编辑，这块需要自己实现，好在官...

Posted by wangtiegang on November 30, 2019

TypeScript学习笔记（二）

《TypeScript入门教程》阅读笔记

莫名其妙凑篇幅的前言在上上周的时候决定使用最新的Ant Design Pro做新的项目前端框架，因为v4版本默认使用 TypeScript ，所以就打算学习下。花一天时间看了教程的基础部分，感觉并不难。接着再去看Antd pro的代码，果然整体容易理解了很多，按照现有的页面写些类似的也能上手了，发现虽然类型定义的时候多些代码，但是使用的时候确实很爽，很多代码按照提示就能自动补全了。但是，...

Posted by wangtiegang on November 24, 2019

设计模式之适配器模式

《Head First 设计模式》阅读笔记

适配器模式适配器模式将一个类的接口，转换成客户期望的另一个接口，适配器让原本接口不兼容的类可以合作无间。适配器模式是一个很简单的设计模式，在日常生活中有很多相似的例子，比如去欧洲国家，他们的插座都是三孔的，电压也不是220V，如果我们国产电器要使用的话，就必须使用适配器来转换接口和电压，如果有其他国家不同的标准，再提供一个其他适配器就好了，这样就不必为了兼容不同电器而设计多种...

Posted by wangtiegang on November 17, 2019

ABOUT ME

Wangtiegang Blog

React函数式组件和Hook学习笔记

Flowable学习笔记

Oracle表空间相关

查看表空间大小，释放表空间

设计模式之模板方法

《Head First 设计模式》阅读笔记

React Context的使用

搭建springboot多模块项目

React技术栈学习整理

ant design pro实现可编辑单元格Table

基于ant design pro v4 版本

TypeScript学习笔记（二）

《TypeScript入门教程》阅读笔记

设计模式之适配器模式

《Head First 设计模式》阅读笔记

FEATURED TAGS

FRIENDS