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:亲测,这样生成的短链接相比其他网站生成的短链接,字符数更少~推荐~
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。