border邊框線性漸變，zb怎么改變界面顏色？

zb改變界面顏色方法如下：

1打開ZBrush軟件，可看到窗口上有一些模型窗口，鼠標(biāo)左鍵單擊一個(gè)人物模型，

2

/6

接著，在視圖中，拖動(dòng)繪制出一個(gè)人物模型出來，

3

/6

然后，可以選擇旋轉(zhuǎn)工具，把人物進(jìn)行旋轉(zhuǎn)，但人物模型的顏色，看不清楚，可以換個(gè)顏色，

4

/6

接著，選擇左邊工具欄中的顏色窗口，選取一個(gè)顏色，

5

/6

然后，選擇一個(gè)好看的顏色，這里選取了藍(lán)顏色，這樣人物模型也就修改了顏色，

6

/6

最后，可以鼠標(biāo)左鍵單擊材質(zhì)按鈕，查看人物模型個(gè)體顯示，通過簡單的操作，這樣模型修改好顯示顏色了。

前端頁面的插件有哪些？

工具類

方便操作對象，數(shù)組等的工具庫

underscore.js

lo-dash 與underscore.js的api基本一致。與underscore比其優(yōu)勢是，效率高；可自定義構(gòu)建

Sugar 在原生對象上增加一些工具方法

functional.js 提夠了一些Curry的支持

Watch.js 監(jiān)視對象或?qū)傩缘淖兓?/p>

bacon.js 函數(shù)式編程，cool

streamjs 用流的方式來對數(shù)組，對象進(jìn)行系列操作

異步流程控制

eventproxy 樸靈出品

Arbiter.js 詳細(xì)

發(fā)布訂閱

q Promise風(fēng)格的

Async.js

mock

Mock.js 生成隨機(jī)數(shù)據(jù)和mock Ajax 請求

jquery-mockjax mock ajax請求

時(shí)間庫

moment

datejs

瀏覽器探測

Bowser 探測具體瀏覽器和版本

ua-parser-js 探測具體瀏覽器和版本，操作系統(tǒng)，設(shè)備類型等

調(diào)試

console-polyfill 能放心的使用 console.log()之類的console方法

log 讓控制臺(tái)輸出的log有樣式

Konsole.js 在頁面的一個(gè)元素里輸出log信息 詳細(xì)

uri.js uri操作

cookie 增刪改cookie的工具庫

director 前端路由庫 詳細(xì)

BigDecimal.js 提高精度的數(shù)字操作

JSDoc 根據(jù)javascript文件中注釋的信息，生成API文檔 詳細(xì)

hotkeys 鍵盤事件的封裝

MD5 用 MD5 的方式加密文件的庫

瀏覽器增強(qiáng)類

讓一些舊瀏覽器變牛逼的庫

Selectivizr 讓IE 6-8一些的css3選擇器

ieBetter 讓ie6-8有高級瀏覽器的特性

ExplorerCanvas 讓IE8-的瀏覽器支持canvas

CSS3 Pie 讓IE6-9支持border-radious,box-shadow,linear-gradient。 可以使用.htc文件（注意Mine type）或.js文件。在用Pie.js時(shí)，box-radious的元素有背景色時(shí)，不顯示背景色。。。

formFive 讓舊的瀏覽器支持HTML5表單的一些特性，如 placeholder,autofocus

https://github.com/anselmh/object-fit 讓瀏覽器支持object-fit這css規(guī)則

HTML5 Cross Browser Polyfills 一堆Polyfills

flexibility 讓舊的 IE 也支持 Flexbox

選擇器增強(qiáng)

Lining.js 讓瀏覽器實(shí)現(xiàn)類似::nth-line(), ::nth-last-line()的效果

未歸類

prefixfree 用了它，寫css時(shí)，就不需要加瀏覽器的前綴了

表單類

jQuery-file-upload 上傳文件組件 詳細(xì)

zTree 文件樹形視圖控件

Treed 樹編輯器。感覺展示的感覺很像思維導(dǎo)圖

FileAPI 對文件選擇框內(nèi)的文件的一些處理

表單驗(yàn)證

.Validate 詳細(xì)

jquery-Validation-Engine

表單元素美化

uniform 提供對下拉框，單，復(fù)選框，按鈕等表單元素的美化

select2 多選下拉框

selectivity 和unfirom比較類似

DropKick 下拉框，單，多選。外觀比uniform好

switchery ios7風(fēng)格的開關(guān)組件

nouislider 用滾動(dòng)條來設(shè)置/控制（音量等）

range.css 美化input[type=range]元素的外觀

圖片類

holderjs 生成占位圖片

lazyload

imagesLoaded 選取的圖片都加載好后執(zhí)行調(diào)回

CSSgram 用CSS3的Filter實(shí)現(xiàn)Instagram濾鏡的庫

圖標(biāo)類

Icon Font匯總

SVG做的圖標(biāo)

svgicons

iconic

HYBICON 帶交互效果。如 hover, click

HTML字符實(shí)體圖標(biāo)

http://www.amp-what.com/

transformicons 圖標(biāo)點(diǎn)擊時(shí)，會(huì)有一些變換效果。如，加號變成叉號

css3patterns css3 做的可平鋪紋理。瀏覽器兼容性不好。

瀏覽圖片

fancybox 彈出查看圖片，視屏等等 demo

yoxview 彈出查看圖片，圖片尺寸縮放很自然

圖片墻

wookmark

UI 框架

WeUI 由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信 Web 開發(fā)量身設(shè)計(jì)。

Framework7

UI 組件類

拖拽

dragula 支持Draggable，Dropable和Sortable。感覺比jqueryUI的輕量級，好用的樣子

angular-dragula dragular 官方的 angular 版本

數(shù)據(jù)可視化(圖表)

Echarts 百度出品

highcharts 功能強(qiáng)大。是收費(fèi)的。

Plottable.JS 基于D3的一個(gè)圖表庫

flot 文檔不給力

chartJs 中文文檔 demo很漂亮，很清晰。比較輕量級。

ichartJs 中國的一個(gè)家伙搞的，感覺還不錯(cuò)。

時(shí)間選取組件

foundation-datepicker

DatePicker 一個(gè)簡單的日歷 詳細(xì)

full calendar 支持脫放的方式來改變待辦事宜的時(shí)間

Simple Events Calendar 外觀很喜歡。收費(fèi) 5$

jQuery ui datepicker 經(jīng)典，不是很好看

pickadate 輕量級，手機(jī)友好的，漂亮。但貌似只能在彈出層中顯示，而沒有下拉這種方式顯示。

zebra-datepicker 可配置性很強(qiáng)。但貌似只能在彈出在右上方。。。

Bootstrap-datepicker bootstrap風(fēng)格。

dateRangePicker 選取時(shí)間段。bootstrap風(fēng)格。該組件依賴Twitter Bootstrap, Moment.js和jQuery.

自定義滾動(dòng)條

perfect scrollbar 輕量級的滾動(dòng)條。外觀與mac上chrome的滾動(dòng)條一樣。

iscroll 在移動(dòng)設(shè)備上用不錯(cuò)

加載(Loding)效果

CSS Spinners CSS做的

Loaders.css CSS做的

表格組件

jsGrid Data Grid。 詳細(xì)

backgrid 基于Backbone.js的DataGrid

excellentexport 把表格的內(nèi)容生成excel。兼容 Firefox, Chrome, IE6+

datatables 表格可交互（對內(nèi)容進(jìn)行排序，刪除等）

handsontable 生成Excel外觀的數(shù)據(jù)

JSpreadsheets 表格數(shù)據(jù)的組件庫

選取顏色

Spectrum

分享到SNS

JiaThis 生成分享代碼。

編輯器

ace 代碼編輯器，可以用來做demo演示

ckeditor

ueditor 百度做的

tinymce 對html內(nèi)容進(jìn)行實(shí)時(shí)的編輯

summernote 在移動(dòng)設(shè)備上用不錯(cuò)

通知組件

notie.js

HTML5播放器

jwplayer 被大量網(wǎng)站使用

html5media 簡單的h5player，輕量級

jplayer 功能強(qiáng)太，可換膚

展示

Impress.js 各種旋轉(zhuǎn)，和奇特的體驗(yàn)

fullPage 全屏顯示。用滾輪來翻頁 詳細(xì)

zepto.fullpage 專注于移動(dòng)端的fullPage.js，依賴Zepto

pagePiling 和fullPage類似

turn.js 做一本書，帶漂亮的翻頁的效果

幻燈

slidesjs 挺好用的，只是那幻燈導(dǎo)航的CSS都要自己寫，呵呵 詳細(xì)

iSlider 無任何插件依賴的手機(jī)平臺(tái)javascript滑動(dòng)組件 詳細(xì)

bgstretcher 全屏幻燈，會(huì)隨著頁面大小的變化而變化。

Swiper 開源、免費(fèi)、強(qiáng)大的移動(dòng)端觸摸滑動(dòng)插件 Swiper中文網(wǎng)

coin-slider 兼容IE6。蠻好的~。不過其切換方式是一塊塊的。不能配置切換方式。。。

wowslider 幻燈切換時(shí)各種很炫的效果。收費(fèi)。

cycle2 普通的幻燈，竟然不支持垂直滾動(dòng)。。。

jcarousel 普通的幻燈，不兼容IE6

reveal 3d滾動(dòng)。做ppt相當(dāng)不錯(cuò)

nodePPT 國人做的，做ppt也相當(dāng)不錯(cuò)。有些方面比 reveal做的還好。但生成導(dǎo)出的html有些問題

roundabout 3d切換，看的后面圖片的邊

彈出框

Magnific-Popup 兼容PC，Mobile。還不錯(cuò)，有5k+的star

layer 國人開發(fā)的，兼容ie6+。不喜歡其調(diào)用方式。

動(dòng)畫效果

mixitup 用漂亮的動(dòng)畫效果來完成排序和篩選

jQuery.Marquee 跑馬燈效果

quickflip 卡片翻轉(zhuǎn)效果

卡片翻轉(zhuǎn)效果2 兼容性可以。寫的比較簡單：1，只支持x方向翻轉(zhuǎn) 2,類名都是規(guī)定好的 3，只能被調(diào)用一次。 需要改寫一下。我的改進(jìn)版見這里

TheaterJS 模擬兩個(gè)人在屏幕上對話

midnight.js 文字顏色隨著背景變，屌炸了

color-animation jquery的顏色漸變動(dòng)畫插件。jquery的動(dòng)畫不支持顏色值的變化。改庫提供了這個(gè)支持。

transit 對元素進(jìn)行css的變換

tagcanvas 3D標(biāo)簽云效果 詳細(xì)

iconate 圖片切換動(dòng)畫

Snap.js 左/右側(cè)導(dǎo)航的出現(xiàn)效果

CSS shake 抖動(dòng)動(dòng)畫

ClickSpark.js 點(diǎn)擊后的一些酷炫的效果

視覺差插件

scrollorama 比較簡單

superscrollorama 能做的效果更多，但要用第三方Tween的庫，使用起來比較復(fù)雜。

scrolldeck

flash

swfobj 能夠自動(dòng)檢測PC、Mac機(jī)器上各種主流瀏覽器對Flash插件的支持情況。它使得插入Flash媒體資源盡量簡捷、安全。而且它是非常符合搜索引擎優(yōu)化的原則的。此外，它能夠避免您的HTML、XHTML中出現(xiàn)object、embed等非標(biāo)準(zhǔn)標(biāo)簽，從而符合更加標(biāo)準(zhǔn)。 詳細(xì)

抽獎(jiǎng)

wScratchPad 刮刮卡刮獎(jiǎng)效果

jqueryrotate 旋轉(zhuǎn)插件。可以用來做轉(zhuǎn)盤抽獎(jiǎng)效果

用戶體驗(yàn)增強(qiáng)類

Intro.js 用來介紹網(wǎng)站的功能很不錯(cuò)。也可以做新手引導(dǎo)。

blockUI Lolding組件。

simple-hint 提示信息。用css做的。兼容性IE 9+。

dotdotdot 文字溢出時(shí)，添加在文字末尾加省略號

jQuery-menu-aim 二級菜單的切換如Amazon主頁上一樣迅速

AnythingZoomer 放大鏡功能

美化/高亮語法代碼

google-code-prettify

DlHighlight 僅支持JavaScript、CSS、XML、HTML 這4語法高亮

please 按要求隨機(jī)舒服的顏色

Awesomplete 輸入的智能提示，自動(dòng)補(bǔ)全

proTip 提示。感覺比 Bootstrap 的 tip 好

Hammerjs 手勢庫。封裝了 Swipe, Tap, Pinch, Pan等手勢

動(dòng)畫

velocity 提高Jquery動(dòng)畫的性能。以及顏色動(dòng)畫之類的新特性。

SVG

Snap.svg 操作 SVG 的 JS 庫。號稱 SVG 的 jQuery。demo

walkway 以動(dòng)畫的方式，漸漸地畫出 SVG 的路徑。

測試

Mocha

Chai

Should

Snoion

DeviceMock.js mock 設(shè)備。

其他類

ZeroClipboard 將內(nèi)容復(fù)制到剪切板兼容主流瀏覽器的解決方案 詳細(xì)

html2canvas html轉(zhuǎn)化成canvas，可以用來做截圖。詳細(xì)

Ink 響應(yīng)式html郵件框架

性能測試

抓取，解析RSS內(nèi)容（不能跨域，所以后臺(tái)要做代理，所謂的解析Rss其實(shí)就是解析xml）

jFeed

jRss 簡單版的jFeed

scriptcam 與攝像頭交互

cylon.js 機(jī)器人框架，支持35個(gè)平臺(tái)

Masonry 一個(gè)瀑布流框架

devices.css 移動(dòng)設(shè)備邊框的外觀。做原型的時(shí)候用不錯(cuò)。

Bootstrap相關(guān)類

Bootbox.js 對bootstrap的彈出框做的一些封裝

免費(fèi)皮膚

AdminLTE

JS Plugins倉庫

jQuery Cards 高質(zhì)量的 jQuery 插件網(wǎng)站

jster

node modules

npmrank Sort npm packages by page rank

YOU MIGHT NOT NEED JQUERY PLUGINS 不依賴 jQuery 的 js 插件。

awesome-nodejs

Libraries.io 各種語言的庫

OniUI 去哪兒網(wǎng)做的一套基于Avalon的框架

常用的移動(dòng)端框架

zepto.js

語法與jquery幾乎一樣，會(huì)jquery基本會(huì)zepto~

最新版本已經(jīng)更新到1.16

iscroll.js

解決頁面不支持彈性滾動(dòng)，不支持fixed引起的問題~

實(shí)現(xiàn)下拉刷新，滑屏，縮放等功能~

最新版本已經(jīng)更新到5.0

underscore.js

筆者沒用過，不過聽說好用，推薦給大家~

該庫提供了一整套函數(shù)式編程的實(shí)用功能，但是沒有擴(kuò)展任何JavaScript內(nèi)置對象。

最新版本已經(jīng)更新到1.8.2

滑屏框架

適合上下滑屏、左右滑屏等滑屏切換頁面的效果

slip.js

iSlider.js

fullpage.js

swiper.js

flex布局

flex布局目前可使用在移動(dòng)中，并非所有的語法都全兼容，效果良好~

為什么別人截圖邊框是圓弧？

業(yè)務(wù)場景需要一個(gè)邊框組件 三角邊框和一個(gè)角為圓弧的組件谷歌了一番 最多的是 四個(gè)角為直角 但是業(yè)務(wù)需求是三個(gè)角為直角和一個(gè)角為弧形 其余的時(shí)候?yàn)樗膫€(gè)角直角最終實(shí)現(xiàn):3.經(jīng)過N次修改改成的方案思路一開始看網(wǎng)絡(luò)上的 發(fā)現(xiàn)大部分都是用背景漸變完成的 不行 因?yàn)榛⌒蔚倪吙虮尘皾u變無法完成.開始使用偽類來解決問題 弧形用圖片解決 不行 因?yàn)轫?xiàng)目是大屏一旦放到大屏上圖片弧形的就會(huì)出現(xiàn)像素模糊再加上切圖困難 放棄沒辦法 只能用 div 解決 弧形就用 border-radius 來解決問題具體解決只能用div做的話 一下子變得簡單起來了首先我們先做一個(gè)div邊框作為為外層的邊框在做四個(gè)作為角的邊框?qū)χ膫€(gè)角用相對路徑進(jìn)行定位需要less的calc()方法進(jìn)行精確計(jì)算用props進(jìn)行傳值用sloit作為內(nèi)容插槽需要參數(shù)和參數(shù)作用arc: border-radius 邊框彎曲弧度 比如你是右下角彎曲就傳值 '0 0 20px 0'arcSrc： 共有 topLeft topRight bottomLeft bottomRight 這些參數(shù) 比如你是右下角彎曲就傳值 'bottomRight'colors： 顧名思義這是邊框顏色 因?yàn)?邊框和四個(gè)角的顏色不同所以就需要連個(gè)顏色 比如內(nèi)邊框?yàn)?2d6c90 四角的邊框顏色為#153a4f 你應(yīng)該傳值: ['#2d6c90','#153a4f']完成具體代碼可以點(diǎn)擊我的github地址 因?yàn)橛玫氖莄ss-model大家可以根據(jù)具體業(yè)務(wù)進(jìn)行修改 難是不難 主要的是思路~~~github地址點(diǎn)擊

學(xué)習(xí)web前端開發(fā)？

黑馬程序員web前端中級程序員學(xué)習(xí)路線圖，含配套視頻，前端工具，源碼等。

黑馬程序員學(xué)習(xí)路線圖及能掌握的能力（總，以下會(huì)分階段，加上配套學(xué)習(xí)視頻，小伙伴可繼續(xù)往下看！）

第一階段：HTML5+css

配套學(xué)習(xí)視頻：

前端小白零基礎(chǔ)入門HTML5+CSS3

第二階段：移動(dòng)web網(wǎng)頁開發(fā)

配套學(xué)習(xí)視頻：

2018移動(dòng)web進(jìn)階教程

第三階段：JavaScript網(wǎng)頁編程

配套學(xué)習(xí)視頻：

前端與移動(dòng)開發(fā)基礎(chǔ)入門到精通

javaScript零基礎(chǔ)通關(guān)必備教程

第四階段：Node.js與Ajax

配套學(xué)習(xí)視頻：

Nodejs教程精講

ajax從入門到精通

第五階段：vue.js項(xiàng)目實(shí)戰(zhàn)

配套學(xué)習(xí)視頻：

4小時(shí)+5個(gè)揀選案例讓你快速入門Vue.js

2018年Vue.js深入淺出教程

第六階段：微信小程序

配套學(xué)習(xí)視頻：

一天教你打造企業(yè)級微信小程序

微信小程序-個(gè)人語音接口功能

分分鐘快速入門小程序開發(fā)

零基礎(chǔ)玩轉(zhuǎn)微信小程序

2小時(shí)輕松實(shí)現(xiàn)人臉識別的小程序

第七階段：React.js項(xiàng)目實(shí)戰(zhàn)

配套學(xué)習(xí)視頻：

Reactjs入門教程

ReactJs精品教程

第八階段：框架階段與原理

第九階段：移動(dòng)APP開發(fā)

第十階段：node.js進(jìn)階

第十一階段：可視化游戲

第十二段階段：架構(gòu)與運(yùn)維

還有前端免費(fèi)工具下載

另外，關(guān)注加轉(zhuǎn)發(fā)，然后私聊我發(fā)送：前端，就能獲得上面這些資源咯。