Ⅰ chrome如何添加js插件
在文件後綴名前面加上.user 再拖到chrome://extensions/中，如super_preloader.user.js
Ⅱ 我要做個這樣的圖表用jquery的什麼插件能實現
13 個JavaScript圖表和圖形繪制插件。少數是獨立的框架，大多數支持條圖、線圖、餅圖等基本圖形，很多甚至支持更加復雜的圖形，
比如：維恩圖、熱圖、進化樹、二維散點圖、二維散點氣泡圖、三維散點圖等。相信你應當能在這個列表中找到所需的。
1. Flotr2
獨立框架庫，支持HTML5圖表和圖形。它是 flotr 的一個分支版本，
移除了 Prototype 依賴性，並且有很多改進。支持：線圖、條圖、蠟狀圖、餅圖、氣泡圖。諸如 IE6 類的老瀏覽器也支持。
2. Rickshaw
用於創建互動式時序圖的JS工具。它依賴 D3 可視化庫和其他一些 jQuery 和 jQuery UI 的插件。
3. D3
一款著名且高效的可視化庫。
4. Awesome Chart JS
簡潔的JS庫，用於基於HTML5畫布元素的圖表。
5. canvasXpress
CanvasXpress是一個JavaScript庫的基礎上實現的標簽在HTML5。
我開發這個我們的BMS系統生物學平台為核心的可視化組件庫。
它支持瘋狂的高度復雜的圖表和圖形。
6. RGraph
RGraph是一個HTML5的JavaScript圖表庫，支持超過20種不同類型的圖表。
RGraph創建使用新的HTML5 canvas標簽，這些JavaScript圖表在Web瀏覽器，這意味著更快的網頁和Web伺服器的負載較少。，
使用RGraph是一種簡單的方法加快你的網站。
7. dygraphs
dygraphs是一個開源JavaScript庫，生產產生互動式的，可縮放的時間序列圖。
它被設計為顯示密集的數據集，使用戶能夠探索和解釋他們。這是一個輕量級的解決方案，並在Internet Explorer中的作品。
8. HighCharts
Highcharts是一個純JavaScript編寫的圖表庫，提供直觀的，互動式的圖表到您的網站或Web應用程序。
Highcharts目前支持線，樣條，面積，areaspline，柱，棒圖，餅圖，散點圖類型。
一位著名的圖表/圖形解決方案，如IBM，美國航空航天局，西門子，惠普等眾多知名機構
9. gRaphael
gRapha?l的目標是幫助您在您的網站上創造了驚人的圖表。它是基於上拉斐爾圖形庫。退房的演示，在行動中看到靜態和互動式圖表。
gRapha?l目前支持Firefox3.0+，Safari 3.0以上版本，歌劇9.5+和Internet Explorer 6.0以上。
10. jqPlot
jqplot的繪圖和制圖插件的jQuery的JavaScript框架。 jqplot的產生美麗的線，棒材和餅圖的許多功能。
11. JS Charts
JS Charts是一種基於JavaScript的圖表生成，需要很少或根本沒有編碼。
用JS圖表繪制圖表是一個簡單而容易的事，因為你只需要使用客戶端腳本（即通過您的Web瀏覽器）。
無需額外的插件或伺服器模塊是必需的。包括我們的腳本，准備圖表數據，XML，JSON或JavaScript數組和您的圖表已准備就緒！
12. JSXGraph
JSXGraph是一個跨瀏覽器庫進行互動幾何，函數繪圖，制圖，並在Web瀏覽器中的數據可視化。
完全實現在JavaScript中，不依賴於任何其他的庫，並使用SVG，VML，或帆布。
JSXGraph容易嵌入，具有佔地面積小：小於100 K位元組，如果嵌入在網頁中。無插件！已採取特別護理，以優化性能。
13. Humble Finance
HumbleFinance是一個HTML5寫作為示範在HTML5的互動圖形數據可視化工具。它是類似的Flash上http://finance.google.com/工具。
工具本身是完全用JavaScript編寫，使用Prototype和Flotr庫。它可用於顯示任何兩個2-D的數據集的真實的數值數據共享的軸線。
Ⅲ 適合前端開發人員的vscode擴展插件有哪些
1，HTML snippets(Visual Studio Code HTML snippets)
這是一款前端開發者必備的擴展，它能將你從手動鍵入每個標簽中解放出來。只需輸入 div 然後按下回車，一對標簽就出現了。更厲害的是，對於需要嵌套的標簽，你可以直接用 ul>li>a 的格式表示，按下回車後就能看到你需要的嵌套。還有一點，這個擴展已經包括所有的 HMTL5 片段。
2，JavaScript (ES6) code snippets
幾乎每個前端程序員都是 JavaScript 的使用者，為了提高編寫 JS 代碼的效率，這個擴展很有用，並且它還支持 .ts, .tsx 和 .jsx 文件。
擴展中有很多快捷縮寫，比如想要調用 export default class ClassName{}，輸入 ecl 按下空格即可。
3，CSS Peek
既然已經分別介紹了 HTML 和 JS 的助手，我們也不能落下 CSS。CSS Peek 是一個支持 .html 和 .js 文件的擴展，它能幫助開發者快速找到和查看選定類或 id 所用的樣式。對於那些不喜歡來回切換文件或者分屏的開發者來說這個擴展很有用。
4，Angular/React/Vue
既然提到了代碼片段，我們最好也提一下每個框架下的不同擴展。
對 AngularJS 來說，Angular Snippets(Version 8)是針對 AngularJS 8 的一款擴展，它為我們提供 Typescript 和 HTML 的代碼片段。
對於 React.js 框架，ES7 React/Rex/GraphQL/React-Native snippets 是一個優秀的擴展，它使用 ES7 提供 React 和 Rex 的代碼片段，用法和 Javascript snippets 類似，都是按空格鍵。
對 Vue.js 開發，有一個叫 Vetur 的擴展相當棒，它目前的下載量已經有將近2,000萬。Vetur 的功能很強大，包括代碼片段，Emmet，錯誤檢查，格式化，調試和高亮語法等。
5，ESLint
如果你想要寫出友好，易讀，干凈的代碼，我建議你在 VSC 中安裝一個 ESLint 擴展，它會幫助你持續養成好的編碼習慣，比如縮進等。
6，Prettier 代碼格式工具
說到漂亮整潔的代碼，Prettier 聽名字你就值得擁有。尤其在項目需要你和其他同事合作完成時，Prettier 會強勢地將代碼格式全部統一，讓你再也不用和同事討論自己的代碼。
7，GitLens
VSC 是整合了 git 功能的，通過安裝 GitLens 這個功能將會更強大，它能讓你看到每一行代碼是由誰在什麼時候寫的，並且快速查看代碼提交詳情，在團隊協作中這個擴展很有用。
8，Auto import 自動導入包
Auto import 是一個自動導入包擴展。如果目前手頭的項目是基於不同組件的，那麼你需要做的就是給每個組件命名，剩下的事交給 Auto import 就好。
9，Path autocomplete 路徑自動補全
提到了導入的問題，另一個重要的擴展就是能夠智能補全導入文件路徑的 Path autocomplete。使用時，輸入 ./ 後你就會看到一個包含所有文件名的下拉菜單。當文件目錄繁雜時，這個擴展真的是很好用，它為你省去了很多一層一層刨開目錄的痛苦。
10，Bracket Pair Colorizer 括弧著色器
括弧著色器能讓我們一眼看出當前代碼塊的反括弧在哪裡。有時候在稍微復雜的函數中，找到正確的那對代碼並不是那麼容易，但 Bracket Pair Colorizer 在你鍵入一個括弧時就為這一對括弧分配了自己的顏色，便於閱讀。
11，Indenticator 縮進指示器
Indenticator 可以高亮顯示出當前縮進的深度，深度由線和點表示，同樣使代碼更整潔，提高代碼易讀性。
12，Debugger for Chrome 調試器
放在最後的是重磅級的調試擴展 Debugger for Chrome。這個插件能讓你在 VSC 裡面直接調試 JS 文件，效果和 Chrome 的控制台中差不多，讓你不用打開瀏覽器就直接打斷點。 （BY三人行慕課）
Ⅳ js中，並列 和 或者 關系的代碼怎麼寫比如：既要滿足這個又要滿足那個。
var textId=form1.uid.value
if(textId.length<6 || textId.length>12)
{
alert("並列");
return
}else if(textId.length>2 && textId.length<6)
{
alert("或者");