Better Code, Better Life

简介 微前端: 由微服务衍生而来 微前端架构中一般会有个容器应用（container application）将各子应用(Bundle)集成起来 ^1 多 Bundle 集成方式 服务端集成：如服务端渲染SSR 构建时集成：如Code Splitting 常见的构建时集成方式是将子应用发布成独立的 npm 包，共同作为主应用的依赖项，构建生成一个供部署的 JS Bundle。然而，构建时集成最大的问题是会在发布阶段造成耦合，任何一个子应用有变更，都要整个重新编译 运行时集成：如通过 iframe、JS、Web Components 等方式 iframe实现缺点：https://www.yuque.com/kuitos/gky7yw/gesexv SPA(SinglePage Web Application)单页应用和MPA(MultiPage Application)多页应用区别参考：https://juejin.cn/post/6844903512107663368 相关资源 vue动态组件和异步组件说明 使用http-vue-loader可在非单页应用中引入.vue组件 可插拔式系统讨论 TODO 父子应用数据同步：https://blog.csdn.net/weixin_42234168/article/details/112180703 相关框架 qia ...

简介 区块链（Blockchain）：它是一种特殊的分布式数据库 ^1 区块链没有管理员，它是彻底无中心的 区块链由一个个区块（block）组成，区块由区块头（Head）和区块体（Body）组成 区块头保存当前区块的特征值：当前时间、上一个区块的Hash、当前区块体Hash、Nonce(随机项，工作量证明，计算正确hash值的次数)等 区块体保存实际数据，大小为1M 每个块类似链表进行连接（下一个区块记录了上一个区块的区块头Hash） 挖矿 通过大量计算，将数据成功写入到区块链中即是采矿。每次写入数据，就是创建一个区块 新的有效区块规则 目标值 = 一个常量 / 难度系数。难度系数越大，目标值就越小 只有小于目标值的哈希才是有效的，否则哈希无效，必须重算 通过改变Nonce值(一般只能用穷举，最大可以到21.47亿)，从而时区块头数据改变，从而计算出不同的Hash，直到找到正确的Hash；如果穷举到Nonce到最大，协议允许矿工改变区块体，开始新的计算 难度系数的动态调节：中本聪设计了难度系数的动态调节机制，将产出速率趋于十分钟每个 区块链的分叉 新节点总是采用最长的那条区块链。如果区块链有分叉，将看哪个分支在分叉点后面，先达到6个新区块（称为”六次确认”）。按照10分钟一个区块计算，一小时就可以确认，因此比特币交易一般有1小时左右的延迟 比特币挖矿为什幺烧显卡: ...

简介 Java其他插件化开发(OSGi文档较少，2021-02弃用) sofastack pf4j springboot-plugin-framework, 基于pf4j OSGi：Open Service Gateway Initiative 是一个Java模块化规范 官网：https://www.osgi.org/ Eclipse的插件机制就是基于OSGI规范实现 相关实现(运行时容器) Felix 是一个 OSGi 版本 4 规范的 Apache 实现 Apache Karaf：基于Felix实现，是一个运行基于OSGi的应用程序的平台，提供了如命令行界面将使我们能够与平台进行交互 ServiceMix：它将Apache ActiveMQ，Camel，CXF和Karaf的特性和功能统一到一个功能强大的运行时平台中，可用于构建自己的集成解决方案，它提供了由OSGi独家提供的完整的企业级ESB。最近更新2017年 Equinox 是 Eclipse对应的OSGi框架(容器)，是AppFuse的一个轻量级版本。对web的默认支持Spring MVC、Hibernat等组件 Gemimi Blueprint 由Eclipse维护，部分代码由SpringSource捐献的Spring DM(Spring Dynamic Modules，前身为Spring OSGi)项目代码 ...

简介 官网、Doc-user、Doc-developer 依赖 12345<dependency> <groupId>org.apache.velocity</groupId> <artifactId>velocity-engine-core</artifactId> <version>2.2</version></dependency> 使用12 变量取值1234567891011<!-- 根据变量从map中取值 -->$!{myMap.key}$!{myMap['key']}$!{myMap.get($!{relate.toEntityId})}<!-- 根据变量从list中取值和获取数组大小 -->$!{myList.get(0)}$!{myList.size()}<!-- 默认值 -->${name|'John Doe'} 控制语句循环12345678910111213141516## 循环map#foreach($item in $!softTypeMap.entrySet())< ...

简介 github GrapesJS 是一个免费开源的 Web 模板编辑器，可进行元素拖拽，包括元素的常用属性设置，从而生成HTML页面 GrapesJS 引入了 backone.js，参考backone-underscore-js.md 初始化渲染源码解析12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219 ...

简介 underscore.js 官网、中文网 提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象 Underscore提供了100多个函数，包括常用的: map, filter, invoke — 当然还有更多专业的辅助函数，如：函数绑定，JavaScript模板功能 backone.js 官网、中文网 引用了underscore.js库 为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构 backone123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132(function(factory) { // Establish the root object, `wind ...

简介 深入剖析 MyBatis 核心原理 类 org.apache.ibatis.session Configuration 全局配置类 SqlSession 数据库连接Session接口 DefaultSqlSession 包含部分方法如下 insert 基于update实现 update select delete commit rollback SqlSessionFactory 从流中读取mapper并初始化 SqlSessionFactoryBuilder 参考下文org.apache.ibatis.builder，主要是创建SqlSessionFactory SqlSessionManager 实现了 SqlSessionFactory 和 SqlSession builder XMLMapperBuilder 编译xml类型mapper，保存到Configuration MapperAnnotationBuilder 编译注解类型mapper，保存到Configuration executor BaseExecutor 抽象类 SimpleExecutor BaseStatementHandler 抽象的Statement处理器，有以下3中不同类型的执行器 SimpleStatementHandler PreparedStatementHand ...

简介 官网 Gradle 是一个通用的构建工具，它能构建任何基于你的构建脚本的东西。如果构建Java项目，引入构建java的插件(添加 task 到 project，如编译、打包、生成javadoc等)即可 在 Gradle 中两个顶级概念：project 项目和 task 任务 ^1 安装和命令 jar包下载的位置: /Users/你的用户名/.gradle/caches/modules-2/files-2.1 安装1234567# macbrew install gradle# 或者进行手动安装(下载xxx.bin.zip)# 和JDK版本的适配关系(否则只能使用gradle-wrapper) https://blog.csdn.net/Qhx20040819/article/details/131911031https://mirrors.cloud.tencent.com/gradle # https://gradle.org/releases/# 类似Maven配置GRADLE_HOME并将bin添加到Path gradle-wrapper 类似maven wrapper，idea需要配置使用wrapper的gradle版本(不能设置成使用本地gradle版本) 项目目录下，配置gradle/wrapper/gradle-wrapper.properties dist ...

简介 官网、中文Doc 声明文件语法 示例 ^2 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283// 全局变量declare var count: number;// 全局函数declare function hello(greeting: string): void;// 函数重载declare function getPerson(id: number): Person;declare function getPerson(name: string): Person[];// 带属性的对象/*let result = myLib.hello("hello, world");*/declare namespace myLib { function hello(s: string): string; let num: number;}// 类/*const p = new Person("hello, world");p.hello = "hi~";p.showHello();cla ...

yaml 参考 Yaml解析(基于jyaml)) json-yaml互转工具：https://www.bejson.com/json/json2yaml yaml多行配置规则参考：https://www.cnblogs.com/didispace/p/12524194.html 1234567891011121314151617181920212223# 配置与显示，都严格按段落展示## 直接使用\n来换行string: "Hello,\n\ World."# 配置按段落，显示不需要按段落string: 'Hello, World.'## 使用｜(文中自动换行 + 文末新增一空行。测试可行)、｜+(文中自动换行 + 文末新增两个空行)、|-(文中自动换行 + 文末不新增空行)string: | Hello, World.# 使用>(文中不自动换行 + 文末新增一空行)、>+、>-string: > Hello, World.# Java配置文件可以映射为 Mapmap: key: valmap2: '{"name": "test"}' jsonjson5 JSON5是JSON的扩展，Node支持 Npm库 支持注释、多行字符串等 json格式 json格式校验工具：https://qqe2.c ...