pm2web_web前端自學要多久

1. linux install pm2-web自動roll back為什麼

1、最重要的一點，如果目標文件存在，cp會先清空文件後往裡寫入新文件，而install則會先刪除掉原先的文件然後寫入新文件。這是因為往正在使用的文件中寫入內容可能會導致一些問題，比如說寫入正在執行的文件可能會失敗，比如說往已經在持續寫入的文件句柄中寫入新文件會產生錯誤的文件。而使用 install先刪除後寫入（會生成新的文件句柄）的方式去安裝就能避免這些問題了；
2、install命令會恰當地處理文件許可權的問題。比如說，install -c會把目標文件的許可權設置為rwxr-xr-x；
3、install命令可以列印出更多更合適的debug信息，還會自動處理SElinux上下文的問題。

2. nodejs 線上部署也需要npm start么

pm2=P(rocess)M(anager)2，是可以用於生產環境的Nodejs的進程管理工具，並且它內置一個負載均衡。它不僅可以保證服務不會中斷一直在線，並且提供0秒reload功能，還有其他一系列進程管理、監控功能。並且使用起來非常簡單。下面我將把我的使用過程分享出來，Nodejs應用是一個基於Express 4.x的應用，名稱是Wolverine。

安裝

環境清單：

windows7 x64
node v5.0.0
npm 3.3.6

全局安裝pm2

$ npm install pm2 -g

更新

$ pm2 update

啟動

以前啟動Wolverine是利用package.json的scripts來實現的，只需要執行npm run start就可以啟動，配置如下：

"scripts": { "start": "node ./bin/www", "debug": "node debug ./bin/www"

使用pm2我們可以在start處配置成pm2 ./bin/www,命令後面支持加參數來實現watch、cluster多進程模式等功能。我不太喜歡一大串的命令，於是我使用了配置文件的方式。

在Wolverine的根目錄，我創建了一個processes.json配置文件，配置文件內容如下，注釋寫的也很清楚了

{ "apps" : [{ "name" : "Wolverine", //名稱 "script": "./bin/www", //程序入庫 "cwd": "./", //根目錄 "watch":[ "bin", "common", "configs", "public", "routes", "views"

],//需要監控的目錄 "error_file":"./logs/app-err.log",//錯誤輸出日誌 "out_file":"./logs/app-out.log", //日誌 "log_date_format":"YYYY-MM-DD HH:mm Z" //日期格式

}]

}

隨後，我在package.json中增加了一條

"pm2": "pm2 start processes.json"

在啟動就直接輸入如下命令就好：

$ npm run pm2

看到下面的界面，就啟動成功了，然後我們就可以關掉這個窗口了，服務不會因此停止，是不是高大上多了。

拿出你的想像力，我們可以開發一個應用來調用此api，就可以開發出一個圖形界面的監控軟體了。。。

3. pm2 web 執行後怎麼關閉

1、最重要的一點，如果目標文件存在，cp會先清空文件後往裡寫入新文件，而install則會先刪除掉原先的文件然後寫入新文件。這是因為往正在使用的文件中寫入內容可能會導致一些問題，比如說寫入正在執行的文件可能會失敗，比如說往已經在持續寫入

4. pm2 start app.js怎麼在web端查看

先看一下Web中，我們給h1標簽添加一個onclick事件，讓它在被點擊之後，修改當前的url。
Web中的HTML代碼：
<html>
<head>
<script>

function getInfo(name)
{
window.location = "/getInfo/"+name;
}

</script>

</head>

<body>
<h1 onclick="getInfo('why')">Name</h1>
</body>

</html>

iOS中，先拖拽WebView，訪問localhost，然後通過WebView的委託事件監聽url跳轉操作，並且把跳轉截取下來。
也就是說，在onclick的時候，普通瀏覽器灰跳轉到那個url，但是在iOS的這個WebView裡面，這個跳轉會被攔截，
用這種方式可以巧妙地實現JS調用iOS的原生代碼：

//
// DWViewController.m
// DareWayApp
//
// Created by why on 14-6-3.
// Copyright (c) 2014年 DareWay. All rights reserved.
//

#import "DWViewController.h"

@interface DWViewController ()

@property (weak, nonatomic) IBOutlet UIWebView *myWebview; // 主頁面

@end

@implementation DWViewController

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.

// 適配iOS6的狀態欄
if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
_myWebview.frame = CGRectMake(0,20,self.view.frame.size.width,self.view.frame.size.height-20);
}

5. 如何在同一台伺服器起多個pm2進程

PM2是一個帶有負載均衡功能的Node應用的進程管理器。PM2可以利用伺服器上的所有CPU，並保證進程永遠都活著，0秒的重載，部署管理多個Node項目。PM2是Node線上部署完美的管理工具。PM2安裝npm install -g pm2
PM2用法$ pm2 start app.js -i 4 #後台運行pm2，啟動4個app.js,也可以用』max』參數，進程數目依賴於Cpu的核心數目$ pm2 start app.js –name my-api # 命名進程$ pm2 restart 0 # 重啟指定的進程$ pm2 restart all # 重啟所有進程$ pm2 reload all # 0秒停機重載進程 (用於NETWORKED進程)$ pm2 stop 0 # 停止指定的進程$ pm2 stop all # 停止所有進程$ pm2 startup # 產生init腳本，保持進程活著$ pm2 delete 0 # 殺死指定的進程$ pm2 delete all # 殺死全部進程$ pm2 web # 運行健壯的 computer API endpoint (http://localhost:9615)$ pm2 list # 列出由pm2管理的所有進程信息。$ pm2 monit # 監視每個node進程的CPU和內存的使用情況。$ pm2 logs # 顯示所有進程日誌$ pm2 kill # 殺死pm2進程$ pm2 info 0 # 描述指定項目或者進程信息$ pm2 logs # 實時集中log處理

6. web前端自學要多久

這個要看個人的實際情況決定；自學最注重個人的自製力和學習力，你要抵禦各種誘惑，還要有詳細的學習規劃，才能保證正常的學習，徐徐漸進。下面的學習路線或許對你有幫助：

前端完整學習路線

第一階段:

HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。

JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。

JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。

第二階段:HTML5和移動Web開發

HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。

CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。

移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。

第三階段:HTTP服務和AJAX編程

WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。

PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。

第四階段:面向對象進階

面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。

面向對象三大特徵:繼承性、多態性、封裝性、介面。

設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。

第五階段:封裝一個屬於自己的框架

框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。

框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。

框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。

第六階段:模塊化組件開發

面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。

面向模塊編程:AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。

第七階段:主流的流行框架

Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。

常用庫:React.js、Vue.js、Zepto.js。

第八階段:HTML5原生移動應用開發

Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。

Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。

HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。

第九階段: Node.js全棧開發:

快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。

核心模塊和對象:全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做。

7. 如何使用 pm2 部署 express 多進程

PM2是一個帶有負載均衡功能的Node應用的進程管理器。PM2可以利用伺服器上的所有CPU，並保證進程永遠都活著，0秒的重載，部署管理多個Node項目。PM2是Node線上部署完美的管理工具。

PM2安裝
npm install -g pm2

PM2用法
$ pm2 start app.js -i 4 #後台運行pm2，啟動4個app.js,也可以用』max』參數，進程數目依賴於Cpu的核心數目
$ pm2 start app.js –name my-api # 命名進程
$ pm2 restart 0 # 重啟指定的進程
$ pm2 restart all # 重啟所有進程
$ pm2 reload all # 0秒停機重載進程 (用於NETWORKED進程)
$ pm2 stop 0 # 停止指定的進程
$ pm2 stop all # 停止所有進程
$ pm2 startup # 產生init腳本，保持進程活著
$ pm2 delete 0 # 殺死指定的進程
$ pm2 delete all # 殺死全部進程
$ pm2 web # 運行健壯的 computer API endpoint (http://localhost:9615)
$ pm2 list # 列出由pm2管理的所有進程信息。
$ pm2 monit # 監視每個node進程的CPU和內存的使用情況。
$ pm2 logs # 顯示所有進程日誌
$ pm2 kill # 殺死pm2進程
$ pm2 info 0 # 描述指定項目或者進程信息
$ pm2 logs # 實時集中log處理

標簽：Nodejs學習

8. 請問web開發工具都有哪些

1.Web應用框架
這些軟體是專門設計來幫助網站開發，並使創建網站的Web開發的過程變得更容易。該軟體完全支持Web服務，Web資源和Web
API。這些框架會自動執行與Web開發中的常見活動相關聯的一些進程，從而使Web開發人員的工作變得更加容易。可用的Web開發框架包括ASP.NET，JavaEE，WebObjects，web2py，OpenACS等。
2.協作工具
對於遠程工作的團隊，需要時刻保持聯系和協作。為了提高開發效率，幫助開發者在同一個項目上工作的流程簡化開發流程，以實現團隊的設定目標，市場上出現了很多協作工具，如Slack，Trello，Asana，Jira等。
3.本地開發環境
一個快速的本地開發環境，可以推出取決於操作系統或您正在使用的計算機。有各種各樣的免費軟體，軟體Apache，MySQL和其他打包在一起。這是在本地計算機上最快的一種測試方式，為了方便使用，有些程序還出了攜帶型版本。本地開發環境包括MAMP，LARAGAN，XAMPP和Vagrant等。
4.前端框架
前端框架基本上是一些文件和文件夾，如HTML，CSS和JavaScript等。前端框架通常包含有有準備好的組件，大多數組件都是可以進行修改和調整的，開發人員可以根據自己的開發需求來選擇使用，目前最常見的前端框架是Bootstrap。
5.圖標
圖標對於Web開發人員，尤其是前端開發人員非常重要，它們是Web開發的重要組成部分。上圖中的圖標都可以應用於你的項目，且這其中大部分是免費的。
6.網站速度測試工具
網站速度是決定一個網站是否成功的重要因素。現在的用戶越來越挑剔，大家往往更傾向於載入速度快的網站，對於載入速度慢的網站，大家幾乎是零容忍。另外，SEO做得好的話，可能會帶來更高的轉化率和更好的用戶體驗。Web開發人員可以使用工具來測試他們的網站速度，以確保他們的網站能夠擁有較短的載入時間。
7.文本對比檢查
Diff checkers 可以幫助您比較文件之間的差異，然後合並更改，幫助我們更直觀的看見文本之間的差異。
8.資料庫
資料庫基本上是已經存儲信息的集合，可以進行信息的檢索，管理甚至更新。Web開發人員常用的資料庫有MySQL，MariaDB，MongoDB，Redis等。
9.Web開發通訊
為什麼選擇通訊訂閱，因為開發人員可以利用這些工具節省時間和精，通過這些工具選擇最佳的Web開發和性能主題，而不必自己動手。
10.任務批處理工具/包管理器
任務批處理工具有助於自動化工作流程。例如，你創建了一個任務，可以通過JavaScript編寫的工具來自動化工作流程。除此之外，還可以新建和組合任務，使用任務管理器縮短開發時間，加快開發速率。
另一方面，包管理器也是很重要的，它可以跟蹤所有軟體，確保這些軟體都更新至最新版本，擁有最強的功能。這些工具包括：Grunt，Gulp，npm等。
11.文本和代碼編輯器
文本和代碼編輯器不僅能夠為開發者帶來良好的代碼體驗，而且能夠大大節約網站開發的時間。比較常用的編輯器有Atom，Notepad++，Vim等。之前，筆者也發過程序員票選最佳的代碼編輯器，感興趣的朋友可以戳進去看一下。
12.靈感
對於很多工種來說，靈感都是極為重要的，但是靈感是可遇不可求的，所以一旦有了靈感就必須及時記錄下來。除了我們自己的靈感迸現，我們也可以從別人的作品中提煉出新的靈感。常見的記錄靈感的工具有CodePen
和Dribble。
13.編程語言
每個Web開發工具都有一種編程語言。編程語言被設計為開發人員或程序員和計算機之間的橋梁，並幫助程序員創建我們每天使用的程序。比較流行的編程語言包括PHP，NodeJS，Python，Ruby等。
14.代碼共享/實驗工具
基本上編程這個工作是一個團隊合作，團隊之間要保持親密無間的協作關系，互相檢查對方的代碼有助於更有效的進行程序編寫。代碼共享是現在程序員都在使用的一種方式，常見的有Slack。
15.Git 託管
Git是一款免費、開源的分布式版本控制系統，可以高效的管理大小項目的各個版本，可以幫助開發團隊避免混亂。

9. Web前端崗位面試題有哪些

前端面試題匯總，基本上會有四大類問題，具體如下：
一、HTML

1、Doctype作用？嚴格模式與混雜模式如何區分？它們有何意義?

2、HTML5 為什麼只需要寫 <!DOCTYPE HTML>？
3、行內元素有哪些？塊級元素有哪些？空(void)元素有那些？
4、頁面導入樣式時，使用link和@import有什麼區別？
5、介紹一下你對瀏覽器內核的理解？
6、常見的瀏覽器內核有哪些？
7、html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
8、簡述一下你對HTML語義化的理解？
9、HTML5的離線儲存怎麼使用，工作原理能不能解釋一下？
10、瀏覽器是怎麼對HTML5的離線儲存資源進行管理和載入的呢？
11、請描述一下 cookies，sessionStorage 和 localStorage 的區別？
12、iframe有那些缺點？
13、Label的作用是什麼？是怎麼用的？（加 for 或包裹）
14、HTML5的form如何關閉自動完成功能？
15、如何實現瀏覽器內多個標簽頁之間的通信? (阿里)
16、webSocket如何兼容低瀏覽器？(阿里)
17、頁面可見性（Page Visibility）API 可以有哪些用途？
18、如何在頁面上實現一個圓形的可點擊區域？
19、實現不使用 border 畫出1px高的線，在不同瀏覽器的Quirksmode和CSSCompat模式下都能保持同一效果。
20、網頁驗證碼是幹嘛的，是為了解決什麼安全問題？
21、tite與h1的區別、b與strong的區別、i與em的區別？

二、css

1、介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什麼不同的？

2、CSS選擇符有哪些？哪些屬性可以繼承？
3、CSS優先順序演算法如何計算？
4、CSS3新增偽類有那些？
5、如何居中div？如何居中一個浮動元素？如何讓絕對定位的div居中？
6、display有哪些值？說明他們的作用。
7、position的值relative和absolute定位原點是？
8、CSS3有哪些新特性？
9、請解釋一下CSS3的Flexbox（彈性盒布局模型）,以及適用場景？
10、用純CSS創建一個三角形的原理是什麼？

11、一個滿屏品字布局如何設計?

三、常見兼容性問題？

1、li與li之間有看不見的空白間隔是什麼原因引起的？有什麼解決辦法？
2、經常遇到的瀏覽器的兼容性有哪些？原因，解決方法是什麼，常用hack的技巧？
3、為什麼要初始化CSS樣式。
4、absolute的containing block計算方式跟正常流有什麼不同？
5、CSS里的visibility屬性有個collapse屬性值是幹嘛用的？在不同瀏覽器下以後什麼區別？
6、position跟display、margin collapse、overflow、float這些特性相互疊加後會怎麼樣？
7、對BFC規范(塊級格式化上下文：block formatting context)的理解？
8、CSS權重優先順序是如何計算的？
9、請解釋一下為什麼會出現浮動和什麼時候需要清除浮動？清除浮動的方式
10、移動端的布局用過媒體查詢嗎？
11、使用 CSS 預處理器嗎？喜歡那個？
12、CSS優化、提高性能的方法有哪些？
13、瀏覽器是怎樣解析CSS選擇器的？
14、在網頁中的應該使用奇數還是偶數的字體？為什麼呢？
15、margin和padding分別適合什麼場景使用？
16、抽離樣式模塊怎麼寫，說出思路，有無實踐經驗？[阿里航旅的面試題]
17、元素豎向的百分比設定是相對於容器的高度嗎？
18、全屏滾動的原理是什麼？用到了CSS的那些屬性？
19、什麼是響應式設計？響應式設計的基本原理是什麼？如何兼容低版本的IE？
20、視差滾動效果，如何給每頁做不同的動畫？（回到頂部，向下滑動要再次出現，和只出現一次分別怎麼做？）
21、::before 和 :after中雙冒號和單冒號有什麼區別？解釋一下這2個偽元素的作用。
22、如何修改chrome記住密碼後自動填充表單的黃色背景？
23、你對line-height是如何理解的？
24、設置元素浮動後，該元素的display值是多少？（自動變成display:block）
25、怎麼讓Chrome支持小於12px 的文字？
26、讓頁面里的字體變清晰，變細用CSS怎麼做？（-webkit-font-smoothing: antialiased;）
27、font-style屬性可以讓它賦值為「oblique」 oblique是什麼意思？
28、position:fixed;在android下無效怎麼處理？
29、如果需要手動寫動畫，你認為最小時間間隔是多久，為什麼？（阿里）
30、display:inline-block 什麼時候會顯示間隙？(攜程)
31、overflow: scroll時不能平滑滾動的問題怎麼處理？
32、有一個高度自適應的div，裡面有兩個div，一個高度100px，希望另一個填滿剩下的高度。
33、png、jpg、gif 這些圖片格式解釋一下，分別什麼時候用。有沒有了解過webp？
34、什麼是Cookie 隔離？（或者說：請求資源的時候不要讓它帶cookie怎麼做）
35、style標簽寫在body後與body前有什麼區別？

四、JavaScript

1、介紹JavaScript的基本數據類型。
2、說說寫JavaScript的基本規范？
3、JavaScript原型，原型鏈 ? 有什麼特點？
4、JavaScript有幾種類型的值？（堆：原始數據類型和棧：引用數據類型），你能畫一下他們的內存圖嗎？
5、Javascript如何實現繼承？
6、Javascript創建對象的幾種方式？
7、Javascript作用鏈域?
8、談談This對象的理解。
9、eval是做什麼的？
10、什麼是window對象? 什麼是document對象?
11、null，undefined的區別？
12、寫一個通用的事件偵聽器函數(機試題)。
13、[「1」, 「2」, 「3」].map(parseInt) 答案是多少？
14、關於事件，IE與火狐的事件機制有什麼區別？如何阻止冒泡？
15、什麼是閉包（closure），為什麼要用它？
16、javascript 代碼中的」use strict」;是什麼意思 ? 使用它區別是什麼？
17、如何判斷一個對象是否屬於某個類？
18、new操作符具體幹了什麼呢?
19、用原生JavaScript的實現過什麼功能嗎？
20、Javascript中，有一個函數，執行時對象查找時，永遠不會去查找原型，這個函數是？
21、對JSON的了解？
22、[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) 能解釋一下這段代碼的意思嗎？
23、js延遲載入的方式有哪些？
24、Ajax 是什麼? 如何創建一個Ajax？
25、同步和非同步的區別?
26、如何解決跨域問題?
27、頁面編碼和被請求的資源編碼如果不一致如何處理？
28、模塊化開發怎麼做？
29、AMD（Moles/Asynchronous-Definition）、CMD（Common Mole
Definition）規范區別？
30、requireJS的核心原理是什麼？（如何動態載入的？如何避免多次載入的？如何緩存的？）
31、讓你自己設計實現一個requireJS，你會怎麼做？
32、談一談你對ECMAScript6的了解？
33、ECMAScript6 怎麼寫class么，為什麼會出現class這種東西?
34、非同步載入的方式有哪些？
35、documen.write和 innerHTML的區別?
36、DOM操作——怎樣添加、移除、移動、復制、創建和查找節點?
37、.call() 和 .apply() 的含義和區別？
38、數組和對象有哪些原生方法，列舉一下？
39、JS 怎麼實現一個類。怎麼實例化這個類
40、JavaScript中的作用域與變數聲明提升？
41、如何編寫高性能的Javascript？
42、那些操作會造成內存泄漏？
43、JQuery的源碼看過嗎？能不能簡單概況一下它的實現原理？
44、jQuery.fn的init方法返回的this指的是什麼對象？為什麼要返回this？
45、jquery中如何將數組轉化為json字元串，然後再轉化回來？
46、jQuery 的屬性拷貝(extend)的實現原理是什麼，如何實現深拷貝？
47、jquery.extend 與 jquery.fn.extend的區別？
48、jQuery 的隊列是如何實現的？隊列可以用在哪些地方？
49、談一下Jquery中的bind(),live(),delegate(),on()的區別？
50、JQuery一個對象可以同時綁定多個事件，這是如何實現的？
51、是否知道自定義事件。jQuery里的fire函數是什麼意思，什麼時候用？
52、jQuery 是通過哪個方法和 Sizzle 選擇器結合的？（jQuery.fn.find()進入Sizzle）
53、針對 jQuery性能的優化方法？
54、Jquery與jQuery UI有啥區別？
55、JQuery的源碼看過嗎？能不能簡單說一下它的實現原理？
56、jquery 中如何將數組轉化為json字元串，然後再轉化回來？
57、jQuery和Zepto的區別？各自的使用場景？
58、針對 jQuery 的優化方法？
59、Zepto的點透問題如何解決？
60、jQueryUI如何自定義組件?
61、需求：實現一個頁面操作不會整頁刷新的網站，並且能在瀏覽器前進、後退時正確響應。給出你的技術實現方案？
62、如何判斷當前腳本運行在瀏覽器還是node環境中？（阿里）
63、移動端最小觸控區域是多大？
64、jQuery 的 slideUp動畫，如果目標元素是被外部事件驅動, 當滑鼠快速地連續觸發外部元素事件, 動畫會滯後的反復執行，該如何處理呢?
65、把 Script 標簽放在頁面的最底部的body封閉之前和封閉之後有什麼區別？瀏覽器會如何解析它們？
66、移動端的點擊事件的有延遲，時間是多久，為什麼會有？怎麼解決這個延時？（click 有 300ms 延遲,為了實現safari的雙擊事件的設計，瀏覽器要知道你是不是要雙擊操作。）
67、知道各種JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能講出他們各自的優點和缺點么?
68、Underscore 對哪些 JS 原生對象進行了擴展以及提供了哪些好用的函數方法？
69、解釋JavaScript中的作用域與變數聲明提升？
70、那些操作會造成內存泄漏？
71、JQuery一個對象可以同時綁定多個事件，這是如何實現的？
72、Node.js的適用場景？
(如果會用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?
73、解釋一下 Backbone 的 MVC 實現方式？
74、什麼是「前端路由」?什麼時候適合使用「前端路由」? 「前端路由」有哪些優點和缺點?
75、知道什麼是webkit么? 知道怎麼用瀏覽器的各種工具來調試和debug代碼么?
76、如何測試前端代碼么? 知道BDD, TDD, Unit Test么? 知道怎麼測試你的前端工程么(mocha, sinon, jasmin, qUnit..)?
77、前端templating(Mustache, underscore, handlebars)是幹嘛的, 怎麼用?
78、簡述一下 Handlebars 的基本用法？
79、簡述一下 Handlerbars 的對模板的基本處理流程，如何編譯的？如何緩存的？
80、用js實現千位分隔符?(來源：前端農民工，提示：正則+replace)
檢測瀏覽器版本版本有哪些方式？
81、我們給一個dom同時綁定兩個點擊事件，一個用捕獲，一個用冒泡，你來說下會執行幾次事件，然後會先執行冒泡還是捕獲

10. Node 重啟伺服器的幾種常用方法

目前網上已有 pm2-zabbix 工具可以實現Zabbix對Node/greatcare/pm2-zabbix.git 3.Zabbix Web管理後台導入模板文件 pm2-zabbix/install/zabbix-server/pm2-zabbix.template.xml 4.Node.js伺服器添加服務，根據伺服器操作系統版本選擇，並修改服務運行用戶和使用PM2啟動的Node.js用戶一致 RHEL/CentOS 7系列： cp pm2-zabbix/install/init/systemd/pm2-zabbix.service /usr/lib/systemd/system/ 修改目標文件 pm2-zabbix.service 文件內容 User項： User=root RHEL/CentOS 6或5系列： cp pm2-zabbix/install/init/sysv/pm2-zabbix /etc/init.d/ 修改目標文件 pm2-zabbix 文件內容 DAEMON_USER項： DAEMON_USER=root 5.新建軟連接，根據自己伺服器修改軟連接指向的真實文件路徑 mkdir -p /etc/zabbix ln -s /App/zabbix/etc/zabbix_agentd.conf /etc/zabbix/zabbix_agentd.conf ln -s /App/zabbix/bin/zabbix_sender /usr/bin/zabbix_sender ln -s `which node` /usr/bin/node ln -s `which pm2-zabbix` /usr/local/bin/pm2-zabbix 6.啟動 pm2-zabbix 服務 RHEL/CentOS 7系列： systemctl start pm2-zabbix RHEL/CentOS 6或5系列： service start pm2-zabbix 7.修改Zabbix Agent配置文件 zabbix_agentd.conf,添加包含其它配置 Include=/App/zabbix/etc/zabbix_agentd.conf.d/*.conf 8.拷貝Zabbix Agent配置 cp pm2-zabbix/install/zabbix-agent/pm2-zabbix.conf /App/zabbix/etc/zabbix_agentd.conf.d/pm2.conf 9.修改配置 pm2.conf 內容 sudo -u 用戶和第4步一致，同事修改 pm2-zabbix 路徑 UserParameter=pm2.processes,sudo -u root /usr/local/bin/pm2-zabbix --discover 10.伺服器終端執行程序 visudo 添加sudo配置 zabbix ALL=(ALL:ALL) NOPASSWD: /usr/local/bin/pm2-zabbix Defaults:zabbix !requiretty 11.重啟Node.js伺服器Zabbix Agent服務 /etc/init.d/zabbix_agentd restart 12.Zabbix Web管理後台設置Node.js伺服器添加鏈接 Template App PM2 模板 PM2守護進程CPU使用率 PM2守護進程內存佔用 PM2管理的Node進程實例CPU使用率 PM2管理的Node進程實例內存佔用以上所述是小編給大家介紹的Zabbix添加Node.js監控的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

pm2web

與pm2web相關的內容