資訊專欄INFORMATION COLUMN
摘要：圖片壓縮網(wǎng)址介紹是一款圖片壓縮工具，壓縮率能達(dá)到以上，圖片在壓縮之前和之后幾乎看不出差別。在設(shè)計(jì)師人群中比較流行，現(xiàn)在介紹給廣大的程序員。
1.圖片壓縮網(wǎng)址：https://tinypng.com/
介紹：
Tinypng 是一款 PNG 圖片壓縮工具，壓縮率能達(dá)到 50% 以上，圖片在壓縮之前和之后幾乎看不出差別。Tinypng 在設(shè)計(jì)師人群中比較流行，現(xiàn)在介紹給廣大的程序員。
據(jù)官網(wǎng)介紹，它的原理是通過合并圖片中相似的顏色，通過將 24 位的 PNG 圖片壓縮成小得多的 8 位色值的圖片，并且去掉了圖片中不必要的 metadata（元數(shù)據(jù)，從 Photoshop 等工具中導(dǎo)出的圖片都會帶有此類信息），這種方式幾乎能完美支持原圖片的透明度。
背景：
近兩年做的項(xiàng)目大都是移動端的項(xiàng)目，眾所周知，移動端對頁面加載速度的要求是很高的，而一般設(shè)計(jì)提供的設(shè)計(jì)稿，很酷炫的圖片又往往圖層很多，導(dǎo)致切出來的圖片很大，雖然項(xiàng)目打包的時(shí)候，會將圖片壓縮，但是在切圖之后打包之前，在保證圖片不失真的情況下，將圖片先一步壓縮，個(gè)人覺得是很有必要的~~~Tinypng就是一款我用的比較頻繁的圖片壓縮工具，壓縮率親測可以達(dá)到50%以上（一般較大的圖片可以達(dá)到百分之七八十，幾乎無損）
使用方法：
登錄 Tinypng 官網(wǎng)（https://tinypng.com/），拖拽文件即可使用
2.element文檔：http://element.eleme.io/#/zh-CN
介紹：
Element，一套桌面端組件庫；界面簡潔大方，代碼干凈，非常適合后臺管理系統(tǒng)；以至于每次有B端的項(xiàng)目，我第一時(shí)間就會想到它；
優(yōu)點(diǎn)：
常用的組件都有，table、分頁、進(jìn)度條、樹形控件，單選復(fù)選框、彈框都有，能滿足基本的需求
缺點(diǎn)：
擴(kuò)展有點(diǎn)費(fèi)勁
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.關(guān)于react
react文檔：
https://chenyitian.gitbooks.i...
react入門實(shí)例教程:
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：親測，這樣生成的短鏈接相比其他網(wǎng)站生成的短鏈接，字符數(shù)更少~推薦~
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/95398.html
摘要：不是一下子能看完綜合使用編程是一番怎樣的體驗(yàn)學(xué)習(xí)筆記網(wǎng)站前端開發(fā)基礎(chǔ)算法題如何優(yōu)雅地使用如何優(yōu)雅地使用零度博客碼農(nóng)網(wǎng)伯樂在線什么是頁面渲染國外先更到這，還有太多網(wǎng)址，先歸類一下再補(bǔ)充。 最近在復(fù)習(xí)JavaScript知識時(shí)遇到以前就不懂的閉包、上下文，雖然比以前理解深了一點(diǎn)，但還是懵，想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...
摘要：不是一下子能看完綜合使用編程是一番怎樣的體驗(yàn)學(xué)習(xí)筆記網(wǎng)站前端開發(fā)基礎(chǔ)算法題如何優(yōu)雅地使用如何優(yōu)雅地使用零度博客碼農(nóng)網(wǎng)伯樂在線什么是頁面渲染國外先更到這，還有太多網(wǎng)址，先歸類一下再補(bǔ)充。 最近在復(fù)習(xí)JavaScript知識時(shí)遇到以前就不懂的閉包、上下文，雖然比以前理解深了一點(diǎn)，但還是懵，想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...
摘要：不是一下子能看完綜合使用編程是一番怎樣的體驗(yàn)學(xué)習(xí)筆記網(wǎng)站前端開發(fā)基礎(chǔ)算法題如何優(yōu)雅地使用如何優(yōu)雅地使用零度博客碼農(nóng)網(wǎng)伯樂在線什么是頁面渲染國外先更到這，還有太多網(wǎng)址，先歸類一下再補(bǔ)充。 最近在復(fù)習(xí)JavaScript知識時(shí)遇到以前就不懂的閉包、上下文，雖然比以前理解深了一點(diǎn)，但還是懵，想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...
摘要：瀏覽器兼容產(chǎn)生的原因因?yàn)椴煌瑸g覽器使用內(nèi)核及所支持的等網(wǎng)頁語言標(biāo)準(zhǔn)不同。很早以前搜索引擎優(yōu)化百度百度專門給技術(shù)人員提供優(yōu)化方案，是一本白皮書。被抓取的網(wǎng)頁被稱之為網(wǎng)頁快照。 showImg(https://segmentfault.com/img/bVY9Mu?w=383&h=194); 瀏覽器兼容 為什么產(chǎn)生瀏覽器兼容，瀏覽器兼容問題什么是瀏覽器兼容； 所謂的瀏覽器兼容性問題，是指...
閱讀 3859·2023-04-26 00:36
閱讀 2667·2021-11-16 11:44
閱讀 1082·2021-11-15 17:58
閱讀 1665·2021-09-30 09:47
閱讀 1208·2019-08-30 13:05
閱讀 1539·2019-08-30 12:55
閱讀 2409·2019-08-30 11:02
閱讀 2718·2019-08-29 17:01
