4

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

4.关于react

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:亲测,这样生成的短链接相比其他网站生成的短链接,字符数更少~推荐~


master633
12 声望0 粉丝