六个周的一周总结(08.12.3-08.12.9)
本文是对本周的简书文章以及学习进行的合并总结。
12月4日,周二 -服务端渲染
我在掘金购买了一本小册,《前端性能优化原理与实践》,其中有一篇《渲染篇1:服务端渲染的探索与实践》,在我写服务端渲染一文的时候,主要的内容是抄袭掘金内容加一点自己的理解而写成的。
本文主要从三个方便进行了学习总结:服务端渲染是什么?为什么时候服务端渲染?什么情况下使用服务端渲染?
本文首先对客户端渲染与服务端渲染的概念与区别以及各自的利弊做了一个介绍,然后介绍了服务端渲染主要解决的两个问题:
首屏加载块
、利于SEO
,最后简单概述了一下使用服务端渲染的背景。通过本文可以对服务端渲染有一个基本了解。
12月5日,周三 -浏览器背后的运行机制-浏览器端性能优化
文章写作背景同上。
本文首先对浏览器的内核概念进行了总结,然后对渲染过程以及解析进行了一个算是详细的说明-捋了一下这个过程重要的概念(树),引出了给予渲染流程的CSS优化【避免使用通配符、避免重复定义、少用标签选择器、减少嵌套等】,以及关于CSS与JS的阻塞优化【需要将CSS尽早、尽快地下载到客户端,以便缩短首次渲染的时间。通过审时度势地向 script 标签添加 async/defer】。最后对关于CSS的回流(Reflow)和重绘(Repaint)埋下伏笔,哇咔咔。
12月6日,周四-webSocket最简单实践--最简单聊天功能
本篇文章的写作开始是在周二晚上,起因是在公司说到一个关于TCP/UDP的协议时,说到了关于网页的长刷新,下班跟aliya谈论起了WebSocket的相关,于是想起之前在慕课网看到过一个视频,视频地址:https://www.imooc.com/learn/861 一边敲代码,一边截图总结完成。
先在阮大神的博客对Websocket的简单知识进行了一个小小的储备,然后通过各个demo小例子进行学习:首先使用webscoket的server对四个命令.
onopen
、.onclose
、.onmessage
、.send
进行熟悉,然后通过使用node搭建一个自己的websocket_server进行替换,紧接着对着视频进行了简单聊天功能的代码实现与优化,最后使用socket.io进行代码管理。
还有一篇短小的文章-ES6总结第一弹,是看阮大神博客进行的一点摘抄总结。并引出了一个小知识点 npm intsall -save 和-save-dev
12月7日,周五-摄影机不要停
看了一部电影,为了凑一下简书的日更活动。
12月8日,周六-搭建个人博客--极简
之前看过很多别人的博客,居然不知道博客是有现成可以直接搭建的,还一度纠结自己要写个H5页面,加个数据库,放到服务器上。
HEXO
个人博客搭建:只要一个github账号,安装下git,node,搭建一个静态博客只需要五个命令即可,我的主要时间都花费在了找主题上,纠结了一段时间,终于博客初见成效,当然clone下来的代码还需要进行修改。
总结
本周的日更,多少坚持了下来,只是不敢想象,这样的日更记录可以保持几天。
给自己洗洗脑,继续安利一下乔帮主的箴言:如果你做了一件事,并且做好了,那就应该去做一些其它美好的事情。不要拖延太久,只要弄清楚接下来要做什么
。