前端知识内容的一些总结,具体如下:

1、入门类

2、HTML 5 部分

##3、 CSS 3 部分

4. JQuery

5. Angular JS

6. React

7. Vue

8. Node JS

9. JS Template

10. 移动端

11. 移动端 API

  • 移动开发大杂烩 ## 12. 综合 API - javascripting - 各种流行库搜索 - runoob.com-包含各种API集合 - 开源中国在线API文档合集 - devdocs(英文综合API网站) ## 13. 其他 API - HTTP API 设计指南 - javascript流行库汇总 - 验证api - underscore 中文手册 - underscore源码分析 - underscore源码分析-亚里士朱德的博客 - underscrejs en api - lodash - underscore的代替品 - ext4api - qwrap手册 - 缓动函数 - svg 中文参考 - svg mdn参考 - svg 导出 canvas - svg 导出 png - ai-to-svg - localStorage 库 ## 14. 综合类 - 前端知识体系 - 前端知识结构 - Web前端开发大系概览 - Web前端开发大系概览-中文版 - Web Front-end Stack v2.2 - 免费的编程中文书籍索引 - 前端书籍 - 前端免费书籍大全 - 前端知识体系 - 免费的编程中文书籍索引 - 智能社 - 精通JavaScript开发 - 重新介绍 JavaScript(JS 教程) - 麻省理工学院公开课:计算机科学及编程导论 - JavaScript中的this陷阱的最全收集–没有之一 - JS函数式编程指南 - JavaScript Promise迷你书(中文版) - 腾讯移动Web前端知识库 - Front-End-Develop-Guide 前端开发指南 - 前端开发笔记本 - 大前端工具集 - 聂微东 - 前端开发者手册 ## 15. 工具类 - 前端人的俱乐部 - 如何优雅地使用Sublime Text - 新编码神器Atom使用纪要 - css sprite 雪碧图制作 - 版本控制入门 – 搬进 Github - Grunt-beginner前端自动化工具 - IntelliJ IDEA 简体中文专题教程 - SublimeText - Atom - visual studio code ## 16. 综合效果搜索平台 - JavaScript 资源大全中文版 - 100+ 超全的web开发工具和资源 - 设计师网址导航 - 快搜 - 阿里iconfont - zoommyapp.com - unsplash.com - www.pinterest.com - New Old Stock - 500px.com - 效果网 - 花瓣网 - 优美图 - codepen - 摄图网 - 常用的JavaScript代码片段 ## 17. 团队 BLOG - 腾讯ISUX - 奇舞周刊 - 淘宝前端团队(FED) - 码农周刊 - WEB前端开发 - A JS tip per day! - 腾讯全端 AlloyTeam - 阿里巴巴-U一点 - 百度WEB前端研发部 - 携程设计委员会 - 平安科技移动开发二队技术周报 ## 18. 开发中心 - mozilla js参考 - chrome开发中心(chrome的内核已转向blink) - safari开发中心 - microsoft js参考 - js秘密花园 - js秘密花园 - w3help(综合Bug集合网站) ## 19. ECMAScript - Understanding ECMAScript 6 - Nicholas C. Zakas - exploring-es6 - exploring-es6翻译 - exploring-es6翻译后预览 - 阮一峰 es6 - 阮一峰 Javascript - ECMA-262,第 5 版 - es5 ## 20. D3 - d3 Tutorials - Gallery - lofter - iteye - ruanyifeng ## 21. RequrieJS - Javascript模块化编程(一):模块的写法 - Javascript模块化编程(二):AMD规范 - Javascript模块化编程(三):require.js的用法 - RequireJS入门(一) - RequireJS入门(二) - RequireJS进阶(三) - requrie源码学习 - requrie 入门指南 - requrieJS 学习笔记 - requriejs 其一 - require backbone结合 ## 22. SeaJS - seajs - seajs 中文手册 ## 23. Less & Sass - sass - sass教程-sass中国 - Sass 中文文档 - less ## 24. Markdown - Markdown 语法说明 (简体中文版) - markdown入门参考 - gitbook - mdeditor - stackedit - mditor - lepture-editor - markdown-editor - 作业部落 ## 25. 兼容性 - esma 兼容列表 - W3C CSS验证服务 - caniuse - csscreator - microsoft - 在线测兼容-移动端 - emulators ## 26. UI相关 - bootcss - ANT DESIGN - MetroUICSS - semantic - Buttons - kitecss - pintuer - amazeui - worldhello - linuxtoy - gitmagic - rogerdudler - gitref - book - gogojimmy ## 27. 图表类 - Highcharts 中文API - Highcharts 英文API - ECharts 百度的图表软件 - 高德地图 - 开源的矢量图脚本框架 - svg 地图 ## 28. 正则表达式 - JS正则表达式元字符 - 正则表达式30分钟入门教程 - MDN-正则表达式 - ruanyifeng - RegExp对象 - 小胡子哥 - 进阶正则表达式 - is.js - 正则在线测试 ## 29. 前端规范 - 通过分析github代码库总结出来的工程师代码书写习惯 - HTML&CSS编码规范 by @mdo - 团队合作的css命名规范-腾讯AlloyTeam前端团队 - 前端编码规范之js - by yuwenhui - 前端编码规范之js - by 李靖 - 前端开发规范手册 - Airbnb JavaScript 编码规范(简体中文版) - AMD与CMD规范的区别 - AMD与CMD规范的区别 - KISSY 源码规范 - bt编码规范 - 规范加强版 - 前端代码规范 及 最佳实践 - 百度前端规范 - 百度前端规范 - 百度前端规范 - ECMAScript6 编码规范–广发证券前端团队 - JavaScript 风格指南/编码规范(Airbnb公司版) - 网易前端开发规范 - css模块 - 前端规范资源列表 ## 30. PHP - 最流行的PHP 代码规范 - 最流行的PHP 代码规范 ## 31. 各大公司开源项目 - Facebook Projects - 百度web前端研发部 - 百度EFE - 百度github - alloyteam - alloyteam-github - alloyteam-AlloyGameEngine - AlloyDesigner(即时修改,即时保存,设计稿较正,其它开发辅助工具) - H5交互页编辑器AEditor介绍 - AEditor - 值得订阅的weekly - 奇舞团开源项目 - Qunar UED - Scrat ## 32. 常用 - ieBetter.js(让IE6-IE8拥有IE9+,Chrome等浏览器特性) - 模拟键盘 - 拼音 - 中国个人身份证号验证 ## 33. 算法 - 数据结构与算法 JavaScript - 常见排序算法(JS版) - 经典排序 - 常见排序算法-js版本 - JavaScript 算法与数据结构 精华集 - 面试常考算法题精讲 ## 34. JSON - 模拟生成JSON数据 ## 35. Ext, EasyUI, J-UI 及其它各种UI方案 - extjs - ext4英文api - ext4中文api - jquery easyui 未压缩源代码 - J-UI - MUI-最接近原生APP体验的高性能前端框架 - Amaze UI(中国首个开源 HTML5 跨屏前端框架) - 淘宝 HTML5 前端框架 - KISSY - 阿里前端JavaScript库 - 网易Nej - Nice Easy Javascript - Kendo UI MVVM Demo - Bootstrap - Foundation - Smart UI - 雅虎UI - CSS UI ## 36. 页面 社会化 分享功能 - (pc端)百度分享 - (pc端)JiaThis - (移动端)社会化分享组件 - (移动端)ShareSDK 轻松实现社会化功能 - (移动端)友盟分享 ## 37. 富文本编辑器 - 功能齐全 tinymce - 百度 ueditor - 经典的ckeditor - 经典的kindeditor - wysiwyg - 一个有情怀的编辑器。Bach’s Editor - tower用的编辑器 - summernote 编辑器 - html5编辑器 - Quilljs编辑器 - wangEditor ## 38. 前端概述 - 前端工具大全 - 什么是前端工程化 - [译] 前端攻略-从路人甲到英雄无敌 ## 39. Gulp - Gulp官网 - Gulp中文网 - gulp资料收集 - Gulp:任务自动管理工具 - ruanyifeng - Gulp插件 - Gulp探究折腾之路(I) - Gulp折腾之路(II) - Gulp不完全入门教程 - 为什么使用gulp? - Gulp安装及配合组件构建前端开发一体化 - Gulp 入门指南 - Gulp 入门指南 - nimojs - Gulp in Action - Gulp开发教程(翻译) - 前端构建工具gulpjs的使用介绍及技巧 ## 40. Grunt - gruntjs - Grunt中文网 ## 41. Fis - fis 官网 - fis ## 42. pc图轮 - Vue 的图片轮播组件:vue-slider - 左右按钮多图切换 - fullpage全屏轮播 ## 43. 移动端图轮 - 滑屏效果 - 全屏fullpage - 单个图片切换 - 单个全屏切换 - 百度的切换库 - 单个全屏切换 - 滑屏效果 - 旋转拖动设置 - 类似于swipe切换 - 支持多种形式的触摸滑动 - 滑屏效果 - 大话主席pc移动图片轮换 - 滑屏效果 - 基于zepto的fullpage - WebApp定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - 判断微信客户端的那些坑 - 可以通过javascript直接调用原生分享的工具 - JiaThis 分享到微信代码 - 聊聊移动端跨平台开发的各种技术 - 前端自动化测试 - 多种轮换图片 - 滑动侧边栏 ## 44. 文件上传 - 百度上传组件 - 上传 - flash 头像上传 - 图片上传预览 - 图片裁剪 - 图片裁剪-shearphoto - jQuery图片处理 ## 45. 模拟select - 糖饼 select - flexselect - 双select - select2 ## 46. 取色插件 - 类似 Photoshop 的界面取色插件 - jquery color - 取色插件集合 - farbtastic 圆环+正方形 ## 47. 城市联动 - jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果 ## 48. 剪贴板 - 剪贴板 - clipboard 最新的剪切方案 - 不是Flash的剪贴板 ## 49. 简繁转换 - 简繁转换 ## 50. 表格 Grid - facebook表格 - 类似于Excel编辑表格-handsontable - bootstrap-table插件 - datatables ## 51. 在线演示 - js 在线编辑 - runjs - js 在线编辑 - jsbin - js 在线编辑 - codepen - js 在线编辑 - jsfiddle - java 在线编辑 - runjs - js 在线编辑 - hcharts - js 在线编辑 - jsdm - sql 在线编辑 - sqlfiddle - mozilla 在线编辑器 ## 52. 常规优化 - Javascript高性能动画与页面渲染 - 移动H5前端性能优化指南 - 5173首页前端性能优化实践 - 给网页设计师和前端开发者看的前端性能优化 - 复杂应用的 CSS 性能分析和优化建议 - 张鑫旭——前端性能 - 前端性能监控总结 - web前端性能优化进阶路 - 前端技术:网站性能优化之CSS无图片技术 - 浏览器的加载与页面性能优化 - 页面加载中的图片性能优化 - Hey——前端性能 - YSLOW中文介绍 - 转一篇Yahoo关于网站性能优化的文章,兼谈本站要做的优化 - Yahoo!团队实践分享:网站性能 - 网站性能优化指南:什么使我们的网站变慢? - 网站性能优化实践,减少加载时间,提高用户体验 - 浅谈网站性能优化 前端篇 - 前端重构实践之如何对网站性能优化? - 前端性能优化:使用媒体查询加载指定大小的背景图片 - 网站性能系列博文 - 加载,不只是少一点点 - 前端性能的测试与优化 - 分享网页加载速度优化的一些技巧? - web前端优化(基于Yslow - 网站性能优化工具大全 - 【高性能前端1】高性能HTML - 【高性能前端2】高性能CSS - 由12306谈谈网站前端性能和后端性能优化 - 毫秒必争,前端网页性能最佳实践 - 网站性能工具Yslow的使用方法 - 前端工程与性能优化(上):静态资源版本更新与缓存 - 前端工程与性能优化(下):静态资源管理与模板框架 - HTTPS连接的前几毫秒发生了什么 - Yslow - Essential Web Performance Metrics — A Primer, Part 1 - Essential Web Performance Metrics — Part 2 - YUISlide,针对移动设备的动画性能优化 - Improving Site Performance - 让网站提速的最佳前端实践 - Why Website Speed is Important - Need for Speed – How to Improve your Website Performance - 阿里无线前端性能优化指南 (Pt.1 加载期优化 ## 53. 优化工具 - JavaScript 性能分析新工具 OneProfile - JavaScript 堆内存分析新工具 OneHeap ## 54. 在线工具 - google在线工具 - 阿里-免费测试服务 - 阿里-F2etest多浏览器兼容性测试解决方案 - js性能测试 ## 55. 前端架构 - 技术架构 - 前端架构 - 如何成为前端架构师 - 关于前端架构-张克军 - 百度腾讯offer比较(腾讯游戏VS百度基础架构) ## 56. 推荐作品 - winter代码片段需要翻墙 - fgm - 岑安作品集 - 当耐特demo集合 - 米空格 js作品 - myFocus - SeaJS组件库 - 颜海镜作品 - 脚儿网作品 - javascript个人作品 - 妙味的雷东升游戏作品 - javascript作品集 - 云五笔,灰度产生生成工具 - 项目主页 - 个性的作品主页 - ucren js demos 集 - 智能社 - 实例陈列架 - zoye demo - 王员外 - 平凡 - jyg 游戏案例 - 很多jquery插件 - 不羁虫 - soJs 作品系列 - frozenui - 黑白棋 - fromone - pazguille - Html5 VideoPlayer - Proton 烟花 ## 57. 简历模板 - 简历 - 张伦 - 简历 - 马斯特 - 张秋怡 - 翁天信 - 动画方式的简历 - 组件丰富简历 - haorooms博客 ## 58. 求职 - 面试你之前,我希望在简历上看到这些! ## 59. 面试题 - 那几个月在找工作(百度,网易游戏) - 2014最新面试题 - 2016校招内推 – 阿里巴巴前端 – 三面面试经历 - 年后跳槽那点事:乐视+金山+360面试之行 - Interviewing a front-end developer - 拉勾网js面试题 - 前端面试 - Web开发笔试面试题 大全 - 前端开发面试题 - 2014最新前端面试题 - 百度面试 - 前端工作面试问题 - 前端开发面试题 - 5个经典的前端面试问题 - 最全前端面试问题及答案总结 - 如何面试一名前端开发工程师? - 史上最全 前端开发面试问题及答案整理 - 前端实习生面试总结 - 史上最全 前端开发面试问题及答案整理 - BAT及各大互联网公司2014前端笔试面试题:JavaScript篇 - 前端开发面试题大收集 - 收集的前端面试题和答案 - 如何面试前端工程师 - 前端开发面试题 - 牛客网-笔试面经 ## 60. iconfont - 中文字体 - 淘宝字库 - 字体 - 制作教程 - zhangxinxu-icommon - icommon - 用字体在网页中画ICON图标(推荐教程 - 字体压缩工具 ## 61. Fiddler - Fiddler调式使用知多少(一深入研究) - 微信fiddle - 微信fiddle ## 62. Chrome - Google Chrome 官方 - Chrome - 基础 - Chrome - 进阶 - Chrome - 性能 - Chrome - 性能进阶 - Chrome - 移动 - Chrome - 使用技巧 - Chrome - Console控制台不完全指南 - Chrome - Workspace使浏览器变成IDE - network面板 - chrome开发工具快捷键 - chrome调试工具常用功能整理 - Chrome 开发工具 Workspace 使用 - Chrome神器Vimium快捷键学习记录 - sass调试-w3cplus - 如何更专业的使用Chrome开发者工具-w3cplus - chrome调试canvas - chrome profiles1 - chrome profiles3 - chrome移动版调试 - chrome调试 - chrome的调试 - chrome console 命令详解 - 查看事件绑定1 - 查看事件绑定2 - 神器——Chrome开发者工具(一 - 奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍 - chrome 开发者工具的 15 个小技巧 - Chrome开发者工具不完全指南 - Chrome 开发者工具使用技巧 ## 63. Firebug - firebug视频教程 - firefox 模拟器 - console.log 命令详解 - Firebug入门指南 - Firebug控制台详解 ## 64. 移动,微信调试 - 浏览器端调试安卓 - 移动端前端开发调试 - 使用 Chrome 远程调试 Android 设备 - mac移动端调试 - mac移动端调试 - 无线调试攻略 - 无线调试攻略 - 屌爆了,完美调试 微信webview(x5 - 微信调试的那些事 - 远程console - 微信调试工具 - 各种真机远程调试方法汇总 ## 65. iOS Simulator - Simulator - iOS Simulator的介绍和使用心得 ## 66. Image - loading img - 智图-图片优化平台 - 在线png优化 - SM.MS(图床工具~简易好用) - yutuku:极简图床 - Qchan图床 ## 67. 浏览器同步 - puer - liveReload - f5 - File Watchers ## 68. 在线PPT制作 - nodePPT - Cleaver快速制作网页PPT - impress.js - PPT - reveal - bespoke-fx - slippy ## 69. 前端导航网站 - 界面清爽的前端导航 - 前端导航 - 前端网址导航 - 前端名录 - 前端导航 - 前端开发资源 - 前端开发仓库 - 众多效果的收集地 - 前端资源导航 - F2E 前端导航 ## 70. 常用CDN - 新浪CDN - 百度静态资源公共库 - 360网站卫士常用前端公共库CDN服务 - Bootstrap中文网开源项目免费 CDN 服务 - 开放静态文件 CDN - 七牛 - CDN加速 - jq22 - jQuery CDN - 微软CDN ## 71. Git - git-scm - 廖雪峰-Git教程 - git-for-windows - GitHub 添加 SSH keys - gogithub - git常规命令练习 - git的资料整理 - 我所记录的git命令(非常实用) - 企业开发git工作流模式探索部分休整 - GitHub 漫游指南 - GitHub秘籍 - 使用git和github进行协同开发流程 - 动画方式练习git ## 72. 各种日期日历 - 经典my97 - 强大的独立日期选择器 - fullcalendar - fullcalendar日历控件知识点集合 - 中文api - 农历日历 - 超酷的仿百度带节日日历老黄历控件 - 日期格式化 - 大牛日历控件 - 我群某管理作品 - input按位替换-官网 - input按位替换-github - bootstrap-daterangepicker - 国外30个插件集合 - JavaScript datepicker - Datepair.js - 一个风格多样的日历 - 弹出层式的全日历 - jquery双日历 - 大气实用jQuery手机移动端日历日期选择插件 - jQuery Mobile 移动开发中的日期插件Mobiscroll ## 73. Date library - Datejs - sugarjs ## 74. 其它 - Mock.js 是一款模拟数据生成器 - 特色的HTML框架可以创建精美的iOS应用 - 淘宝SUI - avalonjs - Avalon新一代UI库: OniUI - avalon.oniui-基于avalon的组件库 - 生成二维码(草料) ## 75. 效果类 - 弹出层 - 焦点图轮播特效 - HTML5 有哪些让你惊艳的 demo? ## 76. 弹出层 - artDialog 最新版 - artDialog 文档 - google code 下载地址 - 贤心弹出层 - 响应式用户交互组件库 - sweetalert-有css3动画弹出层 ## 77. 优秀JavaScript项目 - Angular和Webpack种子文件 - Fis3面向前端的工程构建系统 - Fis3 DEMO - 前端JQuery系列:源码剖析 - avalon框架 - Microsoft ChakraCore 微软的Chakra引擎 - Quintus HTML游戏引擎 - 一个用node.js搭建的有趣博客 - Web前端助手–FeHelper(Chrome扩展) - 百度前端技术学院 - Cheerio(node.js中的jQuery) - nodejs的一个聊天软件 类似微信 - 使用html5和node.js构建的网易云音乐 - babel ES6转换为ES5 - 一个JS富文本编辑器 - 一个JS脑图可视化工具 - 一个JS写的Flappy Bird Game - 一个JS写的GBA模拟器 - SegmentFault写的Markdown解析器 - 基于node.js的Ghost博客 - 学习react的demos ## 78. 其他一些推荐 - 那些所倚靠的利器记载 - 如何优雅地使用Sublime Text - sublime text 下的Markdown写作 - 新编码神器Atom使用纪要 - Win下最爱效率神器:AutoHotKey - Mac必备软件渐集之ZSH-终极Shell - Win下必备神器之Cmder - Vimium~让您的Chrome起飞
  • 以上文章来自:黄卉 , https://huanghui8030.github.io/other/all.html