资讯专栏INFORMATION COLUMN

前端有用的网址介绍

legendmohe / 3014人阅读

摘要:图片压缩网址介绍是一款图片压缩工具,压缩率能达到以上,图片在压缩之前和之后几乎看不出差别。在设计师人群中比较流行,现在介绍给广大的程序员。

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95398.html

相关文章

  • 前端开发学习-网址记录

    摘要:不是一下子能看完综合使用编程是一番怎样的体验学习笔记网站前端开发基础算法题如何优雅地使用如何优雅地使用零度博客码农网伯乐在线什么是页面渲染国外先更到这,还有太多网址,先归类一下再补充。 最近在复习JavaScript知识时遇到以前就不懂的闭包、上下文,虽然比以前理解深了一点,但还是懵,想缓一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

    CatalpaFlat 评论0 收藏0
  • 前端开发学习-网址记录

    摘要:不是一下子能看完综合使用编程是一番怎样的体验学习笔记网站前端开发基础算法题如何优雅地使用如何优雅地使用零度博客码农网伯乐在线什么是页面渲染国外先更到这,还有太多网址,先归类一下再补充。 最近在复习JavaScript知识时遇到以前就不懂的闭包、上下文,虽然比以前理解深了一点,但还是懵,想缓一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

    anonymoussf 评论0 收藏0
  • 前端开发学习-网址记录

    摘要:不是一下子能看完综合使用编程是一番怎样的体验学习笔记网站前端开发基础算法题如何优雅地使用如何优雅地使用零度博客码农网伯乐在线什么是页面渲染国外先更到这,还有太多网址,先归类一下再补充。 最近在复习JavaScript知识时遇到以前就不懂的闭包、上下文,虽然比以前理解深了一点,但还是懵,想缓一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

    zhigoo 评论0 收藏0
  • web前端 关于浏览器兼容一些知识和问题解决

    摘要:浏览器兼容产生的原因因为不同浏览器使用内核及所支持的等网页语言标准不同。很早以前搜索引擎优化百度百度专门给技术人员提供优化方案,是一本白皮书。被抓取的网页被称之为网页快照。 showImg(https://segmentfault.com/img/bVY9Mu?w=383&h=194); 浏览器兼容 为什么产生浏览器兼容,浏览器兼容问题什么是浏览器兼容; 所谓的浏览器兼容性问题,是指...

    daydream 评论0 收藏0

发表评论

0条评论

legendmohe

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<