了解如何使用 Chrome 和 DevTools 查找影响页面性能的内存问题，包括内存泄漏、内存膨胀和频繁的垃圾回收。 TL;DR 使用 Chrome 的任务管理器了解您的页面当前正在使用的内存量。 使用 Timeline 记录可视化一段时间内的内存使用。 使用堆快照确定已分离的 DOM 树（内存泄 ...
分类：
其他好文 时间：
2019-11-13 10:54:48
阅读次数：
511
一、Chrome DevTools 简介 Chrome 开发者工具是一套内置于Google Chrome中的Web开发和调试工具，可用来对网站进行迭代、调试和分析 手册：Chrome 开发者工具中文手册、Chrome 开发者工具官网 打开Chrome开发者工具 在Chrome菜单中选择：更多工具 开 ...
分类：
其他好文 时间：
2019-11-12 01:18:26
阅读次数：
108
使用chrome 作为本地网络服务 chrome 65+ 新功能， 使用我们自己的本地资源覆盖网页所使用的资源，可以使用本地css文件覆盖网页的css文件，修改样式。 类似的，使用DevTools的工作区设置持久化，将本地的文件夹映射到网络，在chrome开发者功能里面对css 样式的修改，都会直接 ...
分类：
其他好文 时间：
2019-11-10 22:48:13
阅读次数：
207
小程序开发： 环境： 微信开发者工具 1. 官网下载微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 2. 小程序账号，官方注册，获取APPID等必要信息 https://mp.weixin ...
分类：
微信 时间：
2019-11-05 00:55:13
阅读次数：
107
课程目录:1-小册食用指南2-JS 基础知识点及常考面试题（一）3-JS 基础知识点及常考面试题（二）4-ES6 知识点及常考面试题5-JS 异步编程及常考面试题6-手写 Promise7-Event Loop8-JS 进阶知识点及常考面试题9-JS 思考题10-DevTools Tips11-浏览 ...
分类：
其他好文 时间：
2019-10-29 23:17:17
阅读次数：
113
作为一个web开发人员免不了去和浏览器打交道,前端人员更是如此. 测试人员可能在代码测试的时候容易定位,问题出现在哪里. 不过供桌中常用的可能就是几个,比如前端人员经常看控制面板调试问题,打印后台数据等. 详细了解 开发工具面板更有利于我们了解浏览器,一个网页的优化. 根据谷歌官方的文档整理一系列关 ...
分类：
其他好文 时间：
2019-10-27 12:23:25
阅读次数：
66
一、前言 spring-boot-devtools是一个为开发者服务的一个模块，其中最重要的功能就是自动应用代码更改到最新的App上面去。原理是在发现代码有更改之后，重新启动应用，但是速度比手动停止后再启动还要更快，更快指的不是节省出来的手工操作的时间。 其深层原理是使用了两个ClassLoader ...
分类：
编程语言 时间：
2019-10-26 16:53:46
阅读次数：
94
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 根据以上网页下载自己电脑相应的版本的微信开发者工具（目录自己创建），然后进行运行安装（建议下载安装） 微信小程序和app比较相似的方式，都可以这个模式进行开 ...
分类：
微信 时间：
2019-10-23 12:03:56
阅读次数：
278
1、下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools 2、解压此文件夹 3、用命令提示符或编译器进入此文件夹 4、在文件夹下依次运行（可以在命令提示符窗口也可在编译器中）： I、npm install安装所需要的依赖 II、npm run ...
分类：
其他好文 时间：
2019-10-17 14:20:49
阅读次数：
1239
如果是vue写的项目，谷歌浏览器右上角的vue小图标会亮起！下面介绍如何安装 1、谷歌浏览器插件商店可以点击安装【需要梯子】 2、vue官网有对应的安装包，需要自己手动 npm run build 一下 更改一个参数！ 下面介绍如何 使用第二种方法： 1、在github下载devtools源码，地址 ...
分类：
Web程序 时间：
2019-10-16 17:41:57
阅读次数：
99
