『壹』 如何從前端觸發nodejs/express事件
前端:$('.button').on('click', function(e) {
// 向server "/buttonClicked" 發送一個get request
// 根據實際情況, 此處也可以是$.post();
$.get('/buttonClicked', function(data) {
// 此處的callback function中的data為server返回的數據(沒有數據也可)
console.log(data);
};
});
後端express:app.get('/buttonClicked', function(req, res) {
res.send(data); // 此處發送的data, 即為前端中callback里將會得到的data, 如不需要則可以省略這一行
// 這里開始寫你需要的東西,比如更新資料庫之類的...
res.end();// 如果不執行end(), 那麼前端網頁則會一直等待response
});
同理, 如果前端使用的post, 那麼此處也應該為:app.post('/buttonClicked', function(req, res) {
res.send(data); // 此處發送的data, 即為前端中callback里將會得到的data, 如不需要則可以省略這一行
// 這里開始寫你需要的東西
res.end();// 如果不執行end(), 那麼前端網頁則會一直等待response
});
另外, 在express 4.x中, 如果使用了router:var router = express.Router();
那麼需要將app替換為router:router.get('/buttonClicked', function(req, res) {
res.send(data); // 此處發送的data, 即為前端中callback里將會得到的data, 如不需要則可以省略這一行
// 這里開始寫你需要的東西
res.end();// 如果不執行end(), 那麼前端網頁則會一直等待response
});
『貳』 html的事件都是js代碼么還可以是什麼
目前瀏覽器交互只有兩種語言，JS與VBScript兩種，一些動態效果不是用JS寫的，就是用VBSscript寫的。
使用JQuery，只是JS的一種封裝形式，可以理解為是JS的一個框架或是類庫，它本質是JS語言。
當前使用JS的程序員和web工程師較多，主要原因還是js的發展，比如有類似於JQuery等一些知名的框架可以使用，當然不乏有很多web前端封裝自己的類庫，而不是直接使用JQuery的，還有類似的ExiJS等封裝。而這方面在VBS上倒沒有那麼多封裝，所以感覺上VBS不入主流，事實上兩者同樣重要.但只有掌握其中一個就行了！
『叄』 對Web前端發展貢獻最大的人物和事件有哪些
下面我們分析一下前端發展歷程：
首先說的是布蘭登.艾奇，我們的js之父，他的故事太傳奇了，不做多說。道格拉斯.克羅克富德js大宗師。這兩位是我們前端發展的最重要的推動人物。
隨著2009年js的基礎類庫的完善，以下是主要做出突出貢獻的人：
1、約翰.瑞森，我們的jQuery之父。
2、山姆.史蒂芬森, Prototype的創始人，除了有prototype之外，他還開發過很多開源軟體，比如：rbenv,sprockets等。
ECMAScript規范的執行引起了瀏覽器大戰，各大瀏覽器開始瓜分IE市場佔有率，其中火狐，谷歌取得大勝。
此時Ryan Dahl 的node.js和3gmobile正在慢慢浮出水面，他們的出現，使前端真正的出現了繁榮景象。
2010年前端相對風平浪靜，但是安卓智能機的出現，使將來移動端風起雲涌。這年w3c對web性能成立了專門的工作小組，人們更多的開始關注性能和體驗問題。
2011年h5的抗起了大旗，讓flash堪憂。語義明確的標簽體系、簡潔明了的富媒體支持、本地數據的儲存技術、canvas 等等各類技術被廣泛應用。很多開發者面臨一項技術選擇，flash OR H5，但Adobe從11.1開始就不在更新，投身於H5，這意味著flash技術凋零。
2012年，響應式開發，工程化推進，隨著手機廠商的各種騷動，為了快速佔有市場，提高性價比，出現了價格低，性能好的一大批手機，隨之而來的是H5借著這股風快速的在web開發顫動了起來。移動端的框架開發不亞於PC對多個瀏覽器的支持，這一年萌生了眾多移動框架，比如：Sencha Touch/Zepto.js/JQ Mobile 等，相對 PC 端框架，它們更加輕便。
『肆』 web前端的事件原理是什麼呢
在web控制項發生事件時，客戶端採用提交的形式將數據交回服務端，服務端先調用Page_Load事件,然後根據傳回的狀態信息自動調用服務端事件自動傳回是當我們在點擊客戶端控制項時，採用提交表單的形式將數據直接傳回到務端
只有通過自動傳回才能實現服務端事件的機制，如果沒有自動回傳機制就只能調用客戶端事件，而不能調用服務端事件
『伍』 前端開發中 事件後綁定什麼意思
綁定你想要的特效！
『陸』 前端面試 什麼是事件
js之所以採用單線程，原因是一開始設計的時候不想讓瀏覽器變得太復雜，因為多線程需要共享資源、且有可能修改彼此的運行結果，對於一種網頁腳本語言來說，這就太復雜了。比如，假定js同時有兩個線程，一個線程在某個DOM節點上添加內容，另一個線程刪除了這個節點，這時瀏覽器應該以哪個線程為准？在Java中會使用鎖來解決這種競態條件，而js並不想這樣來解決。 當然，單線程模型帶來了一些問題，主要是新的任務被加在隊列的尾部，只有前面的所有任務運行結束，才會輪到它執行。如果有一個任務特別耗時，後面的任務都會停在那裡等待，造成瀏覽器失去響應，又稱「假死」。為了避免「假死」，當某個操作在一定時間後仍無法結束，瀏覽器就會跳出提示框，詢問用戶是否要強行停止腳本運行。
『柒』 前端開發的數據,事件,方法是什麼關系
數據最終要結合html,css展示在頁面上
事件 可以理解成操作交互，操作數據，觸發方法。
方法 是 更新某模塊數據或者樣式，可以通過綁定事件後觸發
『捌』 前端的touch事件有哪些呢
// 手指在Body中點擊時的記錄var startX, startY;$("body").on("touchstart", function(e) { startX = e.originalEvent.changedTouches[0].pageX; // 記錄 最初點擊時第一個觸摸點的x坐標 startY = e.originalEvent.changedTouches[0].pageY; // 記錄 最初點擊時第一個觸摸點的y坐標});// 阻止touchmove時的body默認事件$('body').on('touchmove', function(e) { e.preventDefault();
});// 記錄/操作 當手指離開的操作 $('body')在操作的時候換成具體的選擇器如$('#box')$("body").on("touchend", function(e) { var moveEndX = e.originalEvent.changedTouches[0].pageX; // 手指離開時的x坐標 var moveEndY = e.originalEvent.changedTouches[0].pageY; // 手指離開時的y坐標 var X = moveEndX - startX; // 離開時的x坐標 - 開始觸摸的x坐標 = 橫向偏移值 var Y = moveEndY - startY; // 離開時的y坐標 - 開始觸摸的y坐標 = 縱向偏移值 if ( Math.abs(X) > Math.abs(Y) && X > 0 ) { // 從左到右 alert("left 2 right");
} else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) { // 從右到左 alert("right 2 left");
} else if ( Math.abs(Y) > Math.abs(X) && Y > 0) { // 從上到下 alert("top 2 bottom");
} else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) { // 從下到上 alert("bottom 2 top");
} else{ alert("just touch");
}
});
『玖』 如何在前端調用後端的事件
如果你自己能包攬前後台，理解這個肯定沒問題。
網站能運行，說白了是這么幾步。 客戶端請求--》服務端響應HTML.--》用戶在網頁上進行操作(即請求） --》伺服器響應操作（新頁面或ajax) .。
前端美工所需要的js,css,jquery,pic等等內容，都是服務端響應出去的。
除此之外，都是後端的的事情。
關於html內容。可以用服務端模版，也可以用客戶端模版。差別不大。
『拾』 前端js點擊事件怎麼取消捕獲
如果是通過window.onclick = function(){}監聽的話可以通過window.onclick = undefined 取消監聽；
如果是通過window.addEventListener('click', function(){})監聽則可以通過window.removeEventListener('click')取消監聽。