前端浏览器缓存及代码部署

前言

最近手上刚刚拆掉石膏,去楼下房友帮忙。楼下房友领导来自阿里,前端用的是阿里的ant-design,设计将设计图上传到蓝湖,聊天工具也采用阿里的钉钉。有时间我也多多去楼下房友交流学习,多交流,就会有提升。最近也比较忙,好久没有更新博客了。闲言少叙,今天主要谈谈前端性能优化之浏览器缓存。

浏览器缓存

我前面写过浏览器缓存的文章,也写过html5离线缓存,关于这些缓存,我们很容易搞不清,例如:200 OK (FROM MemoryCache、FROM DiskCache) 及 304 NOT MODIFIED 还有 application cache (离线缓存)等等。

由iPhoneX适配问题想到的

前言

iPhoneX还没有正式开售,目前网上对其适配就引发了不少争论和吐槽。下面我就来谈谈ios11的WebView Viewport 及iPhoneX刘海想到的。

ios11的WebView Viewport

为了适应iPhoneX的刘海,ios11顶部状态栏做了更改,更改之后,我们在iphone8中,假如设置一个固定元素,top: 0。就会出现如下情况。

css开发技巧二之常见css题目

前言

关于css技巧类的文章,我前面也写过很多,例如提高你css技能的css开发技巧 、css表单样式美化、css对话框的写法css中伪元素before或after中content的特殊用法attr 等等,这些都是一些使用技巧。今天,我再列举一些平时工作中,可能遇到的题目,并写出其css解决方案。

多列等高布局实现方式

何为多列等高布局?如下图这样

手腕舟状骨骨折手术后第一篇文章

前言

今天教师节,祝老师们节日快乐。这篇文章是我手术之后的第一篇文章,全篇文章用左手打字,望大家原谅!

手术

去年打篮球摔倒,一直以为没有问题,也一直没有去医院检查。但是半年过去了,手腕部一直疼痛,医院拍片之后,说是手腕舟状骨骨折,这个骨折相当麻烦。由于是陈旧骨折,需要做手术才能完全康复!9月4号,周一入住华山医院,9月6号周三做手术。 简单说一下我手术的体验。 由于我是整个手臂的麻醉,打完麻药,我感觉我的手臂不是我自己的了。整个手术耗时三个多小时,在此我要感谢 虞聪和 陈琳两位教授精湛的手法。手术过程中我是有意识的,只听到两位教授在不停的讨论,只是感觉他们在撬动我的骨头。就像用锤子在击打。 整个过程虽然没有疼痛,但是一直在煎熬。

HTML5的WebSocket的介绍及应用

前言

最近项目中用到视频直播技术,弹幕用WebSocket制作再合适不过了,上一篇文章讲了html5的sse服务器发送事件,这节课谈谈websocket。及socket.io制作简单聊天室。关于nodejs创建简单的聊天室,我之前的一篇文章写过,具体可以看:http://www.haorooms.com/post/nodejs_rmyyong

创建 WebSocket 对象

用以下 方法 创建 WebSocket 对象。

var Socket = new WebSocket(url, [protocol] );