前端工具类网址推荐

简介: 前端工具类网址推荐

#### [Can I use...](https://caniuse.com/)

在该网址内,可以搜索HTML5,CSS3,ES6等是否可以在某浏览器下使用。

![](https://upload-images.jianshu.io/upload_images/2789632-631b6005e5e3bbf6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

###### 使用方式

例如,此时我想查看html imports目前在哪些浏览器下可以使用,在输入框输入:html imports。这时我们会发现,Edge 79曾经支持过,Chrome 36-39曾经支持过,Opera曾经在23-66版本支持过等等众多浏览器支持信息(绿色代表支持,红色代表不支持)

![](https://upload-images.jianshu.io/upload_images/2789632-eaa4b22f5a9a43c1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### [百度统计](https://tongji.baidu.com/research/site?source=index)

在该网站内,可以搜索浏览器份额,操作系统,分表率等使用的占比。

![](https://upload-images.jianshu.io/upload_images/2789632-1da36f50739383e4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### [keycode.info](http://keycode.info/)

获取键盘对应的keycode

其他类似:https://www.bejson.com/othertools/keycodes/

![](https://upload-images.jianshu.io/upload_images/2789632-cfce255b144ac445.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### [前端框架实时招聘热度](https://react.lllomh.com/index.html)

对比react/vue在各个城市的招聘情况~

![](https://upload-images.jianshu.io/upload_images/2789632-5dd06041fb0456e6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

## [开发者调研](https://insights.stackoverflow.com/survey/2020?#technology-most-loved-dreaded-and-wanted-other-frameworks-libraries-and-tools)

![](https://upload-images.jianshu.io/upload_images/2789632-16b69af8880fb5dd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

## [GitHub 最新的 2021 年度 Octoverse 报告](https://octoverse.github.com/)

![](https://upload-images.jianshu.io/upload_images/2789632-73cf147fb114604f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

## [Web Framework Benchmarks](https://www.techempower.com/benchmarks/#section=data-r17&hw=ph&test=json)

![](https://upload-images.jianshu.io/upload_images/2789632-13a3a571dc013e92.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

## vue

Vue 在线演示编译结果

Vue3: https://vue-next-template-explorer.netlify.app/

Vue2: https://vue-template-explorer.netlify.app/

目录
相关文章
|
4月前
|
JSON 缓存 前端开发
SpringBoot的 ResponseEntity类讲解(具体讲解返回给前端的一些事情)
本文讲解了SpringBoot中的`ResponseEntity`类,展示了如何使用它来自定义HTTP响应,包括状态码、响应头和响应体,以及如何将图片从MinIO读取并返回给前端。
265 3
|
6月前
|
前端开发 Java 编译器
【前端学java】java中的Object类和前端中的Object有什么区别(9)
【8月更文挑战第10天】java中的Object类和前端中的Object有什么区别
62 0
【前端学java】java中的Object类和前端中的Object有什么区别(9)
|
6月前
|
存储 前端开发 JavaScript
【前端学java】面向对象编程基础-类的使用(4)
【8月更文挑战第9天】面向对象编程基础-类的使用
37 0
|
6月前
|
前端开发
解锁CSS神秘面纱:深度剖析类选择器,掌握前端设计的绝密武器!
解锁CSS神秘面纱:深度剖析类选择器,掌握前端设计的绝密武器!
|
6月前
|
前端开发 Java 编译器
【前端学java】类中的访问权限详解,通俗易懂(5)
【8月更文挑战第9天】类中的访问权限详解,通俗易懂(5)
75 0
|
8月前
|
JSON 前端开发 Java
一文读Web开发 之接口后端接口、类与前端请求、拦截器编写
一文读Web开发 之接口后端接口、类与前端请求、拦截器编写
269 6
|
9月前
|
前端开发 JavaScript
前端 js 经典:class 类
前端 js 经典:class 类
53 2
|
9月前
|
前端开发 JavaScript
前端 TS 快速入门之三:class 类
前端 TS 快速入门之三:class 类
140 1
|
存储 前端开发 JavaScript
手撕前端面试题【javascript~模板字符串、类继承、参数解析器、生成页码等】
html页面的骨架,相当于人的骨头,只有骨头是不是看着有点瘆人,只有HTML也是如此。 css,相当于把骨架修饰起来,相当于人的皮肉。
86 0
|
前端开发
前端学习笔记202306学习笔记第三十五天-js-js中内置的类1
前端学习笔记202306学习笔记第三十五天-js-js中内置的类1
47 0

热门文章

最新文章

  • 1
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 2
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 4
    详解智能编码在前端研发的创新应用
  • 5
    巧用通义灵码,提升前端研发效率
  • 6
    智能编码在前端研发的创新应用
  • 7
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 8
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 9
    抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
  • 10
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
  • 1
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    29
  • 2
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    51
  • 3
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 4
    巧用通义灵码,提升前端研发效率
    93
  • 5
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    141
  • 6
    详解智能编码在前端研发的创新应用
    96
  • 7
    智能编码在前端研发的创新应用
    83
  • 8
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    37
  • 9
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    121
  • 10
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
    75