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

| w3cschool | 学编程,从w3cschool开始 |

| Microsoft Web 开发 | Developer Network |

八、HTML(5)


| 网站 | 说明 |

| — | — |

| HTML(超文本标记语言)MDN | MDN Web 文档 |

| 后HTML5时代Ⅰ | TGideas 万技师 |

| 后HTML5时代Ⅱ | TGideas 鬼爪手 |

| HTML5 进阶系列 | 爱前端 林鑫 |

| 匠心打造canvas签名组件 | 翟灿东,网名路易斯,平安健康前端工程师。 |

| HTML5 有哪些让你惊艳的 demo? | 知乎 关注者 8K |

| 一只会飞的鱼 | 每周一点canvas动画 |

九、CSS(3)


| 网站 | 说明 |

| — | — |

| CSS Reference | 从基础知识中学习CSS的所有重要属性 |

| You Don’t Know CSS | 杨健 |

| 强大的css3 | Wayne Zhu |

| 深入了解 CSS3 新特性 | 周 翔 |

| Flex 布局教程:语法篇 | 阮一峰 |

| Flex 布局教程:实例篇 | 阮一峰 |

| 如何编写轻量级 CSS 框架 | 叙帝利 |

| CSS 专业技巧 | 一个帮你提升 CSS 技巧的收藏集 |

| CSS3技术-雪碧图自适应缩放与精灵动画方案 | 慕课网 艾伦 Aaron |

| 搞定这些疑难杂症,向css3动画说yes | IMWeb 结一 |

| Effective前端1:能使用html/css解决的问题就不要使用JS | 会编程的银猪 |

| 前端如何呼风唤雨 | IMWeb coverguo |

| 默认的checkbox、input、radio太丑了?我来教你改变使用纯css3改写的带动画的默认样式 | 掘金 sunshine小小倩 |

| CSS性能分析,如何优化CSS提高性能 | 博客园 楼兰小骑士 |

| CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅 | 思否 微醺岁月 |

| CSS-Tricks | The Shapes of CSS |

十、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和GitHub


| 网站 | 说明 |

| — | — |

| Git-Book | 官方文档 |

| git - 简明指南 | 罗杰·杜德勒 |

| 猴子都能懂得GIT入门 | backlog |

| 廖雪峰的官方网站 Git教程 | 廖雪峰 |

| Learn Git Branching | 通过一系列刺激的关卡挑战,逐步深入的学习 Git 的强大功能 |

| Git工作流指南 | 李鼎(哲良),taobao |

| 有关 git 的学习资料 | xirong,alibaba |

| GitHub 漫游指南 | Phodal Huang,黄峰达,ThoughtWorks 高级咨询师 |

| GitHub秘籍 | Star 24.8k Fork 3.8k |

二十二、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 | 点击按钮或背景动画 |

| 缓动函数 | 指定动画效果在执行时的速度,使其看起来更加真实 |

二十五、移动端


最后

由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

| Microjs | 神奇的微型框架 |

二十四、动画


| 网站 | 说明 |

| — | — |

| Animate.css | 一个跨浏览器的CSS动画库 |

| Bounce.js | 触摸库 CSS3关键帧动画 |

| Waves.js | 点击按钮或背景动画 |

| 缓动函数 | 指定动画效果在执行时的速度,使其看起来更加真实 |

二十五、移动端


最后

由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-hhnmLvlI-1714627577064)]

[外链图片转存中…(img-K84SB3Gw-1714627577065)]

  • 28
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值