红米 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参考手册

JavaScript

  1. JavaScript 标准参考教程(alpha) – 阮一峰的JavaScript 标准参考教程
  2. JavaScript 秘密花园
  3. ECMAScript 6 入门 – 阮一峰的《ECMAScript 6 入门》在线版

Node.js

  1. Node入门 – 一本 Node.js 入门书

综合类

工具

正则工具

兼容性查询

  1. Can I Use – 兼容性查询
  2. Browserhacks
  3. W3 Help – 兼容性问题比较权威的查询

浏览器份额统计

  1. 百度统计

测试工具

  1. JSON 2 HTML – 将JSON转化为可视的HTML嵌套展示
  2. jsPerf – JavaScript性能测试

标准校验

  1. https://validator.w3.org/
  2. https://validator.ampproject.org/

性能优化

  1. How to lose weight (in the browser)

图书资源

JavaScript 闭包

本文来自《精通JavaScript》一书

在本书中,我们看到过很多以函数作为参数的jQuery方法。在我们所举的例子中,也曾经反复的创建、调用和传递函数。虽然我们平时只需粗略地了解JavaScript的内部工作机制,就可以这样使用函数,但是,如果缺乏对这个语言特性深入理解,那么这些操作的副作用也会时不时给我们带来意想不到的结果。在本附录中,我们再额外探讨一种深奥(也很流行)的函数类型,这就是闭包。

Read More »

理解 CSS 权重

权重值的计算

在最开始学习 CSS 的时,由于自己对 CSS 权重计算认识还很模糊的,在编码的时候单纯的堆积选择器数量来实现样式覆盖,导致代码非常臃肿不利于维护或者经常会疑惑某条 CSS 规则为何没有生效。正所谓“基础不牢,地动山摇”,今天就来好好回顾回顾 CSS 权重的基础。

Read More »