Web Storage Learning

Cookies 作为客户端与服务器交互的通道,保持客户端状态,本来就不是设计同来做前端本地存储的,所以其用于做前端本地存储本身缺陷挺多的:

  1. Cookie 会被附加在每个 HTTP 请求中,所以无形中增加了流量。
  2. 由于在 HTTP 请求中的 Cookie 是明文传递的,所以安全性成问题,除非用 HTTPS。
  3. Cookie 的大小限制在 4KB 左右,对于复杂的存储需求来说是不够用的。

WebStorage 是 HTML5 新增的本地存储解决方案之一,其分为 localStorage 和 sessionStorage,结合当前的浏览器份额来看,兼容性问题已经很小了。

Read More »

Yarn Learning

感谢前端造轮子的能力,npm 已经是世界上最大的软件注册表,不过其也有遭人诟病的缺陷,针对这些缺陷,yarn 便出现了。

yarn 是 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具,其具有如下优势:
Read More »

红米 Note 4 刷 MIUI 国际版

额,之前入了小米米家全家桶,就早已料到这天的到来——我入了个红米 Note 4 高配版做二奶机(额,正经点说就是备用机啦)。入手之后发现红米较之于小米还是有差距的(有点小后悔没有入更便宜的小米 Note),不过鉴于其千元机的身份已经吊打我三年前的 Nexus 5,还要什么自行车?
没有 MIUI,就没有今天的小米。好用人性化的 MIUI 是小米的精髓,如今却成了 “ADUI”,用惯了原生 Android 的我哪受得了无孔不入、关都关不完的广告。听说 “ADUI” 这病, MIUI 国际版可治。说来可笑,大学装机无数的我,至今不知道刷机为何物。期间反复折腾了几日才大功告成,特记下本文,防止他人踩坑。
image
Read More »

前端获取referrer可行性

referrer 定义

HTTP来源地址(referer,或HTTP referer)是HTTP表头的一个字段,用来表示从哪儿链接到目前的网页,采用的格式是URL。换句话说,借着HTTP来源地址,目前的网页可以检查访客从哪里而来,这也常被用来对付伪造的跨网站请求。via Wiki

Read More »

Media Query 学习笔记

Media Query 简介

Media Query 即媒体查询,借助其可实现响应式设计。Meidia Queries,该网站收集了很多优秀的 RWD(Responsive web design) 的网站。

在 HTML4 和 CSS2 只支持对于不同的媒体类型来设置样式,而 Media Query 扩充了 Media Type 的功能,并且使我们能够更精准的应用样式表。

Read More »

前端学习资料

编码规范

HTML && CSS

  1. CSS Guide Lines
  2. 编码规范

在线教程

CSS

  1. 学习CSS布局
  2. CSS参考手册
  3. Ctrip webkit CSS library – 携程UED Webkit 参考

Read More »