Better Code, Better Life

简介 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 安装和命令安装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 distributionUrl下载慢可使用腾讯镜像，参考：https://blog.csdn.net/youngwah292/ar ...

简介 官网、中文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 ...

在线工具 https://nowjava.com/jar/ 根据jar包名称，查看jar包中文件名信息，如查看druid-1.1.17.jar Hutool https://hutool.cn/docs/ Bean/JSON操作 Bean/Map/JSON相互转化 123456789101112131415161718192021// 注意：Hutool在处理JSON时对Null做了处理JSONNull jsonNull = new JSONNull(); // null会包装成JSONNullSystem.out.println(jsonNull == null); // falseSystem.out.println(jsonNull.equals(null)); // true// ### Bean/Map <==> JSON; 深度拷贝String str = JSONUtil.toJsonStr(person); // Bean => JSON字符串. 生成的字符串字段无顺序(尽管格式化LinkHashMap这种有顺序的对象)，有些加密场景可能不适用Person person = JSONUtil.toBean(str, Person.class); // JSON字符串 => BeanPerson newPerson = JSONUtil. ...

Tag一下 Alibaba Fusion Design 基于 React技术栈实现设计师与工程师的协作平台 基础库sass/less sass相关变种说明: https://www.cnblogs.com/yyh1/p/15954139.html 目前sass官方主推的是 dart-sass sass 是由 ts调用 dart-sass实现的工具类，来编译 sass（以前是由单纯的 ts实现的） 只支持 ::v-deep dart-sass 是由 dart 实现的，通过 dart vm 运行 dart 是编译 sass（在 npm 可以看到该包已不被开放下载了） node-sass 是由 node 调用 底层 c++ 实现的 libsass 来编译 sass 支持/deep/和::v-deep lodash工具类 lodash、lodash中文网 Math 数学计算，类似mathjs add、subtract、multiply、divide 两个数的加减乘除 _.add(0.1, 0.2) // 0.30000000000000004 merge 可进行深度覆盖 1234567const a = {a: 1, b: {b1: 2}, c: [{c1: 3}]};const b = { ...

简介 官网、w3cschool文档 Electron 使用 JavaScript，HTML 和 CSS 构建跨平台（Mac、Windows 和 Linux）的桌面应用程序 Electron 结合了 Chromium、Node.js 和用于调用操作系统本地功能的 API（如打开文件窗口、通知、图标等） 案例：VS Code、Slack、Facebook Messenger等 相关文章 Electron 与 Vue 的性能优化 简单使用12345# 运行官方示例git clone https://github.com.cnpmjs.org/electron/electron-quick-start.gitcd electron-quick-startnpm installnpm start 与VUE项目结合 将VUE项目集成Electron有两种方式 在自己的 vue 的项目中引入插件，然后打包（本文案例） 将自己的 vue 项目打包，放到官方的 demo 文件中，改变打包路径 通过simulatedgreg/electron-vue等插件创建vue项目，则包含了Electron 大部分组件通过npm设置为淘宝镜像即可加速，但是像electron-mirror、node-sass等组件需要额外设置镜像地址配置到~/.npmrc才能成功下载。可使用mirror-config ...

简介 参考: https://javadoop.com/post/spring-ioc Spring扩展点参考: https://mp.weixin.qq.com/s/O0W6vCuqQfeAH0UB7elpeA 类关系 类关系图 ^1 ApplicationContext 继承了 ListableBeanFactory，这个 Listable 的意思就是，通过这个接口，我们可以获取多个 Bean。最顶层 BeanFactory 接口的方法都是获取单个 Bean 的 ApplicationContext 继承了 HierarchicalBeanFactory, Hierarchical 单词本身(分层的)已经能说明问题了，也就是说我们可以在应用中起多个 BeanFactory，然后可以将各个 BeanFactory 设置为父子关系 AutowireCapableBeanFactory 这个名字中的 Autowire，它就是用来自动装配 Bean 用的，但是仔细看上图，ApplicationContext 并没有继承它，但是使用组合可以获取它，从 ApplicationContext 接口定义中的最后一个方法 getAutowireCapableBeanFactory() 可说明 ConfigurableListableBeanFactory 也是一个特殊的接口，看图，特殊 ...