FED之必备技能

flex.css快速入门，极速布局

什么是flex.css? css3 flex 布局相信不少人已经据说过甚至已经在开发中使用过它，可是我想咱们都会有一个共同的经历，面对它的各类版本，各类坑，傻傻的分不清楚，flex.css就是对flex布局的一种封装，经过简洁的属性设置就能使得它完美的运行在移动端的各类浏览器，…

css

了解真实的『REM』手机屏幕适配

rem 的官方定义『The font size of the root element.』，即以根节点的字体大小做为基准值进行长度计算。通常认为网页中的根节点是 html 元素，因此采用的方式也是经过设置 html 元素的 font-size 来作屏幕适配，但实际状况真有这么简单吗？

html

详解 Javascript十大经常使用设计模式

力荐~ 深度好文~ 深刻理解 Javascript 10大设计模式

前端

是时候替换你的 for 循环大法了~

《小分享》JavaScript中数组的那些迭代方法~

css3

『收藏』VUE 优秀 UI 组件库合集

github 开源的 Vue 优秀 UI 组件库合集✔

git

预加载显示图片的艺术

前言通常状况下网页中的图片都是随文档流依次加载的，何时用到则何时加载，可是有些时候这样的加载方式每每会影响用户体验，好比鼠标hover变换背景图片的时候，只有鼠标移入才会对变换的图片进行加载，这样就可能会出现片刻的加载空白现象。为了在必要的时候增长用户体验，提升网页…

github

What the f**k JavaScript 中文版

一个关于Javascript的花式玩法列表(WTFJS)~web

——@郑 farmer 译

编程

Gitalk - 继多说以后一款很Geek的评论插件

使用 Github 登陆
支持多语言 [en, zh-CN, zh-TW]
支持我的或组织
无干扰模式（设置 distractionFreeMode 为 true 开启）
快捷键提交评论（cmd|ctrl + enter）
评论支持 Markdown 语法

设计模式

教你如何在 web 应用程序中使用本地文件•上传图片file✔

使用在 HTML5 中添加到 DOM 的 File API，如今可让 Web 内容要求用户选择本地文件，而后读取这些文件的内容。

数组

ES6 你可能不知道的事 - 进阶篇

模块化是个进行了好久的话题，发展历程中出现过不少模式，例如 AMD, CommonJS 等等。

Module 是 ES6 的新特性，是语言层面对模块化的支持。

CSS 中一个冒号和两个冒号有什么区别？

《小分享》~ FED新手必备…

《“精通”Omi框架》电子书

推荐给想学习Omi框架的同窗，Omi（读音 / [ˈomɪ] /, 汉字相似于欧米）是一款用于建立Web用户界面的组件化框架，提供了渐进加强式的Web开发解决方案，内置完善的支持无限声明式嵌套的组件系统。

CSS 布局的将来：网格布局 · 张小伦爱学习

在这片文章中，咱们一块儿来探索 CSS 网格布局的美妙世界。网格布局是 W3C 规范中相对较新的部分，已经在浏览器中开始绽开属于本身的光芒。在咱们深刻研究这项新鲜的 CSS 技术以前，让咱们先快速的复习 grid 原理的相关知识。

「vi 经常使用快捷键笔记」

在世界上有三种人：一种是使用Vim的，另外一种是使用是Emacs的，剩下的是第三种人……

【译】2017 年你应该学习的编程语言、框架和工具

花了两天时间将《The Languages, Frameworks and Tools You Should Learn in 2017》翻译完成，不免会出现翻译不当之处，还请你们多多指正，我会及时修改。同时，但愿本文能对你们有所帮助。

纯 css 适配 Retina @2x Sprites 与字体图标 Iconfont

『icon』其实很简单~

前端灰度效果的实现（filter:grayscale()）兼容全部浏览器

《小分享》~ 关于前端灰度效果的实现以及浏览器类型的判断

Android 和 H5 交互 - 基础篇

Hybrid App 开发也不是什么新鲜事了，其中 native 和 h5 之间的交互则是必不可少的。Android 中是如何和 H5 交互的？

AlloyTouch Button 插件 - 再也不愁 click 延迟和点击态

移动端不能使用 click，由于 click 会有 300ms。全部有了 fastclick 这样的解决方案。而后 fastclick 并无解决点击态（用户点击的瞬间要有及时的外观变化反馈）的问题。hover 会有不消失的问题，全部你们通常用: active。利用 :active 伪类来设置某元…

『推荐』利用视口单位实现适配布局

视口单位（ Viewport units )

vw : 1vw 等于视口宽度的 1%
vh : 1vh 等于视口高度的 1%
vmin : 选取 vw 和 vh 中最小的那个
vmax : 选取 vw 和 vh 中最大的那个

转自凹凸实验室（https://aotu.io/notes/2017/04...）