我寒假开发的 react spa 博客,和博文推荐(上次发到这的 es6 简版教程搬新家了)

2016-02-23 13:59:20 +08:00
 SimplyY

介绍

这个属于 作品发布型专题 and 分享型主题,我是前端开发者,这个项目是全栈项目,所有代码托管在 github 上面

github 项目地址(求 star ): https://github.com/SimplyY/blog

博客已经搭成,里面写了一篇详细介绍(包括内容和技术)地址: http://simplyy.space/article/56cb46564496cee272dea173

我这里写写简单的介绍:内容值得一看、开发方面值得借鉴和学习的。

适合人群

博客文章方面适合编程者, JS 前端学习者, mac 用户。

博客开发方面适合 初学(或想学) node 、初学(或想学) react 的学习,当然非常欢迎大家(大牛们)说说我的项目的不足,可以优化的地方,一些好点子,或者初学者对开发方面知识的提问,都行。

ps :对了现在 博客不支持手机端的适配,准备用 vue 写手机端的(其实这个项目纯粹是为了练手,老博客也能用,不过技术栈和我现在不一样)但是要准备 2-4 月份的暑假实习生面试了,时间不够,等面试通过来全部完成。

内容方面

精品系列

其他不错的文章

开发方面

技术栈

ps :之前发错节点了,,,

10230 次点击
所在节点    JavaScript
120 条回复
banricho
2016-02-23 14:00:48 +08:00
好东西,感谢分享
SimplyY
2016-02-23 14:02:39 +08:00
ps :性能优化方面,之前发的节点里有人说打开很快,大体我做了 5 点: 1. webpack 打包,大大 减少 http 请求, 2. 把 js 、 css 资源全部 min + gizp 。 3.libs 放到 cdn 4. react-router spa (单页应用,访问应用内新的 url 时,不需要重新去向服务器发送请求去加载新的 html ) 5.在用 react 渲染页面之前, ajax 只用加载 mustData(也就是分批加载数据,延迟了非必要数据的加载)
ewBuyVmLZMZE
2016-02-23 14:05:41 +08:00
速度很快,有意思。
SimplyY
2016-02-23 14:08:27 +08:00
@syhily
@banricho 谢谢
walter
2016-02-23 14:10:47 +08:00
已顶
7sDream
2016-02-23 14:29:45 +08:00
6666666666

让我来学习一哈~
SimplyY
2016-02-23 14:39:44 +08:00
@7sDream 感谢 7 神支持⊙▽⊙
zonghua
2016-02-23 15:00:39 +08:00
@SimplyY 资源是一次全部加载,还是按需加载?
SimplyY
2016-02-23 15:06:02 +08:00
@zonghua 渲染页面之前按需(10kb 左右),渲染完成后,再加载全部(其实全部也不超过 100kb),属于分批加载
SimplyY
2016-02-23 15:07:07 +08:00
@zonghua 我说的是 ajax 数据请求的方面的,不是所有资源
zdkmygod
2016-02-23 15:14:11 +08:00
貌似是一次性把所有博客的内容都放在一个 json 里下载下来,那么如果博客有几千条记录怎么办?
jarlyyn
2016-02-23 15:16:43 +08:00
随便问句,怎么解决 seo 的问题?

react 服务器端渲染?
SimplyY
2016-02-23 15:26:14 +08:00
@zdkmygod 几千条,我测试了,应该也就几百 kb ,我按需加载的,所以不影响加载速度
SimplyY
2016-02-23 15:27:10 +08:00
@jarlyyn seo , ajax 的有解决方案, react 应该也有,到时候学呗
jarlyyn
2016-02-23 15:36:31 +08:00
@SimplyY

如果不解决 SEO 的问题,那么个人觉得,这个 ajax 的 blog 毫无任何意义。
SimplyY
2016-02-23 15:37:17 +08:00
@jarlyyn ajax 解决方案我已经解决了, react 才学的,还没看
SimplyY
2016-02-23 15:39:21 +08:00
@zdkmygod 博客内容不是一条 json ,是提供了一个 rest api ,可以通过 qureystring 定制 json ,比如只加载十篇最新的这种,也就几 kb 到样子
xcodebuild
2016-02-23 16:54:49 +08:00
@jarlyyn 认为搜索引擎对付不了动态内容是老观点了,看这里 http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157
NaG24
2016-02-23 17:21:45 +08:00
我想知道。编译出来的 js ,怎么做到这么小的?
SimplyY
2016-02-23 17:33:45 +08:00
@NaG24 min + gzip 可以缩小十倍 js 体积

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/258460

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX