网站重构那些事儿

Litten致谢!

濯去旧见,以来新意

距写上一篇博客足足有两个月了,实在是没有脸继续拖下去,毕竟马上就是要入职实习的人,还是要开始找回文字的感觉,而不是整天守望着防御塔和水晶了(话说你见过敌方的水晶吗?)

说正经的,当我准备开始撰写时看到我的personalWeb1.0 ,我还是愿意去开黑的,1.0真是太挫了,这里附几张美照。

excuse me?
是不是有一种某校教务系统的感觉,嗯,的确是不很清真的,所以personalWeb2.0的重构很快的定在了日程上。

不退则进

在做1.0时我考虑了很多的兼容性,然而IE6,7,8渐行渐远,FE们也算是熬出来了,但是我的1.0还在水深火热之中,sh_t!

重构网站是需要你用心并高效去完成的,所以无论是五黄的第七次总决赛之旅还是德玛西亚的号召,都不能成为绊脚石。

言归正传,personalWeb1.0的技术栈是原生js+Jquery+express+mongodb,并且部署于阿里云上。看得出来,这套技术栈适合小型应用,整体逻辑架构的设计比较简易,无论是作为Coder还是作为User,都能感受到1.0简单,但是过于简陋的设计导致Coder自己也无力再去维护与开发新功能.....

So 2.0的首要任务是增强用户体验,核心思想是New!

React-* or Angular

很多人拿React与Angular比较,这是不对的。轻量级库React只负责view,而重量级框架Angular却能MVC一锅端。那为啥我最后选用了React?原因很简单,因为Angular我不会。理由不够充分?呵呵,好吧,Angular2.0 前些日子一直 in beta,好像最近发布正式版了,有空去研究下。

React不能和Angular比,但React的stars实在太多了,30000+相比于Angular10000+(Google又输给了Facebook一次)。所谓人多力量大,React出现后,其附带库类接踵而至。react-router是典型代表,是SPA(not spa!)的路由核心。

React我就不细讲了,有问题出门右转了解React系。作为博客起家的网站,2.0肯定会继承1.0的数据量,因此我需要找到一个容器来管理我的大量数据。Facebook在React出来就提出过Flux架构,当前比较好的实现是Redux

Koa or Express

TJ还在Node社区时发布的两大NodeJs框架express 和 koa,express自带大量middleware,而koa只提供了一个核心函数库,middleware可以自己开发,也可以看看koa-*。而且koa开始使用了ES6的相关特性generator,配合babel开发,可以更快速了解掌握ES6语法。所以koa是大势所趋。

Need A Girlfriend Learned Design

很羡慕具备D2(Design and Developing)水平的FE,可他们却没有一个寻找A Girlfriend Learned Design的梦想。

光从设计开始想,我真的很想使用hexo,样式都直接写好了,可现改hexo成本太大,最后还是选择了以React重构hexo ,翻了半天github上面的hexo-theme,Litten的yilia主题让我印象深刻,这才是完美的男人! 这哥们儿还在Tencent,于是手动follow了一下。

Yilia
待会还会推出Yilia React

开发前准备

端午节3天1
react
1 + react-router1 + redux1(后续推出) + koa1 + mongodb1
可爱的男孩纸*1

组件式开发

*目前暂不使用redux,忽略reducers与actions目录 需要有这么一个目录:

所谓组件式开发就是把web结构分区域布局,公用部分组件或者是数据固定的展示型组件放在components中,而复合组件或者是数据会改变的组件放在containers中,containers要引入components。

./components: 基础级组件
./containers: 容器级组件
./routes react-router路由组件

开发源码React Yilia
文档等在下考完试后呈上

personalWeb2.0 == React Yilia1.0

目前网站上还有很多路由不通的地方,请见谅。
近期会一直保持更新,欢迎保持关注。

若你对这个主题感兴趣:

Litten的Yilia地址
Sharlly用React重构的React Yilia

注:Yilia基于hexo,但是React Yilia与hexo没有半点关系,只是纯粹的引入了样式,所以数据库连接还是要靠自己完善,小伙伴们动起手来吧!

时间: 2024-10-17 06:53:12

网站重构那些事儿的相关文章

网站重构浅谈

自从2004年阿捷翻译了<网站重构>这本书,网站重构这个词就慢慢的必成了css+div,甚至等同起来,一些朋友把标准跟重构也混淆了,css+div跟标准也混淆了.这里有很多误读的成份. 我个人认为这本书始终围绕这一个思想:使用WEB标准重构网站. 由于2004年绝大多数网站是使用table布局的,我们知道table布局最大的坏处就是不利于结构和表现分离,后期维护比较麻烦.而使用css和div能很好的解决这个问题.table标签被抹杀是21世纪初最大的IT冤案. WEB标准不是某一个标准,而是一

谈谈程序员自己开发网站的那些事儿

我的博客原文地址http://blog.cxycs.com/article/74 今天中午和一个技术leader聊起建站的事儿,当我提到我在自己开发网站的时候,他突然打断我,说我犯了一个技术人员的通病,那就是总希望自己来开发.他说这样不对,开发浪费了大量的时间,还不如找个开源网站架设好好经营,先有流量了再改版.他还提到,那些经营很好的网站背后往往反而都不是技术人员,那些界面一般甚至很难看的网站通常也盈利不错. 我不得不承认他有些事说对了,尤其在开发浪费了大量时间这件事上.我 一直致力于想自己开发

使用React重构百度新闻webapp前端

http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html 声明 本文仅仅是对前几个月使用React重构百度新闻webapp项目的一个总结和思考,不会泄露任何项目代码(文章中的代码都是fis3或其他开源产品的配置代码,fis3是百度开源产品),因此“伸手党”可绕行. 现在2016年8月,web前端技术这几年变化太快,因此一些信息的时效性非常重要,还是把时间写上比较好. 项目介绍 百度新闻的 w

黄聪:《网站高转换率法则》#2:你的网站是垃圾站吗?

原文链接:http://user.qzone.qq.com/281808710/blog/1411485614 我们接着之前的话题继续聊聊. 我们先来看看,你的网站是否存在下面几个问题: 1.我的网站每天都有不少流量,但是我不懂怎么留住这些流量. 2.我不懂怎么让这些流量成交. 3.我不懂怎么让这些流量帮助我带来新的流量. 那么,这些站长为什么会苦恼于这几个问题呢?我们来试着寻找一下答案. 1.关于网站的那些事儿 在我看来,绝大多数存在以上问题的网站,一般都是这样诞生的: 无论哪个行业,你只要通

Web网站的几个并发量级

评价一个网站的"大小",处于视角的不同,有很多种衡量的方法,类似文章数,页面数之类的数据非常明显,也没有什么可以争议的.但对于并发来说,争议非常之多,这里就从一个技术的角度开始,谈谈几个Web网站的数量级. 相信很多人谈论一个网站的热度,总免不了会询问日均PV,同时在线人数.注册用户数等运营数据,说实话从技术角度来说,这几个数值没有一个可以放在一起比较的--一个静态网站的PV跟一个SNS类/Web Game网站的PV根本就不是一回事.由于互联网有一个传说中的"3秒定律&quo

企业网站如何维护?网站维护主要做什么?

现在是互联网时代,很多企业都有自己的企业网站,但是很多企业网站从建好的那一天开始就没有人管理维护了,那么,企业网站如何维护?网站维护主要做什么?下面就和零起飞一起来聊聊网站维护这些事儿吧. 网站维护主要做什么? 网站建立后在运行阶段都需要维护,只有做好网站维护才能让网站发挥出应有的作用,网站维护具体需要做以下这些事情. 1.网站的内容更新 不仅用户喜欢新鲜的信息,搜索引擎亦如此!周期性的给网站增加新的信息内容,这个应该是一个基础工作. 2.网站运营状况监视 建立网站的目的就是要展示公司的产品及信

唯有自己的思想需要不断重构

工作六年,积累的不只有技术,记得大二不喜欢自己的专业,经常跑到学校图书馆借书,印象最深的要说<网站重构>,书很厚,但内容却出奇的有趣,不是一本枯燥的纯技术教学书籍,第一次了解到浏览器历史,一部战争史,很有意思,之后课堂上我都是坐在最后一排,老师讲课,我看自己的兴趣:<网站重构>之后,开始看了不少前端开发相关的书,哦,对了,还有一本<深入浅出ajax>也很有趣: 当然了,那时候也做过一些网站:组队参加学校的南粤杯网页设计大赛,拿下了一等奖,后来是学校的专业网站,还有龙洞校

网站页面优化策略

网站的页面优化,也即网页优化是对网页的程序.内容.版块.布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位.使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值.下面主要从网站代码.标签.正文等几个方面来讲述网站的页面优化. 网站重构 网站重构可以使网站的维护成本变得更低,运行得更好,遵循HTML结构化标准的设计,将网站页面的实际内容与它们呈现的格式相分离.简单来说,就是将所

django从0到1搭建网站

曾经有人说我前端很水,那么在这一系列文章中我打算把前后端融合在一起来做一次网站的全面重构,希望可以把刚刚入行的同学带上正途 请尊重原创,转载请注明来源网站www.shareditor.com以及原始链接地址 聊聊工程 如今,数据科学家已经逐渐取代现在的“软件工程师”成为IT行业的主流职业,和“全民都在聊人工智能”一样,可能全部IT工作者都要天天研究算法.琢磨模型.跑数据.调参数.跑数据.调参数,那些被淘汰的“软件工程师”会真的成为民工一样的行业,但是我觉得任何算法都离不开工程实现,再好的模型没有