主页

前端工程体系

我常常执着于部分(比如昏天暗地地解读一个源码),不能跳出来看看整体。这篇文章旨在于整理我所理解的前端工程体系,方便逐步演进顶层观念并指导后续发展。因为见识的有限和理解的不足,这篇文章本难免缺陷和差缪,还望有识予以理解。 我所理解的前端工程体系大致如上图。左半部分以 antd + umi、fusion + 飞冰为参照加以说明,组件库用于提供基础的通用组件。模板工程通常提供了应用层面的最佳实践,因此

软件复用

软件复用分为实体复用和概念复用两类。实体复用有三个层次:应用系统复用、组件复用、对象和函数复用。概念复用指的是复用一个思想、一个方法、一个操作或一个算法,它可以嵌入在设计模式、可配置系统产品以及程序生成器等方法中。复用的好处在于降低开发成本、增加可靠性、降低过程风险、有效使用专家、标准一致等;坏处在于可复用的开发和维护成本高、推广可能遭遇不利。 软件复用的方法包含:体系结构模式、设计模式、应用框架

前端技术汇总贴

下载立即收藏!这应该是你见过的最全前端下载总结 校验身份证号根据〖中华人民共和国国家标准 GB 11643-1999〗中有关公民身份号码的规定,公民身份号码是特征组合码,由十七位数字本体码和一位数字校验码组成。排列顺序从左至右依次为:六位数字地址码,八位数字出生日期码,三位数字顺序码和一位数字校验码。 地址码表示编码对象常住户口所在县(市、旗、区)的行政区划代码。 出生日期码表示编码对象出生的年

java 应用常见问题

get/set 方法报错 引入 lombok 依赖。 IDEA 添加 lombok 插件。 IDEA - file - setting 面板启动 AnnocationProcessors。 更多可参考 Lombok的基本使用。

react 工程中使用 ts

常规React.ReactNode:children 类型。React.CSSProperties:样式类型。React.MouseEvent<HTMLElement, MouseEvent> 等:event 对象类型。React.ChangeEventHandler 等:事件处理器。React.Ref:ref 引用类型,通常需要结合 React.useRef(null)。 使用 Om

Select 组件

Select 组件包含如下功能: 多种展示模式:默认的单选模式、multiple 多选模式、tags 标签模式(支持随意输入值)、combobox 。 搜索功能:通过 props.showSearch、props.onSearch、props.optionFilterProp 配置搜索过滤能力。 选项分组:通过 OptGroup 组件设置选项分组。 扩展菜单:通过 props.dropdownR

Upload 组件

Upload 组件构成如下: rc-upload 提供基本的文件上传功能。Upload 组件在 rc-upload 基础上创建外观,实现文件与表单交互,并集成 UploadList 文件列表。 rc-uploadrc-upload 的实现逻辑基于:由隐藏的 input 元素获取上传文件,再通过 ajax 上传 FormData 数据。上传时包含常规的 ajax 功能点以及 input 表单控件的功

application.yml 配置

database数据库连接池使用 druid。 pom.xml 添加 druid-spring-boot-starter 依赖。 配置 application.yml。 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950spring: datasource:

mybatis 使用

本篇内容基于《mybatis 从入门到精通》整理。 基本使用 pom.xml 添加 mybatis-spring-boot-starter 依赖。 编写 Mapper.xml、实体类、Mapper 接口等。 1234567891011@dataclass Test { private Integer id; private String name; private String

mybatis 通用 mapper

Mybatis-Mapper 插件 用于简化 mybatis 使用,这里只介绍基本使用和代码生成,扩展通用 Mapper 接口和 Example 的使用可参考官方文档。 基本使用 pom.xml 添加 tk.mybatis 依赖。 配置 application.yml,设置通用 Mapper(支持自定义)。 编写 Mapper.xml。 编写实体类,实体类中字段名默认按驼峰式进行转换(通过 @Na