第2天 学习读书推荐：前端开发不可或缺的实用工具和精华网站????

一些日常生活中前端写页面经常会用的网站及资料查询网站

1.GitHub

GitHub是一个面向开源及私有软件项目的托管平台，因为只支持git作为唯一的版本库格式进行托管，故名GitHub。在GitHub里你可以将你写的代码存放在GitHub创建的库里。简单来说，GitHub是一个代码托管云服务网站，主要用于软件开发者存储和管理其项目源代码，且能够追踪、记录并控制用户对其代码的修改。甚至你可以简单粗暴的把它当作一个网盘，用来存储任何东西。

GitHub网址

每个人都可以在GitHub创建账号，然后将自己的项目存放在这里，同时在这里你还可以看到其他大佬写的项目，然后加以学习。

注意的是GitHub网站可能打不开，这时候就需要加速器进行加速打开。我用的是Watt Toolkit

这是我的GitHub网址链接

2.Watt Toolkit

「Watt Toolkit」是一个开源跨平台的多功能游戏工具箱。 网络加速使用 YARP.ReverseProxy 开源项目进行本地反代来支持更快的访问游戏网站。脚本配置通过加速服务拦截网络请求将一些JS脚本注入在网页中，提供类似网页插件的功能。我感觉这个加速器免费又好用很适合进入一些外网网站。

Watt Toolkit官网链接

或者直接在微软商店里搜索Watt Toolkit软件进行下载

3.图片在线处理工具

图片在线压缩

tinypng是一个完全免费压缩图片的网站，在写页面的时候，图片可能太大占太多空间，可以将图片进行压缩再使用。

图片在线解压

UNRAR Online是一个可以在线免费解压图片或者其他文件的网站，在这个网站你也可以实现tinypng的压缩功能。

图片转换成Base64码

图片在线转换base64编码 在我们写小程序或者写页面调用网站图片时，有时候可能浏览器不允许从外部调入图片，如果我们将图片转换成Base64码就不存在这个问题。同时这个网站包含许多其他有意思JSON工具和转换器。

图片在线修改大小

改图宝可以在线修改图片像素及尺寸、裁剪、压缩文件大小及处理各类考试网上报名照片及证件照。

4.FastMock接口创建

fastmock可以让你在没有后端程序的情况下能真实地在线模拟ajax请求你可以用fatmock实现项目初期纯前端的效果演示，也可以用fastmock实现开发中的数据模拟从而实现前后端分离。

5.马克鳗测量页面布局，页面做到精细的效果

马克鳗是一款很好用的标注、测量工具，前端必备神器。当我们没有设计图，要做到和页面效果一模一样，就需要通过马克鳗测量每个块之间的宽度，高度，和距离,使页面做到尽可能的与效果图一致。

6.阿里的iconfont图标库

iconfont是由阿里巴巴体验团队倾力打造的中国第一个最大且功能最全的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。内含矢量图标近百万个，是设计师和前端开发的便捷工具。. 在我们需要图标的时候直接输入关键字搜索即可，例如：输入“高跟鞋”，便找到了359个相关图标，图标颜色可以根据喜好自行调配。下载格式支持SVG、AI、PNG。同时，Iconfont是一个去中心化的平台，支持用户自行上传图标、收藏图标以及管理项目图标，总体而言非常实用。

7.codepan在线代码编辑

codepan可用于制作测试页面、代码调试。CodePen（代码笔）一款前端所见即所得的工具，我们可以在线编辑制作前端页面，所见即所得。同时网站提供所有常见的 js、css 库，并且支持流行技术（如 SASS），免去了我们自建平台的麻烦。我们甚至可以本地修改并即时预览别人的作品。支持多种主流预处理器。

 以下的网站，纯粹是我个人觉得查资料比较快捷方便，同时里面解释很详细。

8.学习网站资料汇总

1. MDN

2. w3school