前端资源分享-只为更好前端

简介: 前端资源分享-只为更好前端

原文链接: segmentfault.com

一、团队组织

网站 说明
腾讯 AlloyTeam 团队 腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究
ISUX 腾讯社交用户体验设计,简称ISUX,腾讯设计团队网站
CDC 腾讯用户研究与体验设计部
FEX 百度Web前端研发部出品
淘宝前端团队(FED) 用技术为体验提供无限可能
凹凸实验室 京东用户体验设计部出品
奇舞团 奇虎360旗下前端开发团队出品
阿里巴巴国际UED团队 在更新的屏幕里创造出更好的产品和更优的体验
EFE 由百度多个遵循统一技术体系的前端团队所组成
UXC 覆盖了百度85%以上的产品体验设计

二、开发社区

网站 说明
StackOverflow 加入世界上最大的开发者社区
SegmentFault 中文领域最大的技术问答交流社区平台
知乎 中文互联网最大的知识分享和社交平台
开源中国 目前国内最大的开源技术社区
w3ctech 中国最大的前端技术社区
掘金 一个帮助开发者成长的社区
V2EX 创意工作者们的社区
博客园 一个面向开发者的知识分享社区
CNode 国内最大最具影响力的 Node.js 开源技术社区
Ruby China 由众多爱好者共同维护的 Ruby 中文社区

三、前端门户

网站 说明
前端网 一个专注于Web前端开发行业的综合性门户网站
大前端 一个集前端开发和Wordpress内容为一体的双轨独立网站

四、前端大牛

网站 说明
AlloyTeam 腾讯Web前端团队
taobaofed 淘宝前端团队(FED)
alinode团队博客 基于 Node 运行时的应用性能管理解决方案
鑫空间-鑫生活 张鑫旭,上海阅文信息技术有限公司用户体验设计师
廖雪峰的官方网站 廖雪峰,著有《Spring 2.0核心技术与最佳实践》一书。
阮一峰的个人网站 阮一峰,2014年出版《ECMAScript 6入门》
JavaScript 秘密花园 三生石上
囧克斯 勾三股四
w3cplus 大漠,就职淘宝,CSS3、CSS处理器和Drupal中国布道者。2014年出版《图解CSS3:核心技术与案例实战》。
酷 壳 – COOLSHELL 陈皓,就职经历Amazon中国任研发经理;阿里北京研发中心、商家业务部资深专家;阿里核心系统和阿里云ECS相关的虚拟化平台的开发工作。
html5ify 朴灵,阿里数据产品部资深工程师。致力前端、数据可视化、Node等领域
Ruby's Louvre 钟钦成,网名司徒正美,著名的JavaScript专家,去哪儿网前端架构师
CSS森林 GhostZhang,微信支付设计中心,负责重构前端团队的管理工作。
99css ytzong,就职经历139 邮箱前端工程师;腾讯 ISUX 前端工程师; iOS 独立开发者
[米随随] s5s5 刘小超,现在就职于 Tencent ISUX ,岗位 UI Engineer,主要从事UI开发方面工作。
小胡子哥的个人网站 Barret李靖,阿里巴巴职员
Jerry Qu 屈光宇,奇虎 360,前端开发
EVILCOS 余弦,知道创宇
WEB前端开发 愚人码头,内容涵盖Web前端开发原创教程、技术中文文档、前端工具、资源分享、疑难解答、最新技术、招聘信息等
伯乐在线 黄余粮黄利民
Aimingoo's Blog 周爱民,一名程序员、架构师,就职物联网公司(ruff.io)
justjavac(迷渡) justjavac,天津维基科技有限公司研发工程师
Be For Web C7210,交互设计师、UX热爱者、译者
Alon's Blog Alon Zhang,互联网资讯博主
I'm qiqiboy! qiqiboy,wordpress开发、web前端

五、活跃微博

网站 说明
掘金技术社区 挖掘最优质的互联网技术
w3c中国 万维网联盟中国办事处官方微博

六、书籍推荐

书籍 作者 译者
《Web标准设计》 刘杰(嗷嗷)
《大巧不工 Web前端设计修炼之道》 赖定清 / 林坚
《高性能网站建设指南 前端工程师技能精髓》 Steve Souders 刘彦博
《高性能网站建设进阶指南 Web开发者性能优化最佳实践》 Steve Souders 口碑网前端团队
《Web站点优化》
《Node.js开发指南》 郭家寶(BYVoid)
《JavaScript高级程序设计(第3版)》 [美] 尼古拉斯·泽卡斯 李松峰 / 曹力
《JavaScript权威指南》 弗拉纳根 李强
《JavaScript语言精粹》 Douglas Crockford 赵泽欣/ 鄢学鹍
《深入浅出Node.js》 朴灵
《CSS开发王》 张亚飞
《JavaScript DOM编程艺术 (第2版)》 [英] Jeremy Keith / [加] Jeffrey Sambells 杨涛 / 王建桥 / 杨晓云 等

七、前端教程

网站 说明
W3C中国 Web技术领域最具权威和影响力的国际中立性技术标准机构
MDN Web 文档 学习 Web 开发的最佳实践
w3cschool 学编程,从w3cschool开始
Microsoft Web 开发 Developer Network

八、HTML(5)

网站 说明
HTML(超文本标记语言)MDN MDN Web 文档
后HTML5时代Ⅰ TGideas 万技师
后HTML5时代Ⅱ TGideas 鬼爪手
HTML5 进阶系列 爱前端 林鑫
匠心打造canvas签名组件 翟灿东,网名路易斯,平安健康前端工程师。
HTML5 有哪些让你惊艳的 demo? 知乎 关注者 8K
一只会飞的鱼 每周一点canvas动画

九、CSS(3)

十、ECMAScript

网站 说明
Understanding ECMAScript 6 Nicholas C. Zakas
探索 ES6 翻译自《 Exploring ES6 》
ECMAScript 6 入门 阮一峰
ES5合集 颜海镜
ES6 你可能不知道的事 - 基础篇 化辰,淘宝前端团队(FED)
ES6 你可能不知道的事 - 进阶篇 化辰,淘宝前端团队(FED)

十一、JavaScript

网站 说明
JavaScript 标准参考教程(alpha) 阮一峰
JavaScript 秘密花园 三生石上 中文翻译
JavaScript Promise迷你书(中文版) 原著:azu / 翻译:liubin、kaku、honnkyou
JS 函数式编程指南 Linghao Li
JavaScript 闯关记 stone0090

十二、jQuery

网站 说明
学习jQuery Learning Center
jQuery API 中文文档 官方
jQuery API中文文档 愚人码头
jQuery UI API中文文档 愚人码头
jQuery中文手册 hemin
YOU MIGHT NOT NEED JQUERY 你可能不需要JQUERY

十三、Vue.js

网站 说明
Vue.js 官方网站
vuejs 官方仓库
Vue 中文社区 全球最大的 Vueframework 中文开源技术社区
vuefe.cn Vue.js 中文文档
Vue Forum Vue 论坛
Vue Land Vue 聊天室
vue-devtools 用于调试Vue.js应用程序的浏览器devtools扩展
Vue Loader 一个 webpack 的 loader
vue-router 官方路由
Vuex 状态管理模式
Vue 服务端渲染 Vue.js 服务器端渲染指南
Vue package Find the best packages for your Vue app!
awesome-vue Awesome Vue.js
Element 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
iView 一套基于 Vue.js 的高质量 UI 组件库
Vue + webpack 项目实践 勾三股四
vue 性能优化 岛书,Coffcer

十四、AngularJS

网站 说明
Angular 中文版 官方网站
AngularJS入门教程 严清 , 李诗剑 (译者)
AngularJS在线教程 乔乐共享
AngularJS学习笔记 邹业盛
Angularlearning Angular.js 的一些学习资源
UI Bootstrap Bootstrap components written in pureAngularJSby theAngularUI Team
AngularStrap AngularJS 1.2+ native directives for Bootstrap 3
AngularLearning dolymood

十五、React

网站 说明
React 官方网站
React 中文索引 Made by 题叶 & Feifei Hang
React China React 中文的论坛
React 入门实例教程 阮一峰
React Router 使用教程 阮一峰
React Native 中文版 极客学院
React.JS教程 PHPERZ
React.js 2016 最佳实践 腾讯全端 AlloyTeam 团队 Blog
React 导读 小撸,国双科技
Redux 中文文档 收到 Redux 作者 Dan 的多次点赞
React Router 中文文档 官方文档中文翻译
React 介绍及实践教程 董越 和 徐新茹
React 设计思想 React 核心开发者、有 React API 终结者之称的 Sebastian Markbåge 撰写
React Webpack 小书 作者 Christian Alfoni and Juho Vepsäläinen 中文译者 Fakefish
Material-UI React 前端 UI 库
Amaze UI React 基于 React.js 开发的 Web 组件库
dva 基于 redux、redux-saga 和 react-router 的轻量级前端框架
Ant Motion 能够快速在 React 框架中使用动画

十六、Node.js

网站 说明
NODESCHOOL 教你 Web 开发技能的开源课程,自学或者参加一个附近的教学活动
Node入门 作者: Manuel Kiessling 翻译: goddyzhao & GrayZhang & MondayChen
七天学会NodeJS Alibaba.com
Node.js 包教不包会 alsotang
从零开始nodejs系列文章 粉丝日志
NodeJS的代码调试和性能调优 小胡子哥
Express 基于 Node.js 平台,快速、开放、极简的 web 开发框架
Express框架 阮一峰
Koa 框架 阮一峰
Koa Koajs 中文文档

十七、RequireJS

网站 说明
Javascript模块化编程 阮一峰
RequireJS学习 叶小钗
RequireJS入门 Snandy
RequireJS 入门指南 参与翻译 NCThinker, 姜鹏飞, super0555

十八、Sass和Less

网站 说明
Sass中文网 世界上最成熟、最稳定、最强大的专业级CSS扩展语言
SASS中文文档 Sass 是成熟、稳定、强大的 CSS 扩展语言
SASS用法指南 阮一峰
Sass入门 大漠
Less中文文档 给 CSS 加点料

十九、Webpack

网站 说明
webpack 官方网站
webpack 中文 中文官网
webpack github
webpack-demos 阮一峰

二十、Markdown

网站 说明
Markdown 语法说明 (简体中文版) riku
Markdown 入门参考 LearnShare
GitBook 帮助团队在线撰写,协作和发布内容
Cmd Markdown Cmd Markdown 编辑阅读器
StackEdit 浏览器中的Markdown编辑器
Mditor 一款轻量级的markdown编辑器

二十一、Git

网站 说明
廖雪峰的官方网站 Git教程 廖雪峰
GitHub 漫游指南 Phodal Huang,黄峰达,ThoughtWorks 高级咨询师
Git工作流指南 李鼎(哲良),taobao
有关 git 的学习资料 xirong,alibaba
我所记录的git命令(非常实用) 博客园 糖糖果

二十二、Github大牛

网站 说明
AlloyTeam 腾讯 AlloyTeam
fex-team Baidu FEX team
tmallfe 天猫前端团队
nzakas 尼古拉斯·泽卡斯 Nicholas C. Zakas,雅虎首页的前端技术主管, YUI 库的贡献者,目前在 Box 公司任职
tj TJ Holowaychuk,Koa、Co、Express、jade、mocha、node-canvas、commander.js等知名开源项目的创建和贡献者
JacksonTian 朴灵(田永强),就职阿里巴巴数据平台,Node.js布道者
lifesinger 玉伯,支付宝前端,seajs作者
jobbole 伯乐在线
paulirish Google Chrome
kejun Douban Inc
fengmk2 fengmk2,Alipay
fool2fish Zhouxuan Yang,Alipay
jayli Taobao

二十三、框架类库

网站 说明
WeUI 微信官方设计团队为微信 Web 开发量身设计
ZUI 一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。
MZUI 为移动端设计,基于 Flex 的 UI 框架
SUI Mobile 阿里他她,一套基于 Framework7 开发的UI库
KISSY 一款跨终端、模块化、高性能、使用简单的 JavaScript 框架
nice validator 领先的表单验证解决方案
Underscore.js 一整套函数式编程的实用功能
Lodash 通过解决数组,数字,对象,字符串等问题,让JavaScript变得更轻松。
Metro UI CSS 一个 BizSpark Startup
Kite CSS 一个灵活的布局助手
Creative Link Effects 创意链接或菜单项效果
JAVASCRIPTING 最优的javascript库、框架和插件。
Microjs 神奇的微型框架

二十四、动画

网站 说明
Animate.css 一个跨浏览器的CSS动画库
Bounce.js 触摸库 CSS3关键帧动画
Waves.js 点击按钮或背景动画
缓动函数 指定动画效果在执行时的速度,使其看起来更加真实

二十五、移动端

网站 说明
腾讯移动Web前端知识库 Mars - mobile needs a hero
Mobi Tips TGideas
mobileTech jtyjty99999-Alibaba,收集移动端开发所需要的一些资源与小技巧
无线Web开发经验谈 支付宝
Mobile Web Favorites hoosin
移动web资源整理 白树,就职微信支付,负责移动端产品,擅长小程序、H5前端开发
Zepto.js API 中文版 愚人码头,一些可选功能是专门针对移动端浏览器的
Framework7 阿里他她,特色的HTML框架 可以创建精美的iOS应用
SUI Mobile 阿里他她,一套基于 Framework7 开发的UI库
Swiper 开源、免费、强大的移动端触摸滑动插件

二十六、开发平台

网站 简介
JSFiddle 一款在线的代码编辑器,通过流行的JS框架创建自定义的环境,以简化JS代码
JSBin Collaborative JavaScript Debugging
BabelJS 一个 JavaScript 编译器
RunJS 在线编辑、展示、分享、交流你的 JavaScript 代码
JSDM 一个WEB前端在线编辑器,可同时编辑HTML、CSS、JAVASCRIPT代码,并即时预览!
CodePen 面向前端设计人员和开发人员的社交开发环境
IDeone 一个在线编译器和调试工具,它允许您编译源代码并在线执行超过60种编程语言
HCODE 一个在线代码测试、托管、分享的工具,方便与别人一起调试、分享代码,具有代码高亮、一键代码格式化、贴心的快捷键等功能。
Thimble 一个在线代码编辑器,用它可以很轻松地创建和发布一个您自己的网页,一切伴随着 HTML、CSS 和 JavaScript。

二十七、在线工具

网站 简介
CanIUse 查看浏览器版本对HTML5和CSS3的支持情况
ECMAScript 6 compatibility table ECMAScript 6兼容性表
CSS Validation Service W3C CSS 验证服务
BROWSERHACKS browser specific CSS and JavaScript hacks

二十八、正则表达式

网站 简介
正则表达式 MDN MDN Web 文档
RegExp对象 阮一峰
正则的扩展 阮一峰
进阶正则表达式 小胡子哥 ( Barret Lee )
正则表达式30分钟入门教程 deerchao
正则表达式前端使用手册 路易斯
JS正则表达式元字符 思否 小弟调调

二十九、CDN

网站 简介
百度静态资源公共库 稳定,快速,全面,开源的国内CDN加速服务。
360网站卫士常用前端公共库CDN服务 常用前端公共库以及和谐使用Google公共库&字体库的调用方法
前端库CDN服务 微信,主要包括一些常用的 JS 库,CSS库,甚至是SWF文件。
BootCDN Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务
TAONPM 淘宝 NPM 镜像,可以用此代替官方版本(只读)
Staticfile CDN 免费、快速、开放的 CDN 服务
jQuery CDN 最新的稳定版本

三十、API

网站 简介
OverAPI.com Collecting All Cheat Sheets
常用API文档索引 开源中国社区 在线API文档


相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
5月前
|
前端开发 API 数据安全/隐私保护
Web前端开发中的跨域资源共享(CORS)解决方案
【2月更文挑战第5天】在Web前端开发中,跨域资源共享(CORS)是一个常见的挑战。本文将探讨CORS的概念和原理,并介绍一些常用的解决方案,包括服务器端配置和前端处理方法,帮助开发者更好地应对跨域请求问题。
256 4
|
5月前
|
前端开发 开发者
前端开发中的跨域资源共享(CORS)解决方案探讨
【2月更文挑战第2天】跨域资源共享(CORS)是前端开发中常见的问题,本文将深入探讨CORS的原理及解决方案,包括简单请求、预检请求以及常用的CORS解决方案,为前端开发者提供深入的理解和应对CORS问题的有效方法。
99 1
|
5月前
|
前端开发 JavaScript API
探索前端开发中的跨域资源共享(CORS)
【2月更文挑战第3天】在前端开发中,跨域资源共享(CORS)是一个至关重要的话题。本文将深入探讨CORS的概念、工作原理以及如何在前端项目中正确配置和处理跨域请求,帮助开发者更好地理解和应用CORS技术。
62 7
|
5月前
|
前端开发 安全 JavaScript
前端开发中的跨域资源共享(CORS)机制
【2月更文挑战第3天】 在前端开发中,跨域资源共享(CORS)机制是一个重要的安全性问题。本文将介绍CORS的概念、原理和实现方式,并探讨在前端开发中如何处理跨域资源请求,以及如何提高网站的安全性。
|
19天前
|
缓存 前端开发 JavaScript
|
2月前
|
SQL 数据库 Java
HQL vs SQL:谁将统治数据库查询的未来?揭秘Hibernate的神秘力量!
【8月更文挑战第31天】Hibernate查询语言(HQL)是一种面向对象的查询语言,它模仿了SQL的语法,但操作对象为持久化类及其属性,而非数据库表和列。HQL具有类型安全、易于维护等优点,支持面向对象的高级特性,内置大量函数,可灵活处理查询结果。下面通过示例对比HQL与SQL,展示HQL在实际应用中的优势。例如,HQL查询“从员工表中筛选年龄大于30岁的员工”只需简单地表示为 `FROM Employee e WHERE e.age > 30`,而在SQL中则需明确指定表名和列名。此外,HQL在处理关联查询时也更为直观易懂。然而,对于某些复杂的数据库操作,SQL仍有其独特优势。
41 0
|
2月前
|
缓存 前端开发 JavaScript
【揭秘Rails高手都在用的秘密武器!】—— 资产管道:它是如何悄无声息地改变我们管理前端资源的方式?
【8月更文挑战第31天】资产管道是Ruby on Rails 3.1引入的特性,用于简化Web应用中CSS、JavaScript和图片等前端资源的管理和打包。它将静态资源集中管理并自动处理合并、压缩及版本控制,提升页面加载速度和用户体验。本文通过示例代码详细介绍了如何在Rails应用中配置和使用资产管道,包括创建目录结构、编写样式表和JavaScript文件以及在布局文件中引用静态资源。与传统方法相比,资产管道提供了更高效和自动化的解决方案,有助于提高开发效率和应用性能。
26 0
|
3月前
|
资源调度 前端开发 JavaScript
如何用 Bower 管理前端资源:提升开发效率与项目维护性
【7月更文挑战第2天】**Bower**是基于Node.js的前端包管理器,用于高效管理JavaScript库、CSS和HTML模板等资源。通过安装、配置、搜索、安装、更新及卸载组件,它帮助开发者保持依赖的一致性,提升开发效率。配置`.bowerrc`设定安装目录,`bower.json`记录依赖。遵循最佳实践,如定期更新、锁定版本和清理无用组件,能增强项目维护性。尽管有新工具出现,掌握Bower仍是前端开发基础。
94 0
|
5月前
|
SQL 机器学习/深度学习 前端开发
10个宝藏级编程资源,让你省下8K学费不香吗_类似javaguide的前端网站
10个宝藏级编程资源,让你省下8K学费不香吗_类似javaguide的前端网站
10个宝藏级编程资源,让你省下8K学费不香吗_类似javaguide的前端网站
|
5月前
|
开发框架 前端开发 定位技术
【Flutter 前端技术开发专栏】Flutter 中的插件市场与开源资源利用
【4月更文挑战第30天】Flutter插件市场和开源资源加速开发进程。pub.dev是官方插件库,提供大量第三方插件,节约时间和保证质量。选择插件时关注功能需求、评价及维护状况。开源资源作为学习、解决问题和创新的平台,需注意版权、代码质量和兼容性。案例分析展示插件应用,开源社区促进交流与技术进步,未来市场将持续发展。善用资源,提升开发效率与项目竞争力。
144 0
【Flutter 前端技术开发专栏】Flutter 中的插件市场与开源资源利用