兵團基地

一起學習、共同進步。
兵團基地

关于本站的开发相关 (PG_Coding_site)

1. 技术栈

1.1. 前端

React 视图
React-Router 路由
React-Redux 状态管理
Material-UI UI 框架
Material-UI-Icons 字体图标
Axios 请求
Less 样式
Highlightjs 代码高亮
Marked 页面 Markdown 支持
Monaco-Editor 实时 Markdown 编辑

1.2. 后端

Express Web 框架
MySQL 数据库
Sequelize SQL ORM
Markdown 文章格式

1.3. 其他

Material-UI-Icons 字体图标
Typeface-Roboto 页面主要字体
OpenSans-Regular 文章主体字体

1.4. 主要辅助工具

Webpack 构建工具
Eslint 代码检查
Babel JS 预编译
Postcss CSS 处理
Sequelize-Auto 反向 ORM
Prop-Types React 静态检查
Webpack-Bundle-Analyzer JS 打包分析

2. 计划

> UPDATE: 2018.04.03.

第一版要实现的内容:(v1.0.0)

  1. 采用 RESTFUL 接口实现前后端数据交互
  2. React, React-Router, React-Redux + Material-UI 打造前端界面
  3. Axios 完成基本数据交互,Express 作为后端架构提供功能支持
  4. 以 MySQL 作为主要数据库,Markdown 作为文章格式
  5. 完善过渡动画 UPDATE: 2018.04.16. -> NEW

第二版要实现的内容:(v2.0.0)

  1. 换用 GraphQL 接口,整合进 API CENTRE
  2. 添加 SSR, 引入页面缓存机制及接口缓存机制
  3. 考虑采用消息订阅机制实现过渡动画 UPDATE: 2018.04.16. -> 移到 v1 中实现
  4. 完善编辑器
  5. 重新设计移动端的显示,现在太丑了

第三版要实现的内容:(v3.0.0)

  1. 采用自己的 UI 库
  2. 优化状态树结构及功能
  3. 编辑器提供更多功能(另存为 / 写代码 / 多源DIFF等)
  4. 提供 RSS 消息订阅,(考虑整合公众号推送)

… UP COMING…

3. 废话

3.1. 关于选材

首先设计上基本是 Material Design 的那一套,只是将大部分的卡片扁平化了。

虽然知道这个 UI 框架的性能可能不是很好,兼容也不是很好,但是就是很喜欢 Material Design 这套;
因为这几乎是 “最正宗”、“最原汁原味” 的一个。

另外,可能这个博客也没多少人来围观吧 ?

如果有人来,那一定是程序猿,

程序猿也不可能用 IE!

Problem Solved :)

3.2. 关于这个站点

目前站点跑的是线上测试 v0.9.0 版本的代码。

主要是要测试并调试出现的 Bug,等线上调试的差不多了会加上 CDN 处理这些自己打包的业务代码,估计访问速度能好很多。现在略慢 = =

3.3. 关于这篇文档

这篇文档将会长期更新,主要更新 CHANGE LOGNEW UPDATE.

4. 日志

UPDATE: 2018.04.16:

  • 准备开发新加的需求:(v1.0) 完善加载动画等内容。

UPDATE: 2018.04.13:

  • v0.9 基本完成。上线测试及调试。

关于本站的开发相关 (PG_Coding_site)

1. 技术栈

1.1. 前端

React 视图
React-Router 路由
React-Redux 状态管理
Material-UI UI 框架
Material-UI-Icons 字体图标
Axios 请求
Less 样式
Highlightjs 代码高亮
Marked 页面 Markdown 支持
Monaco-Editor 实时 Markdown 编辑

1.2. 后端

Express Web 框架
MySQL 数据库
Sequelize SQL ORM
Markdown 文章格式

1.3. 其他

Material-UI-Icons 字体图标
Typeface-Roboto 页面主要字体
OpenSans-Regular 文章主体字体

1.4. 主要辅助工具

Webpack 构建工具
Eslint 代码检查
Babel JS 预编译
Postcss CSS 处理
Sequelize-Auto 反向 ORM
Prop-Types React 静态检查
Webpack-Bundle-Analyzer JS 打包分析

2. 计划

> UPDATE: 2018.04.03.

第一版要实现的内容:(v1.0.0)

  1. 采用 RESTFUL 接口实现前后端数据交互
  2. React, React-Router, React-Redux + Material-UI 打造前端界面
  3. Axios 完成基本数据交互,Express 作为后端架构提供功能支持
  4. 以 MySQL 作为主要数据库,Markdown 作为文章格式
  5. 完善过渡动画 UPDATE: 2018.04.16. -> NEW

第二版要实现的内容:(v2.0.0)

  1. 换用 GraphQL 接口,整合进 API CENTRE
  2. 添加 SSR, 引入页面缓存机制及接口缓存机制
  3. 考虑采用消息订阅机制实现过渡动画 UPDATE: 2018.04.16. -> 移到 v1 中实现
  4. 完善编辑器
  5. 重新设计移动端的显示,现在太丑了

第三版要实现的内容:(v3.0.0)

  1. 采用自己的 UI 库
  2. 优化状态树结构及功能
  3. 编辑器提供更多功能(另存为 / 写代码 / 多源DIFF等)
  4. 提供 RSS 消息订阅,(考虑整合公众号推送)

… UP COMING…

3. 废话

3.1. 关于选材

首先设计上基本是 Material Design 的那一套,只是将大部分的卡片扁平化了。

虽然知道这个 UI 框架的性能可能不是很好,兼容也不是很好,但是就是很喜欢 Material Design 这套;
因为这几乎是 “最正宗”、“最原汁原味” 的一个。

另外,可能这个博客也没多少人来围观吧 ?

如果有人来,那一定是程序猿,

程序猿也不可能用 IE!

Problem Solved :)

3.2. 关于这个站点

目前站点跑的是线上测试 v0.9.0 版本的代码。

主要是要测试并调试出现的 Bug,等线上调试的差不多了会加上 CDN 处理这些自己打包的业务代码,估计访问速度能好很多。现在略慢 = =

3.3. 关于这篇文档

这篇文档将会长期更新,主要更新 CHANGE LOGNEW UPDATE.

4. 日志

UPDATE: 2018.04.16:

  • 准备开发新加的需求:(v1.0) 完善加载动画等内容。

UPDATE: 2018.04.13:

  • v0.9 基本完成。上线测试及调试。
兵团基地
Power by React, GraphQL | Design by Puls Garney | Version: 3.1.6
Copyright © 2017-2022 Puls Garney - All Rights Reserved.
Power by React, GraphQL
Design by Puls Garney
Version: 3.1.6

Copyright © 2017-2022 Puls Garney
All Rights Reserved.