Skip to content

Commit

Permalink
feat: css-framework.md, ssr.md, afterwave.md, learn-from-github.md
Browse files Browse the repository at this point in the history
  • Loading branch information
ceorleorn committed Nov 25, 2020
1 parent 3866618 commit 87495df
Show file tree
Hide file tree
Showing 7 changed files with 14,808 additions and 8 deletions.
14,776 changes: 14,776 additions & 0 deletions package-lock.json

Large diffs are not rendered by default.

Empty file added src/page/Untitled.txt
Empty file.
5 changes: 5 additions & 0 deletions src/page/guide/md/afterwave.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# 后浪

> 恭喜你,到这里就看完了所有的条目。用你的毕生所学,去成为后浪吧!
[bilibili献给新一代的演讲《后浪》](https://www.bilibili.com/video/BV1FV411d7u7)
10 changes: 5 additions & 5 deletions src/page/guide/md/css-framework.md
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
# ui框架
# UI框架

## ui框架
## UI框架
- [Bootstrap](https://www.bootcss.com/)
- [Fundation](https://foundation.zurb.com/)
- [Bulma](https://bulma.io/)
- [Semantic UI](https://semantic-ui.com/)
- [Materialize CSS](https://materializecss.com/)
- [Material UI](hhttps://material-ui.com/)

## ui组件库
## UI组件库
- [Ant Design](https://ant.design/index-cn)
- [Element UI](https://element.eleme.cn/)
- [Blueprint UI](https://blueprintjs.com/)
- [Amaze UI](https://github.com/amazeui/amazeui)

## ui后台管理系统
- [layui](https://www.layui.com/admin/)
## UI后台管理系统
- [Layui](https://www.layui.com/admin/)
- [Ant Design Pro](https://pro.ant.design/index-cn)
- [Vue Element Admin](https://panjiachen.github.io/vue-element-admin-site/zh/)
17 changes: 17 additions & 0 deletions src/page/guide/md/learn-from-github.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
# 学习永无止境

> 这里推荐了一些对前端程序员十分有用的学习网站,在线工具和开源项目。帮助你去实践路线图中的内容。
> 该条目还在补充中 🎃
## GitPod

GitPod是一个运行在Web的代码工作空间。可以从Github或者GitLab拉取任何项目(指你有权限访问,包括公开)来创建工作空间。支持JavaScript在内的18种编程语言。

[https://gitpod.io](https://gitpod.io)

## RunKit

通过RunKit,你可以在客户端运行任何NodeJS代码(支持所有Node版本),还可以通过链接分享给他人,并且无需登入,没有限制

[https://runkit.com/home](https://runkit.com/home)
6 changes: 3 additions & 3 deletions src/page/guide/md/ssr.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
# 服务端渲染
> SSR服务端渲染(英语:server side render)指一般情况下,一个web页面的数据渲染都是由客户端或者浏览器端来完成的,先从服务器请求,然后到页面,再通过AJAX请求到页面数据,之后把相应的数据填充到模板,形成完整的页面来呈现给用户。服务端渲染把数据的初始请求放在了服务端,然后服务端收到请求后,把数据填充到模板形成完整的页面,由服务端把渲染的完整的页面返回给客户端。这样减少了一次客户端到服务端的http:请求,加快了相应速度,一般用于首屏的性能优化。 --wikipedia
> SSR服务端(Server Side Render)渲染指一般情况下,一个web页面的数据渲染都是由客户端或者浏览器端来完成的,先从服务器请求,然后到页面,再通过AJAX请求到页面数据,之后把相应的数据填充到模板,形成完整的页面来呈现给用户。服务端渲染把数据的初始请求放在了服务端,然后服务端收到请求后,把数据填充到模板形成完整的页面,由服务端把渲染的完整的页面返回给客户端。这样减少了一次客户端到服务端的Http请求,加快了相应速度,一般用于首屏的性能优化。 --wikipedia
## 原理解析
- [为什么现在又流行服务端渲染html?](https://www.zhihu.com/question/59578433)
- [从头开始,彻底理解服务端渲染原理](https://juejin.im/post/5d1fe6be51882579db031a6d)

## 服务端渲染框架
- [Next.JS](https://nextjs.org/)(基于React)
- [Nuxt.JS](https://nuxtjs.org/)(基于Vue)
- [Next.JS](https://nextjs.org/) (基于React)
- [Nuxt.JS](https://nuxtjs.org/) (基于Vue)
2 changes: 2 additions & 0 deletions src/page/index/roadmap.js
Original file line number Diff line number Diff line change
Expand Up @@ -414,12 +414,14 @@ export const all = [
x: 300,
y: 4500,
process: 1,
link:"/learn-from-github"
},
{
text: "翻滚吧!后浪!",
x: 400,
y: 4900,
process: 1,
link:"/afterwave"
},
];
function getRoadmapByProcess(process) {
Expand Down

0 comments on commit 87495df

Please sign in to comment.