• 前端开发常用技术工具网址导航汇总


    这个是之前github看到过的一篇前端开发网址总结,涵盖前端开发所有常用的相关技术和插件工具汇总,

    以后找前端相关学习资料不用到处找,收藏这一个就可以了,觉得很不错现在分享给大家。

    1.1 HTML/CSS/JavaScript

    地址标签说明
    MDN 文档手册html/css/js很全很有用的查询网站。
    W3C官网html/css/jsW3C官方,不解释。
    html中文网-css教程手册css快速查询css属性及基本使用。
    canvas速查手册canvas一目了然canvas的api方法。
    VML 参考手册VML(IE)*微软开发的在低端IE上运行的“SVG”。
    ES6入门(阮一峰)ES6使用频率最高的ECMAScript6文档。
    ECMA International(6) ChinaES6ECMAScript6官方文档,部分中文翻译。
    ECMA International(6)ES6ECMAScript6官方文档。
    ECMA6 featuresES6通俗易懂的ECMAScript6特性demos。
    TypeScript中文文档typescriptTypeScript官网文档。
    Typescript HandbooktypescriptTypeScript使用手册。
    Web API Referencehtml5HTML5 web API查询,如摄像头/地理位置。
    Safari HTML Ref查询htmlSafari webview的HTML标签查询,某些ios特殊的属性或表现可以查这个。
    Web Assembly中文网wasmWeb Assembly(wasm)中文网。
    Dart中文网dartdart语言中文网。

    1.2 兼容/查询

    地址标签说明
    can i use--使用频率最高的兼容支持查询网站。
    ES兼容查询jsECMAScript兼容查询。
    IOS字体支持查询ios fontIOS系统自带字体查询。
    Web安全色查询web color为了尽量让用户看到色彩相同的网页,请尽量使用216色的web安全色。
    浏览器份额统计browser百度统计的市面上浏览器份额,(要Flash,Chrome不一定能看)。

    1.3 CSS工具

    1.3.1 预处理

    地址标签说明
    less文档less易上手的CSS预处理工具。
    sass 文档sass热门的CSS预处理工具。
    stylus 文档stylus功能丰富的CSS预处理工具。
    stylus 文档(张旭鑫)stylusstylus中文文档。

    1.3.2 后处理

    地址标签说明
    postcss 文档postcss被广泛运用的CSS后处理工具。
    github-postcsspostcsspost插件库中心。
    github-autoprefixerautoprefixer自动补充浏CSS前缀的后处理工具。
    cssnano官网cssnanoCSS优化和分解插件。
    postcss-plugin-px2rempx2rem将px单位转为rem单位的工具。
    postcss-px-to-viewportpx2vw将px单位转为vw单位的工具。
    cssnext官网cssnext让今天的我们写着明天的CSS特性。

    1.3.3 样式库/模块

    地址标签说明
    30s-of-code(css)30s-of-code(css)常用CSS样式模块集合,30s of code系列。
    animate.cssbulma.cssCSS3动画库。
    Hover.cssHover.cssPC鼠标hover交互动画库。
    bulma.cssbulma.css一款轻量级的CSS UI库。
    cardinal.csscardinal.css一款移动优先的less库。
    bootflat.cssbootflat.css一款扁平化风格scss库,基于BootStrap3.3。
    corpus.csscorpus.css一款scss集合库。
    weuiweui微信风格的样式库,腾讯。
    materialize.cssmaterializecssMaterial风格的响应式前端样式框架。
    mui.cssMUIMaterial风格的轻量级前端样式框架。
    Metro UIMetro UI一款流行的响应式前端样式框架,React版
    NES.cssNES.css游戏机风格的前端样式框架。
    paper.csspaper.css手绘风格的前端样式框架。
    css3 iconcss3 icon纯CSS实现的图标。
    Bootstrap 文档bootstrap红极一时的前端样式框架。
    layui 文档layui一款采用自身模块规范编写的前端 UI 框架。
    fontawesomefontawesome字体图标库。
    iconfonticonfont字体图标库,阿里。
    normalizenormalize相对较优的CSS reset替代方案。
    Tailwind官网tailwind模块化的UI库。

    1.3.4 其他

    地址标签说明
    css trickscss tricks包括布局、图标、动画等CSS技巧。
    BEMbemBEM写法规范。
    ACSSacssAtomic CSS,一种模块化写法规范。
    IT.cssitcssIT CSS,一种组件化写法规范。
    CSS modulescss-modules一种CSS样式模块化的解决方案。
    css in jscss-in-js用写js的方式生成css样式。
    Moo-CSSmoo-css一种CSS写法方案。

    1.4 JS插件/库

    1.4.1 库

    地址标签说明
    jQuery apijQuery红极一时的js库。
    Zepto apiZepto移动端使用的轻量级“jQuery”。
    city.jscity全国行政区划分数据文件。
    phaser.jsphaser2D游戏前端库。
    fabric.jsfabricjs有名的svg和canvas相互转换的封装库。
    babylon.jsbabylonjs有名的3D游戏/视频框架。
    stdlibstdlibjs的数学增强库。
    immutable-jsimmutable生产环境js的List, Stack, Map, OrderedMap, Set, OrderedSet以及Record数据结构支持,通常用于ReactJs。
    GCanvasgcanvas轻量的跨平台图形引擎(web/weex/react-native),阿里。
    Rough.js官网roughjs一个有意思的canvas绘图库(画出的图形具有手绘风格)。

    1.4.2 数据工具

    地址标签说明
    LoDashlodash广为人知的函数式工具库。
    ramdaramda广为人知的函数式工具库。
    UnderscoreJSunderscorejs红极一时的函数式工具库。
    StreamJsstreamjs一款js数据的操作工具。
    BaconJsbaconjs也是一款js数据的操作工具。
    MomentJsmomentjs一款日期格式化的工具(2020开始停止维护)。
    DayJsdayjs一款日期格式化的工具,MomentJS的替代品。
    numbronumbrojs一款多国语言的数字转化工具。
    accounting.jsaccounting.js数字,金钱的格式化工具。
    money.jsmoney.js金钱的汇率转换工具。

    1.4.3 请求、cookie和缓存

    地址标签说明
    axiosaxios高频使用的ajax库。
    fetchfetchFetch API的兼容polyfill。
    jsonpjsonp不用多说,实现jsonp。(axios没有封装jsonp)
    URI.jsuriURI解析操作的工具。
    StoreJsstoragestorage的封装库,兼容IE6。
    js-cookiejs-cookiecookie的封装库。
    Dexie.jsDexie.jsIndexedDB的封装库。
    localForage.jslocalForage基于IndexedDB、WebSQL、localStorage的离线存储库,Mozilla。
    basket.jsbasket.js利用localStorage来缓存script和css资源。

    1.4.4 插件

    地址标签说明
    swiper.jsswiper轮播插件。
    nanobar.jsnanobar绚丽的进度条展示插件,IE7+。
    sweetalertsweetalert.js还算库的PC alert展示插件。
    bowserjsbowserjs通过ua做的浏览器探测插件。
    clipboard.jsclipboardjs剪贴板控制插件。
    Qrcode-generatorgrcode-generator二维码生成工具。
    html2canvashtml2canvashtml转为图片(canvas),即实现网页截图。
    Pen EditorPen Editorweb的文本编辑工具。
    cleave.jscleave.js一款好用的input输入控制插件。
    autosize.jsautosize.js一款好用的