Feb 5
qinnek

今天也是传统的农历正月初一的喜庆日子。
我这里祝各位在新的一年,金猪转运,诸事顺心。

为什么这个网站叫 鲲

其实,在以前看大鱼海棠的时候,我就有这样的想法了,那时候觉得鲲,特别的有意境、特别有逼格,这是我当时年轻不懂事的想法。到现在,选了文科,看杠乎看多了,搭梯子搭多了,对世界的看法也多了,又刚好也学了逍遥游这篇文章,所以,我觉得 其实是一种代表希望的东西,也是美好的东西,这正是我们生活在市场经济下所需要的。

我以前经常做相关科技的东西,其实科技也是一个代表希望的东西,是能把人民带入美好生活的东西,这两者就不谋而合了。

细心的朋友肯定也会发现,我的网站的副标题是 生活明朗,万物可爱 ,这其实也是包含了我对 鲲 的一个想法。

最有意义的一个网站

以下是我心目中的第一个

  • 第一个明确目标的网站
  • 第一个先构建原型的网站
  • 第一个不依赖前端框架的网站
  • 第一个自主结构的网站
  • 第一个全自写样式的网站
  • 第一个无样式 BUG 的网站
  • ….

立项时间 1.24 完成原型构建 1.27 完成主干结构 1.28 完成大部分功能 1.31
即便它还不完整(无分享点赞、无评论),即便它还与其他大神的作品存在距离,但我它永远是我心目中的最好!!!!!

天下武功唯快不破

从一开始,我就有一个小目标,就是要做到:感官层面上访问速度的快。
我把网页的生成分为笼统的几个阶段:
服务器动态生成HTML代码——线路传输至用户——浏览器获取HTML进行渲染
只要我们利用好这几个阶段,要多快有多快

服务器

服务器的动态加载是比静态加载要慢的,静态就是纯HTML文本嘛,所以一般来说都会进行缓存优化,减少PHP动态的加载。

我这里用的是 WPJAM Basic,这里的功能真的很强大很强大,有了这个插件,搭配了许多禁用 WordPress 多余功能的选项,可以减少主题开发的工作量,在一定程度起加速作用,还有它默认搭配了更易用的 Memcached,这里有个小误区,在使用前必须在服务器安装对应的软件( Memcached 服务端与其PHP扩展 ),虚拟主机可能不支持,VPS用面板分分钟的事。

线路

至于线路,我们一般都是用静态CDN来解决,当然可以的话,你甚至可以用动态的CDN,连上面的缓存都可以省了。

静态的CDN一般是把一些静态文件(CSS、JS、图片)放到更快的 CDN 节点,这样除页面本身的HTML代码外,其他的文件都能得到很好的加速,也能减少服务器的负担

动态的CDN就更简单粗暴了,直接利用空余时间,把你网站的 HTML 直接保存到CDN 节点,用户直接访问 CDN 节点,连源服务器都不用访问

各位自己掂量一下,动态的 CDN 是要比静态的要贵的,像我们这种一穷二白又想装逼的人,只能用的静态来提升速度了。

这里 CDN 服务主要推国内的三家 qiniu、upyun、ucloud,这三个价格都比较中肯,服务也确实不错,而且我尤其喜欢 upyun 的 FTP 上传模式。
我现在用的是 ucloud的 Ufile。其实是因为实名用户可以享受 20GB 免费云存储空间和 20GB/月 免费下载流量,巨TMD爽。

浏览器渲染

在这里加了几个东西,能明显的提高感官上的加载速度。
Pjax – Lazyload – 加载彩蛋动画

图像懒加载(Lazyload)绝大多网站都有,我就不怎么说了,就是网站开始加载时,不加载图片,等用户看见图片时再加载。
Pjax 这个东西,灰常适合博客网站使用,它能实现网页内容的局部刷新,减少服务器请求,但缺点也是有的,就是JS文件可能在刷新后不生效,要单独回调。而且这个页面切换的动画是真的帅的吧,你看的仿佛不是网页,是一个 APP。为 Pjax 打电话,长途国际电话。
在用户第一次访问我的网站的时候,我加入了一段小小的话语和LOGO,加载完毕后就自动隐藏,看不清话语对吧,刷新继续吧,撩起用户的心。用加载彩蛋动画能在感官层面上提高速度(虽然实际上它还是多加了东西) 。

未来

目前这个网站是不完整的,有很多功能只是空有其表的。

上面三个按钮都用不了

我的目标是两个侧边都是可以隐藏的,这样就可以打造独特的阅读体验

我画原型画的的不太好,我保证以后你看到的会更好

以后有机会会加入评论、作者专栏、用户系统。这样的网站一个打十个不是梦(嘻嘻)

道阻且长

未来的功能加入,可能会很麻烦,毕竟我在前端领域还是一个菜鸡,许多的代码实现都只能依赖面向搜索,效率大大降低。况且对于未来功能的实现还需要解决许多问题,例如 Pjax 的无刷新导致分享链接不生成,点赞、二维码也是这样,这三个东西都是需要超厉害的 JS 技术积累来进行回调才能解决。至于评论,默认的评论表单样式非常的烂,必须要用 CSS 进行调整,又需要扎实的 CSS 基础,我不想用什么畅言的外挂评论表单,第一影响速度,第二评论数据要经外部服务器。

唉,我我还想加入表情功能,没有表情没有激情,好累。

这篇文章,初一写到初五。。。。。

来波预告

ME! - Taylor Swift

     

发现美图  何暖暖

     我们一起走过的光年

精选视频

今晚月色真美