不一样的花朵的博客

超级中间件设计初稿（SuperMiddleware）设计初衷设计上的一些思考思考1思考2思考3设计初衷开源的现有中间件太多，导致最终选择的时候会出现各种兼容性问题。举例 ：分布式配置中心就有三种（Nacos、Apollo和Config）、还有消息中间件有（RocketMQ、Kafkfa和RabbitMQ）、还有RPC调用（Dubbo、grpc和Spring Cloud等），在选择存在复杂性和维护性的问题也是比较棘手，而且如果没有中间件团队的话学习成本也会直线上升。再比如国外开源的Spring Cloud

史诗级互联网电商系统的演进过程详解1. 业务模式演进1.1 发展历程1.1.1 萌芽期（96-99）1.1.2 发展期（00-10）1.1.3 稳定期（11-今）1.2 业务模式1.2.1 B2C1.2.2 C2C1.2.3 B2B1.2.4 O2O1.2.5 其他1.3 电商中台1.3.1 背景1.3.2 概述1.3.3 业务中台1.3.4 技术中台1.3.5 数据中台1.4 发展趋势1.4.1 移动电商1.4.2 社交电商1.4.3 新零售2. 架构体系演进2.1 概述2.2 单机器时代2.3 数据分离

二. Netty 入门1. 概述1.1 Netty 是什么？Netty is an asynchronous event-driven network application frameworkfor rapid development of maintainable high performance protocol servers & clients.Netty 是一个异步的、基于事件驱动的网络应用框架，用于快速开发可维护、高性能的网络服务器和客户端1.2 Netty 的作者他

一. NIO 基础non-blocking io 非阻塞 IO1. 三大组件1.1 Channel & Bufferchannel 有一点类似于 stream，它就是读写数据的双向通道，可以从 channel 将数据读入 buffer，也可以将 buffer 的数据写入 channel，而之前的 stream 要么是输入，要么是输出，channel 比 stream 更为底层#mermaid-svg-GbTNUnIbPzOon1Zx .label{font-family:'trebuche

在 Node 中使用 formidable 处理文件上传具体使用方式参照官方文档：https://www.npmjs.com/package/formidable第一：安装：# npm install --save formidableyarn add formidable第二：基本使用：var formidable = require('formidable'), http = require('http'), util = require('util'); http

Ecmascript 6 + Babelnpm scriptsExpressBabel Register第一：在项目根目录下创建一个 .babelrc 文件，写入以下内容：{ "presets": [ ]}第二：安装对应的转码规则：# ES2015转码规则$ npm install --save-dev babel-preset-es2015# react转码规则$ npm install --save-dev babel-preset-react# ES7不同阶段.

知识点Ecmascript 6Ecmascript 6ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Ecmascript 是 JavaScript 语言的标注规范JavaScript 是 Ecmascript 规范的具体实现具体实现取决于各大浏览器厂商的支持进度Ecmascript 6 也被称作 Ecmascript 2015各大浏览器厂商对于最新的 Ecmascript 6 标准支持可以参照：http:

知识点GitGithub项目阶段Git-bash 文件操作相关命令touch：创建文件cat：查看文件less：查看大文本文件vi：visual interfaceEsc 退出到命令模式i 进入插入模式:q 退出vi:w 保存编辑:wq 保存并退出:q! 强制退出不保存修改vi 的所有操作基本全部是命令，这里掌握基本使用基于可以了有时候使用 git commit 进行提交的时候希望能多写几行提交日志，这时候可以省略 -m 参数进入 vi 编辑模式Git参考

知识点版本控制SVNGitGithub版本控制问题1：历史记录问题2：多人协作解决问题：软件版本 用户 说明 日期1 张三 删除了软件服务条款5 7/12 10:382 张三 增加了License人数限制 7/12 18:093 李四 财务部门调整了合同金额 7/13 9:514 张三 延长了免费升级周期 7/14 15:17什么是版本控制？版本管理就是管理更新的历史记录，

RN学习说明ReactNative是基于React这门框架的语法来进行开发的；RN中，提供了 移动端 专用的一些组件，这时候，我们在网页中使用的一些 元素，div, p, img 都不能用了，只能使用RN固有的组件；最终，开发出来的项目，是要运行到手机上的，那么，如何把一个 RN 的项目，完整的发布到手机上去运行呢，这里，需要结合 安卓的 签名打包步骤，并使用 RN 提供的打包命令，进行完整 apk 文件的发布；最终发布出来的就是 Release 版本的项目，可以上传到应用商店；配置ReactN

Node.js设置跨域app.use('*', function (req, res, next) { // 设置请求头为允许跨域 res.header("Access-Control-Allow-Origin", "*"); // 设置服务器支持的所有头信息字段 res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Request

移动App第4天组件的生命周期概念：在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为 组件的生命周期；组件生命周期分为三部分：组件创建阶段：组件创建阶段的生命周期函数，有一个显著的特点：创建阶段的生命周期函数，在组件的一辈子中，只执行一次；componentWillMount: 组件将要被挂载，此时还没有开始渲染虚拟DOMrender：第一次开始渲染真正的虚拟DOM，当render执行完，内存中就有了完整的虚拟

移动App第3天ReactJS简介React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。libraryFramework前端三大主流框架Angular.

移动App第2天webpack的发布策略在实际开发中，一般会有两套项目方案：一套是开发期间的项目，包含了测试文件、测试数据、开发工具、测试工具等相关配置，有利于项目的开发和测试，但是这些文件仅用于开发，发布项目时候需要剔除；另一套是部署期间的项目，剔除了那些客户用不到的测试数据测试工具和文件，比较纯净，减少了项目发布后的体积，有利于安装和部署！为了满足我们的发布策略，需要新建一个配置文件，命名为webpack.publish.config.js，将webpack.config.js的配置

移动App第1天什么是混合移动App开发【重点】苹果上的软件是如何开发出来的：使用的是 OC、或者使用Swift这门语言安卓平台上的软件又是如何开发出来的：使用安卓相关的语言开发的，Java，安卓的控件进行开发苹果和安卓平台上共有的软件是如何开发出来的：腾讯招两套开发人员【开发组】，手机京东前端移动 App（Application）开发技术，去开发手机端的应用程序；前端的混合移动App开发技术，并没有使用 苹果 或 安卓 官方推荐的 开发平台和开发方式，而是抛弃了 官方提供的方式，使用 前端的

今日目标1.Vuex概述2.Vuex基本使用3.使用Vuex完成todo案例1.Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享使用Vuex管理数据的好处：A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护B.能够高效的实现组件之间的数据共享，提高开发效率C.存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新2.Vuex的基本使用创建带有vuex的vue项目，打开终端，输入命令：vue ui当项目仪表

今日目标1.完成项目优化2.完成项目上线1 .项目优化实现步骤：A.生成打包报告，根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制2.添加进度条给项目添加进度条效果，先打开项目控制台，打开依赖，安装nprogress打开main.js，编写如下代码//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'....