前端在线学习资源索引

一、前端中文教程


  •  

    React 中文文档(V16.5.2)

    React-用于构建用户界面的 JAVASCRIPT 库。


  •  

    Create React App 中文文档

    通过运行一个命令来建立现代Web应用程序。


  •  

    jQuery API 中文文档

    适用jQuery 1.0 – jQuery 3.1,翻译至官方文档,并且跟随官方文档持续更新。


  •  

    CSS3参考手册

    web前端开发参考手册系列之CSS参考手册


  •  

    Chrome DevTools 中文文档

    Chrome 开发者工具是一套内置在Google Chrome中Web开发和调试工具。使用开发者工具来重演,调试和剖析您的网站。


  •  

    webpack 中文文档(v4.15.1)

    webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。


  •  

    Parcel 中文文档

    快速,零配置的 Web 应用程序打包器


  •  

    30 秒就能理解的 JavaScript 代码片段

    精心挑选的有用的 JavaScript 代码片段,你可以在30秒或更短的时间内理解。


  •  

    WEB开发速查表

    WEB开发速查表集合,专为开发文档所准备


  •  

    Babel 中文文档

    Babel 是一个 JavaScript 编译器。


  •  

    TypeScript 中文文档

    TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。


  •  

    Underscore.js (1.8.3) 中文文档

    Underscore一个JavaScript实用库,提供了一整套函数式变成有用的实用功能,但是没有扩展任何JavaScript内置对象。它是这个问题的答案:“如果我在一个空白的HTML页面前坐下, 并希望立即开始工作, 我需要什么?“…它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。


  •  

    Zepto.js API 中文版 (1.1.2)

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


  •  

    Lodash 中文文档

    lodash 是一个 JavaScript 的实用工具库, 表现一致性, 模块化, 高性能, 以及 可扩展.


  •  

    Sass 中文文档

    Sass 是一个 CSS 的扩展,它在 CSS 语法的基础上,允许您使用变量 (variables), 嵌套规则 (nested rules), 混合 (mixins), 导入 (inline imports) 等功能,令 CSS 更加强大与优雅。使用 Sass 以及 Compass 样式库 有助于更好地组织管理样式文件,以及更高效地开发项目。


  •  

    Backbone.js API中文文档

    Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序。


  •  

    JSDoc 中文文档

    JSDoc是一个根据javascript文件中注释信息,生成JavaScript应用程序或库、模块的API文档 的工具。你可以使用他记录如:命名空间,类,方法,方法参数等。类似JavaDoc和PHPDoc。现在很多编辑器或IDE中还可以通过JSDoc直接或使用插件生成智能提示。从而使开发者很容易了解整个类和其中的属性和方法,并且快速知道如何使用,从而提高开发效率,降低维护成本。


  •  

    Bootstrap 中文文档

    Bootstrap 是最流行的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。


  •  

    jQuery UI 中文文档

    jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。


  •  

    Less 中文文档

    Less 是一个Css 预编译器,意思指的是它可以扩展Css语言,添加功能如允许变量(variables),混合(mixins),函数(functions) 和许多其他的技术,让你的Css更具维护性,主题性,扩展性。


  •  

    CSS3代码生成(演示)

    一款强大的CSS3效果演示工具,即时生成代码


  •  

    HTML to JS

    HTML代码转换为JavaScript字符串-前端开发转换工具


  •  

    JavaScript格式化工具

    该工具主要用于将去掉空格的代码或者压缩成一行的格式化,方便阅读,不能将加密过的js还原破解;粘贴你代码到文本区域并点击格式化按钮就可以将代码格式化;


  •  

    CSS整理与优化工具

    CSS整理与优化工具


  •  

    CSS clip-path 生成器

    CSS clip-path 生成器

  • Codepen

    Codepen应该是全世界最受欢迎的代码调试平台了。CSS技巧的原作者Chris Coyier是Codepen的联合创始者之一,这就很好的说明了为什么这款网络应用会如此的受欢迎。此外,Codepen的视觉效果也是很重要的一个原因,它的编辑器可以快速生动的展现代码改变所产生的预览显示,使你能够更容易地找出变化。 常见代码调试平台CodepenCodepen用于CSS的预处理器包括SCSS、SASS、LESS和Stylus,用于JS的预处理器包括CoffeeScript和LiveScript,用于HTML包括Haml、Markdown、Slim和Jade。另外,它还包含了8个可用的内置的JS库。在Codepen中,私人和协作的板块功能可以通过付费来获得

     

  • JSFiddle

    JSFiddle是一个可靠的流行代码的调试平台,在这个领域,它是第一个也是最出名的。JSFiddle有30多个可立即使用的JavaScript库,你还可以轻松的添加外部文件。在预处理方面,它有用于CSS的SCSS、用于JS的CoffeeScript以及用于HTML的简单的Vanilla。 常见代码调试平台JSFiddle如果你是与另外的程序员进行协作编程,我强烈建议你使用JSFiddle。JSFiddle的协作特性是同类型应用中最好的,而且它不同于Codepen,这个功能是易用且免费的。JSFiddle的短板在于灵活预览方面,你需要点击播放按钮来手动刷新页面。和其它同类型应用相比,JSFiddle算是最慢之一了。另外,JSFiddle还有一个不足就是它的运行按钮不灵敏,有时需要点击几次才能够运行代码(这问题存在于多个浏览器中)。

     

  • JS Bin

    JS Bin是由JavaScript开发大师Remy Sharp创建的,他拥有一家专注于JavaScript以及HTML5开发的web开发公司。JS Bin的JS预处理器包括CoffeeScript、TypeScript、Traceur、JSX以及可供使用的超过40个的JS库。你可以添加外部文件,但是必须进行手动编辑。而用于CSS的预处理器,它提供了LESS。 常见代码调试平台JS Bin。JS Bin区别于传统的代码调试平台的地方在于它允许你将文件下载到电脑上,这对于开发者尤其是常在离线状态下调试代码的程序员来说是一个很棒的特性。你还可以创建私人的Bin空间,当然这是一个付费功能。另外,JS Bin不支持协作功能。

     

  • SassMeister

    最好的方式来玩Sass,Compass和LibSass。SassMeister是Sass,Compass和LibSass的演练场。 添加一些Sass,然后SassMeister将显示编译后的CSS。 SassMeister支持Sass和SCSS语法,所有输出样式和不断扩展的Sass库列表。

     

  • CSS背景颜色属性值转换

    实现各个浏览器中具备良好的透明特性的效果,IE中使用私有滤镜filter,高端浏览器使用CSS3中的rgba属性。

     

  • Iconfont-阿里巴巴矢量图标库

    Iconfont-中国第一个最大且功能最全的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具

     

  • json parser online

    在线解析JSON数据的小工具

     

  • RegExr

    一个用Flex写的在线测试正则的工具