共计 18 篇文章

Android使用chrome inspect调试页面(多图)

打开usb调试:设置->开发者选项->usb调试按钮打开  如果没有开发者选项的按钮,需要先启用开发者权限:设置->找到系统信息->编译编号(连续点击七次,中间应该会出现toast提示)chrome打开控制台,setting界面打开Discover USB devices复选框3.  此时用数据线将手机连接至电脑, ...

前端性能优化清单

静态资源 图像优化 WebP 图片压缩神器 使用字体代替icon 延迟加载 合理使用图片尺寸,如果用到小图片,就使用相应大小的图片,而不是将200x200的缩小为100x100。否则这其中就有(200x200)-(100x100)=30000个像素是浪费的,这占到了图片尺寸的75%! <img width=" ...

JavaScript基础知识(1)- 数据类型

JavaScript规定了几种语言类型最新的 ECMAScript 标准定义了 7 种数据类型:6 种原始类型:BooleanNullUndefinedNumberStringSymbol (ECMAScript 6 新定义)和 ObjectJavaScript中的变量在内存中的具体存储形式在JS中,每一个数据都需要一个内存空间。内存空间又被分为两种,栈内存(stock)与堆内存(heap)。基础数据类型与栈内存JS中的基础数据类型, ...

[教程]配置高颜值chrome控制台主题

适用于chrome (高版本56+),低版本其实装个主题就能用了。现在也没几个用低版本的了。先上效果图 chrome://flags/开发者实验工具, 设置 dev-tool为开启状态3. 开启用户自定义控制台主题权限4. chrome应用商店安装对应的主题,以Material Design Theme for Chrome Devtools为例:https://chrome. ...

如何申请一个免费的ssl证书

网上有很多教程,但是对于纯小白来说还是有蛮多坑的(比如我),所以还是有必要记录一下我踩过的坑吧?什么是 Let’s EncryptLet’s Encrypt 是国外一个公共的免费 SSL 项目,由 Linux 基金会托管。它的来头不小,由 Mozilla、思科、 ...

npm依赖分析

转载请注明出处: https://jsjsjs.icu/直接上图npm2与npm3+ 安装依赖的区别npm在安装依赖包时,会将依赖包下载到当前的node_modules目录中。每个包安装过后都会有自己的node_modules吗?这又涉及到不同版本的npm其对包依赖的目录组织结构有所不同npm2因为 npm 设计的初衷就是考虑到了包依赖的版本错综复杂的关系,同一个包因为被依赖的关系原因会出现多个版本,简单地填充结构保证了无论是安装还是删除都会有统一的行为和结构npm3+按照 package.json 里依赖的顺序依次解析,遇到新的包就把它放在第一级目录, ...

发布一个自己的npm模块

转载请注明出处: https://jsjsjs.icu/npm发布包名不能有大写字母/空格/下滑线首次发布包执行 npm adduer 输入npm注册的账号再次发布可以执行 npm login 新发布一个包    1. npm init --save 初始化包的描述文件(其实是生成 package. ...