前端有用的網址介紹

legendmohe 發布于2019-08-22 18:00 / 3137人閱讀

摘要：圖片壓縮網址介紹是一款圖片壓縮工具，壓縮率能達到以上，圖片在壓縮之前和之后幾乎看不出差別。在設計師人群中比較流行，現在介紹給廣大的程序員。

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：親測，這樣生成的短鏈接相比其他網站生成的短鏈接，字符數更少~~~推薦~~~

GPU云服務器云服務器前端介紹前端工程師自我介紹最有用的算法 python有用的庫

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/95398.html

前端開發學習-網址記錄

摘要：不是一下子能看完綜合使用編程是一番怎樣的體驗學習筆記網站前端開發基礎算法題如何優雅地使用如何優雅地使用零度博客碼農網伯樂在線什么是頁面渲染國外先更到這，還有太多網址，先歸類一下再補充。最近在復習JavaScript知識時遇到以前就不懂的閉包、上下文，雖然比以前理解深了一點，但還是懵，想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

CatalpaFlat 2019-08-29 11:31 評論0 收藏0
前端開發學習-網址記錄

摘要：不是一下子能看完綜合使用編程是一番怎樣的體驗學習筆記網站前端開發基礎算法題如何優雅地使用如何優雅地使用零度博客碼農網伯樂在線什么是頁面渲染國外先更到這，還有太多網址，先歸類一下再補充。最近在復習JavaScript知識時遇到以前就不懂的閉包、上下文，雖然比以前理解深了一點，但還是懵，想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

anonymoussf 2019-08-20 12:06 評論0 收藏0
前端開發學習-網址記錄

摘要：不是一下子能看完綜合使用編程是一番怎樣的體驗學習筆記網站前端開發基礎算法題如何優雅地使用如何優雅地使用零度博客碼農網伯樂在線什么是頁面渲染國外先更到這，還有太多網址，先歸類一下再補充。最近在復習JavaScript知識時遇到以前就不懂的閉包、上下文，雖然比以前理解深了一點，但還是懵，想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

zhigoo 2019-08-01 15:54 評論0 收藏0
web前端關于瀏覽器兼容的一些知識和問題解決

摘要：瀏覽器兼容產生的原因因為不同瀏覽器使用內核及所支持的等網頁語言標準不同。很早以前搜索引擎優化百度百度專門給技術人員提供優化方案，是一本白皮書。被抓取的網頁被稱之為網頁快照。 showImg(https://segmentfault.com/img/bVY9Mu?w=383&h=194); 瀏覽器兼容為什么產生瀏覽器兼容，瀏覽器兼容問題什么是瀏覽器兼容；所謂的瀏覽器兼容性問題，是指...

daydream 2019-08-21 17:46 評論0 收藏0