前端有用的网址介绍

1.图片压缩网址：https://tinypng.com/

介绍：

Tinypng 是一款 PNG 图片压缩工具，压缩率能达到 50% 以上，图片在压缩以前和以后几乎看不出差异。Tinypng 在设计师人群中比较流行，如今介绍给广大的程序员。

据官网介绍，它的原理是经过合并图片中类似的颜色，经过将 24 位的 PNG 图片压缩成小得多的 8 位色值的图片，而且去掉了图片中没必要要的 metadata（元数据，从 Photoshop 等工具中导出的图片都会带有此类信息），这种方式几乎能完美支持原图片的透明度。

背景：

近两年作的项目大都是移动端的项目，众所周知，移动端对页面加载速度的要求是很高的，而通常设计提供的设计稿，很酷炫的图片又每每图层不少，致使切出来的图片很大，虽然项目打包的时候，会将图片压缩，可是在切图以后打包以前，在保证图片不失真的状况下，将图片先一步压缩，我的以为是颇有必要的~~~Tinypng就是一款我用的比较频繁的图片压缩工具，压缩率亲测能够达到50%以上（通常较大的图片能够达到百分之七八十，几乎无损）

使用方法：

登陆 Tinypng 官网（https://tinypng.com/），拖拽文件便可使用

2.element文档：http://element.eleme.io/#/zh-CN

介绍：
Element，一套桌面端组件库；界面简洁大方，代码干净，很是适合后台管理系统；以致于每次有B端的项目，我第一时间就会想到它；

优势：

经常使用的组件都有，table、分页、进度条、树形控件，单选复选框、弹框都有，能知足基本的需求

缺点：

扩展有点费劲

3.移动端UI

• Mint UI：基于 Vue.js 的移动端组件库
• iView：https://www.iviewui.com/overv...
• Vant：https://youzan.github.io/vant...
• Mand Mobile：https://didi.github.io/mand-m...

4.关于react

• react文档：
  https://chenyitian.gitbooks.i...
• react入门实例教程:
  http://www.ruanyifeng.com/blo...
• 基于React的UI库--Ant Design
  https://ant.design/index-cn

5.es6入门:
http://es6.ruanyifeng.com/

6.在线demo工具：
（1）http://jsfiddle.net
（2）http://jsbin.com
（3）https://codepen.io/pen

7.生成短连接
http://suo.im
ps：亲测，这样生成的短连接相比其余网站生成的短连接，字符数更少~推荐~