ckinmind / collecthub Goto Github PK

SPA

单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序

Yeoman

Yeoman是Google的团队和外部贡献者团队合作开发的，他的目标是通过Grunt（一个用于开发任务自动化的命令行工具）和Bower（一个HTML、CSS、Javascript和图片等前端资源的包管理器）的包装为开发者创建一个易用的工作流
Yeoman帮助我们创建项目，提供更好的工具来使我们的项目更多样化

BEM

源自Yandex的CSS 命名方法论

marionetteJS

Backbone.Marionette 是 Backbone.js 的一个组合应用库，简化了大规模 JavaScript 应用的开发。包含一组常用的设计模式

Backbone.js

一个早期的前端mvc框架

Zepto.js

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto

Meteor.js

是一个新鲜出炉的现代网站开发平台，基础构架是 Node.JS + MongoDB，它把这个基础构架同时延伸到了浏览器端，可以同时在服务器端和客户端无差异地调用，本地和远程数据通过 DDP（Distributed Data Protocol）协议传输

Ember.js

Ember.js是一个MVC的JavaScript框架

Sea.js

SeaJS是一个遵循CMD规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机

ECMAScript 5/6/7 compatibility tables

Can I Use

深入浅出ES6（七）：箭头函数 Arrow Functions

介绍ES6的箭头函数

Immutable.js

1. Facebook 工程师 Lee Byron 花费 3 年时间打造，与 React 同期出现，但没有被默认放到 React 工具集里
2. Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象
3. Immutable 本身就是函数式编程中的概念，纯函数式编程比面向对象更适用于前端开发。因为只要输入一致，输出必然一致，这样开发的组件更易于调试和组装

Promise

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果

单个GitHub帐号下添加多个GitHub Pages的相关问题

关于一个github账号如何添加多个github page的问题

FP

FP全名是Functional Programming函数式程序设计
另外OOP面向对象编程（Object Oriented Programming）

掘金

前端干货聚集地

Chrome插件：EnjoyCSS

EnjoyCSS 能够通过图形化的界面帮助你在线生成 CSS3 代码，可谓前端开发者的一大利器

使用 Three.js 的 3D 制作动画场景：飞行者

非常酷，有源码，已加入练手项目Project

Github: A-Frame

一个构建虚拟现实的web框架，封装了threejs 实现web VR功能

Polyfill

Polyfill-实现某个特征的兼容性处理方案,所以有JS Polyfill为了某个JS的特性
也会有CSS Polyfill

Async/Await

构建一个应用程序总是会面对异步调用，不论是在 Web 前端界面，还是 Node.js 服务端都是如此，JavaScript 里面处理异步调用一直是非常恶心的一件事情。以前只能通过回调函数，后来渐渐又演化出来很多方案，最后 Promise 以简单、易用、兼容性好取胜，但是仍然有非常多的问题。其实 JavaScript 一直想在语言层面彻底解决这个问题，在 ES6 中就已经支持原生的 Promise，还引入了 Generator 函数，终于在 ES7 中决定支持 async 和 await, 解决异步调用问题

Github:gist 关于flexbox布局

一个 gist 用于移动端 html 5 页面的 flexbox 效果

js中的 let关键字

和var声明的变量有诸多的不同，需要看一下文档

NativeScript

NativeScript是一款使用JavaScript来构建跨平台原生移动应用的开源框架，支持iOS、Android和Windows Phone。它的使用没有繁杂的要求，只需利用已经掌握的JavaScript和CSS技能就能开发出真正具有原生用户体验的应用

APICloud

APICloud是**领先的“云端一体”的移动应用云服务提供商。[1] APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。基于APICloud提供的“云API”和“端API”，开发者甚至可以忘记繁杂的服务端编码，也可以忘记复杂的Objective-C和Java，更可以忘记那数不清的屏幕适配

Weex

官方支持iOS、Android、HTML5.Write Once, Run Everywhere。一次编写可生成三平台代码。DSL模板学习超简单，直接写HTML、CSS、JS。这意味着可以直接用现有编辑器和IDE的代码补全、提示、检查等功能。轻量级、可扩展、高性能。集成花样多，可在HTML5页面嵌入，也可嵌在原生UI中

Jade

源于 Node.js 的 HTML 模板引擎

SASS

为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本**是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件

知乎专栏：为什么整个互联网行业都缺前端工程师

市场不是缺少前端，而是缺少优秀的前端工程师

知乎专栏：实例教学：使用 D3.js 实现数据可视化

在我看来，每一位 Web 开发者最应该学习的三个 JavaScript 库就是 jQuery、Underscore 和 D3。在学习它们的过程中，你将会从新的角度去思考如何写代码：jQuery 让你知道如何用尽量少的代码，尽可能多地操作 DOM；Underscore （或者称之为 lodash）用函数式的工具改变你写程序的方式；而 D3 给了你大量的操作数据的工具，以及图形化编程的**

知乎专栏：使用纯 CSS 实现 500px 照片列表布局

如题

百度FEX

Weekly FEX技术周刊值得一看

JavaScript 秘密花园

超级推荐这个,JavaScript秘密花园是一个不断更新的文档，主要关心JavaScript一些古怪用法。 对于如何避免常见的错误，难以发现的问题，以及性能问题和不好的实践给出建议， 初学者可以籍此深入了解JavaScript的语言特性

CodeWars

主要你可以用它来练习你的JavaScript，对于提高你的JavaScript编程能力是很重要的。同时对于你英语能力的提高是很重要的

WhyCss

一个前端网址导航，很好

贺师俊

Giuhub issue 阅读

Taobao FED | 淘宝前端团队

背后有近一百个前端来写文章，精选出来的才能发

ECMAScript5.1中文版

此标准定义了 ECMAScript 脚本语言

caniuse

一个兼容性检测网站，提供几乎现在所有浏览器及不同版本的兼容性情况，并针对各种情况有一一不同的解决方案提供

Javascript之旅

当教程整理一下

You-Dont-Know-JS

翻译1
翻译2

Flint

据官网所说， Flint 是一个前端的编译器，它连接了编辑器和浏览器，多种特性让开发 Web 应用更加高效、快捷。它其实包含了服务器、命令行、工作流等等多种东西，所以综合来说， Flint 是一个智能的前端开发环境

Babel

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行

ECMAScript 2015/ECMAScript 6

ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015

Ember.js

Ember.js是一个MVC的JavaScript框架

JSX

JSX 是 Facebook 团队提出的一个语法方案，可以在 JavaScript 的代码直接中使用 HTML 标签来编写 JavaScript 对象。其使用的是 XML-like 语法，这种语法方案需要通过 JSXTransformer 来进行编译转换成真实可用的 JavaScript 代码

CLI

CLI（command-line interface，命令行界面）是指可在用户提示符下键入可执行指令的界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行

polyfill

polyfill 是 shim 的一种。shim 是将不同 api 封装成一种，比如 jQuery 的 $.ajax 封装了 XMLHttpRequest 和 IE 用 ActiveXObject 方式创建 xhr 对象