随笔分类 - 开发工具
摘要:一、Chrome DevTools 简介 Chrome 开发者工具是一套内置于Google Chrome中的Web开发和调试工具,可用来对网站进行迭代、调试和分析 手册:Chrome 开发者工具中文手册、Chrome 开发者工具官网 打开Chrome开发者工具 在Chrome菜单中选择:更多工具 开
阅读全文
摘要:介绍 ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误 "ESLint中文文档" 使用webpack模式的安装的vue cli脚手架,可以选择一起安装ESLint,当然也可以自己单独安装使用 安装 本地安装 全局安装
阅读全文
摘要:一、babel介绍 ①Babel 是一个 JavaScript 编译器,可以把ES6的语法转为兼容浏览器的ES5语法 ②Babel中文官网:https://www.babeljs.cn/ ③Babel可以单独使用,但是一般都是和webpack结合一起使用 二、webpack里使用babel 1、ba
阅读全文
摘要:一、概况 ①webpack不仅可以打包JavaScript模块,甚至它把网页开发中的一切资源的都可以当作模块来打包处理 ②但是webpack本身不支持,它只是一个打包平台,其他资源,例如css、less、sass、img等资源需要结合插件来实现,这些插件在webpack里被称为loader(加载器)
阅读全文
摘要:一、概念 ①本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler) ②当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个
阅读全文
摘要:一、安装 ①安装Git管理工具,可上官网安装,下载地址https://git-scm.com/,安装路径默认C:\Program Files\Git ②在GitHub上注册账号,并且建立了一个仓库 二、基本使用 ①全局配置:名字和邮箱,因为每一次提交都需要这些信息 ②创建版本库:在项目文件里面git
阅读全文
摘要:一、介绍 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软
阅读全文
摘要:LICEcap 非常轻量级,安装包不到 500KB。运行后会以窗口的方式显示在桌面,拖动选取一个合适的大小范围,点击 Record 选取保存路径就开始录屏了。LICEcap 在录屏过程中可以随时拖动窗口改变录屏范围,Stop 过后自动保存为 GIF 格式。 下载地址: 官方主页
阅读全文
摘要:W3C统一验证工具(http://validator.w3.org/)用于分析代码. PR值全称为PageRank(网页级别),PR值是Google用于标识网页的等级、重要性、网站的好坏的重要标准之一。级别从0到10级为满分。PR值越高说明该网页越受欢迎。 例如:一个PR值为1的网站表明这个网站不太
阅读全文
摘要:1.怎么找到网站的图标: 网址/favicon.ico 代码引入 后续待补充>... 2.转换ico图标网站——比特虫(http://www.bitbug.net/)
阅读全文