前端當轉盤

① 求教一下什麼是 前端，解碼，耳放 。麻煩簡單介紹介紹 本人純新人 幾乎可以說是完全不懂。

目前最主流的回放音樂的方式是:讀取數字格式的音樂數據-之後通過數模轉換器轉化為電流信號-通過功率放大器放大-電流驅動揚聲器振動發聲。順序從前往後，現在你能理解前後端的含義了吧。除了磁帶、唱片等非主流方式外，其它例如：用手機/MP3/音效卡/cd機聽歌都是上述原理。
揚聲器包括耳機、音箱等，就是後端
應用在耳機上的功率放大器就是耳放，和音箱用功放原理結構相同，只是輸出功率、電流小了。耳放不是啥神器，普通音效卡或者MP3、手機中都有耳放，只不過一般是用運放實現的，音質上差些。
只起到數模轉化作用的就是解碼器（dac），解碼器需要連到電腦、CD轉盤等設備上接受數字信號。
如果解碼器和用於讀取CD數據的轉盤裝一塊，就成了CD機。
如果解碼器、耳放、快閃記憶體等裝一塊，就是MP3。
從解碼器開始的部分（DAC、轉盤），以及包括解碼器的（手機、MP3、cd機、音效卡等等）都算作是音源，也就是前端。
台機就是使用市電（220V）的體積較大的CD機、解碼器和/或耳放。因為無需在便攜和續航等問題上妥協，音質會好。
在HIFI圈，有條規律：集成度越高的越便宜，音質越差，反之亦然。例如任意一款手機，從前到後連揚聲器都有了，其功能和幾百萬的HIEND系統一樣，音質差了點而已；而當把最普通的便攜CD拆成：cd轉盤-信號線-解碼器-信號線-前級放大-信號線-後級放大，音質好了，價錢也上去了。

② 給PHA3做轉盤的話是買A35還是A37

A35足以，可以支持硬解DSD 2.8 MHz，5.6 MHz，理論上做數字轉盤的話無論是手機還是A35或者其他前端，用PHA3解碼效果都是一樣的。

③ 如圖是一個可以自由轉動的轉盤，當轉盤停止轉動時，指針落在的區域有幾種可能的結果指針落在什麼區域的

圓盤被平均分成6份，紅色有3份，黃色有2份，藍色的有1份，所以指針落在的區域可能是紅色、可能是黃色、還可能是藍色；有3種可能； 紅色份數最多，所以指針落在紅色區域的可能性大；藍色份數最少，所以指針落在藍色區域的可能性小． 答：指針落在的區域有3種可能的結果，指針落在紅色區域的可能性大，落在藍色區域的可能性小．

④ 前端頁面的插件有哪些

工具類

方便操作對象，數組等的工具庫

• underscore.js

• lo-dash與underscore.js的api基本一致。與underscore比其優勢是，效率高；可自定義構建

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

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

• Watch.js監視對象或屬性的變化

• bacon.js函數式編程，cool

• streamjs用流的方式來對數組，對象進行系列操作

非同步流程式控制制

• eventproxy朴靈出品

• Arbiter.js詳細

• 發布訂閱

• qPromise風格的

• Async.js

mock

• Mock.js生成隨機數據和mock Ajax 請求

• jquery-mockjaxmockajax請求

時間庫

• moment

• datejs

瀏覽器探測

• Bowser探測具體瀏覽器和版本

• ua-parser-js探測具體瀏覽器和版本，操作系統，設備類型等

調試

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

• log讓控制台輸出的log有樣式

• Konsole.js在頁面的一個元素里輸出log信息詳細

• uri.jsuri操作

• cookie增刪改cookie的工具庫

• director前端路由庫詳細

• BigDecimal.js提高精度的數字操作

• JSDoc根據javascript文件中注釋的信息，生成API文檔詳細

• hotkeys鍵盤事件的封裝

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

瀏覽器增強類

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

• 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時，box-radious的元素有背景色時，不顯示背景色。。。

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

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

• HTML5 Cross Browser Polyfills一堆Polyfills

• flexibility讓舊的 IE 也支持 Flexbox

選擇器增強

• Lining.js讓瀏覽器實現類似::nth-line(), ::nth-last-line()的效果

未歸類

• prefixfree用了它，寫css時，就不需要加瀏覽器的前綴了

表單類

• jquery-file-upload上傳文件組件詳細

• zTree文件樹形視圖控制項

• Treed樹編輯器。感覺展示的感覺很像思維導圖

• FileAPI對文件選擇框內的文件的一些處理

表單驗證

• .Validate詳細

• jQuery-Validation-Engine

表單元素美化

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

• select2多選下拉框

• selectivity和unfirom比較類似

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

• switcheryios7風格的開關組件

• nouislider用滾動條來設置/控制（音量等）

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

圖片類

• holderjs生成占點陣圖片

• lazyload

• imagesLoaded選取的圖片都載入好後執行調回

• CSSgram用CSS3的Filter實現Instagram濾鏡的庫

圖標類

• Icon Font匯總

• SVG做的圖標

• svgicons

• iconic

• HYBICON帶交互效果。如 hover, click

• HTML字元實體圖標

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

• transformicons圖標點擊時，會有一些變換效果。如，加號變成叉號

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

瀏覽圖片

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

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

圖片牆

• wookmark

UI 框架

• WeUI由微信官方設計團隊為微信 Web 開發量身設計。

• Framework7

UI 組件類

拖拽

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

• angular-draguladragular 官方的 angular 版本

數據可視化(圖表)

• Echarts網路出品

• highcharts功能強大。是收費的。

• Plottable.JS基於D3的一個圖表庫

• flot文檔不給力

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

• ichartJs中國的一個傢伙搞的，感覺還不錯。

時間選取組件

• foundation-datepicker

• DatePicker一個簡單的日歷詳細

• full calendar支持脫放的方式來改變待辦事宜的時間

• Simple Events Calendar外觀很喜歡。收費 5$

• jQuery ui datepicker經典，不是很好看

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

• zebra-datepicker可配置性很強。但貌似只能在彈出在右上方。。。

• bootstrap-datepickerbootstrap風格。

• dateRangePicker選取時間段。bootstrap風格。該組件依賴Twitter Bootstrap, Moment.js和jQuery.

自定義滾動條

• perfect scrollbar輕量級的滾動條。外觀與mac上chrome的滾動條一樣。

• iscroll在移動設備上用不錯

載入(Loding)效果

• CSS SpinnersCSS做的

• Loaders.cssCSS做的

表格組件

• jsGridData Grid。詳細

• backgrid基於Backbone.js的DataGrid

• excellentexport把表格的內容生成excel。兼容 Firefox, Chrome, IE6+

• datatables表格可交互（對內容進行排序，刪除等）

• handsontable生成Excel外觀的數據

• JSpreadsheets表格數據的組件庫

選取顏色

• Spectrum

分享到SNS

• JiaThis生成分享代碼。

編輯器

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

• ckeditor

• ueditor網路做的

• tinymce對html內容進行實時的編輯

• summernote在移動設備上用不錯

通知組件

• notie.js

HTML5播放器

• jwplayer被大量網站使用

• html5media簡單的h5player，輕量級

• jplayer功能強太，可換膚

展示

• Impress.js各種旋轉，和奇特的體驗

• fullPage全屏顯示。用滾輪來翻頁詳細

• zepto.fullpage專注於移動端的fullPage.js，依賴Zepto

• pagePiling和fullPage類似

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

幻燈

• slidesjs挺好用的，只是那幻燈導航的CSS都要自己寫，呵呵詳細

• iSlider無任何插件依賴的手機平台javascript滑動組件詳細

• bgstretcher全屏幻燈，會隨著頁面大小的變化而變化。

• Swiper開源、免費、強大的移動端觸摸滑動插件Swiper中文網

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

• wowslider幻燈切換時各種很炫的效果。收費。

• cycle2普通的幻燈，竟然不支持垂直滾動。。。

• jcarousel普通的幻燈，不兼容IE6

• reveal3d滾動。做ppt相當不錯

• nodePPT國人做的，做ppt也相當不錯。有些方面比 reveal做的還好。但生成導出的html有些問題

• roundabout3d切換，看的後面圖片的邊

彈出框

• Magnific-Popup兼容PC，Mobile。還不錯，有5k+的star

• layer國人開發的，兼容ie6+。不喜歡其調用方式。

動畫效果

• mixitup用漂亮的動畫效果來完成排序和篩選

• jQuery.Marquee跑馬燈效果

• quickflip卡片翻轉效果

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

• TheaterJS模擬兩個人在屏幕上對話

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

• color-animationjquery的顏色漸變動畫插件。jquery的動畫不支持顏色值的變化。改庫提供了這個支持。

• transit對元素進行css的變換

• tagcanvas3D標簽雲效果詳細

• iconate圖片切換動畫

• Snap.js左/右側導航的出現效果

• CSS shake抖動動畫

• ClickSpark.js點擊後的一些酷炫的效果

視覺差插件

• scrollorama比較簡單

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

• scrolldeck

flash

• swfobj能夠自動檢測PC、Mac機器上各種主流瀏覽器對Flash插件的支持情況。它使得插入Flash媒體資源盡量簡捷、安全。而且它是非常符合搜索引擎優化的原則的。此外，它能夠避免您的HTML、XHTML中出現object、embed等非標准標簽，從而符合更加標准。詳細

抽獎

• wScratchPad刮刮卡刮獎效果

• jqueryrotate旋轉插件。可以用來做轉盤抽獎效果

用戶體驗增強類

• Intro.js用來介紹網站的功能很不錯。也可以做新手引導。

• blockUILolding組件。

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

• dotdotdot文字溢出時，添加在文字末尾加省略號

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

• AnythingZoomer放大鏡功能

• 美化/高亮語法代碼

• google-code-prettify

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

• please按要求隨機舒服的顏色

• Awesomplete輸入的智能提示，自動補全

• proTip提示。感覺比 Bootstrap 的 tip 好

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

動畫

• velocity提高Jquery動畫的性能。以及顏色動畫之類的新特性。

SVG

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

• walkway以動畫的方式，漸漸地畫出 SVG 的路徑。

測試

• Mocha

• Chai

• Should

• Snoion

• DeviceMock.jsmock 設備。

其他類

• ZeroClipboard將內容復制到剪切板兼容主流瀏覽器的解決方案詳細

• html2canvashtml轉化成canvas，可以用來做截圖。詳細

• Ink響應式html郵件框架

• 性能測試

• 抓取，解析RSS內容（不能跨域，所以後台要做代理，所謂的解析Rss其實就是解析xml）

• jFeed

• jRss簡單版的jFeed

• scriptcam與攝像頭交互

• cylon.js機器人框架，支持35個平台

• Masonry一個瀑布流框架

• devices.css移動設備邊框的外觀。做原型的時候用不錯。

Bootstrap相關類

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

• 免費皮膚

• AdminLTE

JS Plugins倉庫

• jQuery Cards高質量的 jQuery 插件網站

• jster

• node moles

• npmrankSort npm packages by page rank

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

• awesome-nodejs

• Libraries.io各種語言的庫

• OniUI去哪兒網做的一套基於Avalon的框架

常用的移動端框架

zepto.js

語法與jquery幾乎一樣，會jquery基本會zepto~

最新版本已經更新到1.16

iscroll.js

解決頁面不支持彈性滾動，不支持fixed引起的問題~

實現下拉刷新，滑屏，縮放等功能~

最新版本已經更新到5.0

underscore.js

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

該庫提供了一整套函數式編程的實用功能，但是沒有擴展任何JavaScript內置對象。

最新版本已經更新到1.8.2

滑屏框架

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

slip.js

iSlider.js

fullpage.js

swiper.js

flex布局

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

⑤ 為什麼很多人拿sony d100 當前端

d100有這么幾個優勢，

1. 情懷，索尼的情懷，d50的情懷；

2. 用干電池，比內置鋰電池的好處就是壽命久，鋰電池早晚有報廢的一天，而干電池用完就可以扔了；

3. 支持dsd硬解碼，可以作為一個廉價的dsd解碼器；

4. 可以錄音；

5. 推力還可以；
   

⑥ （2014杭州）讓圖中兩個轉盤分別自由轉動一次，當轉盤停止轉動時，兩個指針分別落在某兩個數所表示的區

列表如下：

	1	2	3	4
1	（1，1）	（2，1）	（3，1）	（4，1）
2	（1，2）	（2，2）	（3，2）	（4，2）
3	（1，3）	（2，3）	（3，3）	（4，3）
4	（1，4）	（2，4）	（3，4）	（4，4）

所有等可能的情況有16種，其中兩個數的和是2的倍數或3的倍數情況有10種，
則P=

10

16

=

5

8

．
故選：C．

⑦ 怎麼做一個簡單點的轉盤..急！！

• 步驟一：把一張硬卡片剪成圓形
  

• 步驟二：拿一根堅硬的、銳利的、細長的柱狀物穿過圓心。（比如說牙簽）
  

• 步驟三：如果轉不了，把卡片換成輕一點的圓形紙片，或者用一根粗糙一點的像牙簽的東西當轉軸。
  

• 效果：中間一根柱子，外面一張圓紙片。

⑧ js寫抽獎轉盤怎麼設置中獎幾率

js用向後端發送請求，然後後端通過一些演算法計算出要中的獎項或者旋轉的角度，返回到前端，js根據返回的獎項或者旋轉的角度，來決定最終停止的位置。

中獎幾率基本不寫在js里，因為js可以被破解和修改，都是寫在後端的。

⑨ 音響的除了前端和後端，還有中端嗎前端和後端怎麼理解。

前端開發主要是靜態用戶界面加上一些動態效果，不涉及數據邏輯！例如：一個登陸頁面： 前端開發只要做好靜態頁面部分，加上滑鼠移入輸入框、移出輸入框的顏色變化；但是輸入用戶名、密碼 後登錄系統的話要連接資料庫，這個就需要後台開發做邏輯處理了！

在我們實際的開發過程中，我們當前這樣定位前端、後端開發人員。
1)前端開發人員：精通JS，能熟練應用JQuery，懂CSS，能熟練運用這些知識，進行交互效果的開發。
2)後端開發人員：會寫Java代碼，會寫sql語句，能做簡單的資料庫設計，會Spring和iBatis，懂一些設計模式等。
現在來看，我們對前後端的要求還是蠻低的，尤其是後端，新員工經過培訓之後都是可以參與到後端開發的，沒有太高的技術門檻，唯一需要做的就是先變成熟練工種，這個階段沒有涉及到設計模式、架構、效率等一些列問題。
還是先google一下，看看網上對Web前端開發、Web後端開發分別是什麼?
Web前端:顧名思義是來做Web的前端的。我們這里所說的前端泛指Web前端，也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。
Web後端：後端更多的是與資料庫進行交互以處理相應的業務邏輯。需要考慮的是如何實現功能、數據的存取、平台的穩定性與性能等。
我們再來看看大公司對前後端人員招聘的要求，通過這個角度看看前端、後端的技術要求：
Web前端：
1)精通HTML，能夠書寫語義合理，結構清晰，易維護的HTML結構。
2)精通CSS，能夠還原視覺設計，並兼容業界承認的主流瀏覽器。
3)熟悉JavaScript，了解ECMAScript基礎內容，掌握1~2種js框架，如JQuery
4)對常見的瀏覽器兼容問題有清晰的理解，並有可靠的解決方案。
5)對性能有一定的要求，了解yahoo的性能優化建議，並可以在項目中有效實施。
6)......
Web後端：
1)精通jsp，servlet，javabean，JMS，EJB，Jdbc，Flex開發，或者對相關的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對Web開發的模式有較深的理解
2)練使用oracle、sqlserver、mysql等常用的資料庫系統，對資料庫有較強的設計能力
3)熟悉maven項目配置管理工具，熟悉tomcat、jboss等應用伺服器，同時對在高並發處理情況下的負載調優有相關經驗者優先考慮
4)精通面向對象分析和設計技術，包括設計模式、UML建模等
5)熟悉網路編程，具有設計和開發對外API介面經驗和能力，同時具備跨平台的API規范設計以及API高效調用設計能力
6)......
從幾個公司的招聘要求可以看到，做Web開發，對前端和後端的要求是各自所不同的。而我們目前的實際情況，也和這個差不多，但是，我們無論在知識的掌握程度上，還是知識掌握的寬度上，都是不夠的。
首先，我們在前端缺乏積累，沒有沉澱，專業的前端技術的積累是從去年才開始的，同時，在前端也缺乏支撐與高手，所以，走起來比較困難。同時，前端人員培養的較少，一個原因是對前端了解太少，另外一個原因就是對前端與後端的工作比例估計不足。所幸，我們在這一年也在前端有了很快的進步，培養了幾個優秀的開發人員，有意識的解決了前端的用戶體驗，這都是可喜的。今年，需要更進一步，專業化。
其次，我們在後端發展的不夠寬，後端的知識體系已經比較完善，但是，很多應用點都沒有涉及到。同時，對現有技術框架的理解都不夠深入，太浮躁。我們目前的設計團隊在解決互聯網高並發、大數據量的存取上經驗與能力都還不足，需要正視這些問題。後端技術的發展需要更加的精進，以解決實際存在的問題為主。
最後，我們在前端、後端都缺乏熟練工，這會影響到開發的速度，同時，也不利於後期技術的研究