原创 AngularJS入門-(10)模塊

創建模塊 <div ng-app="myApp">...</div> <script> var app = angular.module("myApp", []); </script> “myApp” 參數對應執行應用的 HTM

原创 express入門(12)- websocket

1,WebSocket原理 WebSocket是爲解決客戶端與服務端實時通信而產生的技術。WebSocket是HTML5開始提供的一種在單個 TCP連接上進行全雙工通訊的協議。在WebSocketAPI中,瀏覽器和服務器只需要做

原创 AngularJS入門-(3)hello world

第1步:加載框架 <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script> 第2步:使用ng-app指令定義AngularJ

原创 AngularJS入門-(12)http

http請求方式 $http({ method: 'GET', url: '/someUrl' }).then(function successCallback(response) { // 請求成

原创 AngularJS入門-(11)表單

Input 控件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.

原创 AngularJS入門-(6)表達式

數字 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.6

原创 AJAX-(2)使用方法

創建 XMLHttpRequest 對象 variable=new XMLHttpRequest(); 實例 var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Fi

原创 AJAX-(1)簡介

AJAX 簡介 AJAX 是異步 JavaScript 和 XML,用於創建快速動態網頁的技術。通過在後臺與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下,對網頁的某部分進行更

原创 jQuery-(5)淡入淡出

fadeIn() 方法 用於淡入已隱藏的元素。 語法: $(selector).fadeIn(speed,callback); (1)speed 參數規定效果的時長。毫秒。 (2)callback 參數是 fading 完成

原创 AngularJS入門-(5)指令

什麼是AngularJS指令? AngularJS 通過被稱爲 指令 的新屬性來擴展 HTML,通過內置的指令來爲應用添加功能。 1. ng-app - 該指令啓動一個AngularJS應用。 2. ng-init - 該

原创 AngularJS入門-(1)

AngularJS是什麼? AngularJS是一個開源Web應用程序框架。它最初是由MISKO Hevery和Adam Abrons於2009年開發。現在是由谷歌維護。 AngularJS is a structura

原创 jQuery-(6)滑動

slideDown() 用於向下滑動元素。 語法: $(selector).slideDown(speed,callback); 示例: $("#flip").click(function(){ $("#panel").sl

原创 jQuery-(2)語法

語法 (1)基礎語法: 美元符號定義 jQuery 選擇符(selector)”查詢”和”查找” HTML 元素 jQuery 的 action() 執行對元素的操作 (2)實例: $(this).hide() - 隱藏當前

原创 jQuery-(1)入門

jQuery 簡介 jQuery是一個JavaScript函數庫。 jQuery是一個輕量級的”寫的少,做的多”的JavaScript庫。 jQuery庫包含以下功能: HTML 元素選取 CSS 操作 HTML 事件函數

原创 jQuery-(4)隱藏和顯示

hide()隱藏元素 $("#hide").click(function(){ $("p").hide(); }); show()顯示元素 $("#show").click(function(){ $("p").show