前端开发工具整理

前端 专栏收录该内容
2 篇文章 0 订阅
开发工具

最近开发Mobile项目用的开发工具是WebStorm,这是一款前端开发神器,强大的功能深受广大前端开发者的喜爱。

调试平台

代码调试利器是Chrome,目前公认的前端调试利器,没有之一,必须首选。

常用插件
  • Proxy SwitchySharp:翻墙软件。。。
  • React Developer Tools:开发React必备插件,build好的代码可以直接在浏览器中断点调试。但是我在使用的过程中发现有的地方不能打断点,我也不知道是怎么回事,希望有知道的人可以给我留言交流。
  • JSON Formatter:处理JSON
终端
  • iTerm
Chrome调试

想必大家在调试JS代码的时候最常用的就是console.log();了吧,下面我介绍几个好玩的。

  • console.info();
  • console.error();
  • console.warn();
  • console.debug();

下面将一一展示:
示例

当然在开发过程中可能需要看一下执行时间,下面为大家展示如何查看执行时间,直接上代码:

// 测试执行时间
  function oldFunc() {
    const startDate = new Date().getTime();
    for (let i=0; i< 100000; i++) {
    }
    const endDate = new Date().getTime();
    console.log("执行时间:" + (endDate-startDate));
  }
  function newFunc() {
      console.time("执行时间:");
      for (let i=0; i< 100000; i++) {
      }
      console.timeEnd("执行时间:");
  }
  • 2
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页

打赏

程铭程铭你快成名

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值