JavaScript

css3製作炫酷導覽列效果，css3炫酷導覽列今天主要利用hover選取器。滑鼠滑過查看效果。一。普通導覽列HomeContentServiceTeamContact  對於這種普通的導覽列，只是滑鼠滑過的時候顏色會變，所以思路變得很簡單。（1）使用ul標籤布局（2）滑鼠經過事件<div id="demo1"> <ul> <li>Home</li>

chrome 調試 SASS，chrome調試sass第一步: 執行sass先行編譯命令先來我的專案檔夾結構:->進入sass /css檔案下->開啟cmd命令 ->輸入sass --watch --scss  test.scss:test.css     如:-> 進入sass項目發現檔案多了test.css.map和test.css兩個檔案夾,如:這裡產生的test.css.map是chrome調試的關鍵

jQuery Easyui Tabs擴充根據自訂屬性開啟頁簽，jqueryeasyuieasyui是一個輕量級的後台管理系統架構，各種組件均有，使用簡單方便，現在已經有免費版的License了。1.增加擴充<script type="text/javascript" >/*** @author {kexb} easyui-tab擴充根據id切換頁面*/$.extend($.fn.tabs.methods, {getTabById: function (jq, id) {var

自動化測試讀寫64位作業系統的註冊表，讀寫64位非Web程式（傳統型程式）的設定一般都存在註冊表中。 給這些程式做自動化測試時， 需要經常要跟註冊表打交道。 通過修改註冊表來修改程式的設定。本章介紹如何利用C#程式如何操作註冊表， 特別是如何操作64位作業系統的註冊表。閱讀目錄 自動化測試經常需要修改註冊表 Windows註冊表簡介 C#修改註冊表 32位機器和64位機器註冊表的區別 C#程式訪問64位作業系統的註冊表

jQuery解決input元素的blur事件和其他非表單元素的click事件衝突問題，jqueryblurHTML結構：很簡單，就一個input,一個div，能說明問題就OK了；<input type="text"

總結Node.js中的一些錯誤類型，總結node.js類型前言Node.js應用中可能會發生多種類型的錯誤。如：當出現語法錯誤或執行階段錯誤時，會觸發JavaScript錯誤；當試圖試訪問一個不存在或沒有訪問的檔案時，會觸發系統錯誤；除JavaScript錯誤和系統錯誤錯誤外，使用者還可以自訂錯誤。1.

淺談JS繼承_寄生式繼承 & 寄生組合式繼承，淺談js繼承寄生5.寄生式繼承與寄生建構函式和原廠模式類似，建立一個僅用於封裝繼承過程的函數，該函數在內部以某種方式來增強對象，最後返回對象。function createAnother(original){ var clone = Object.create(original); //通過調用函數建立一個新對象 clone.sayHi = function(){ //以某種方式來增強這個對象 alert("Hi"); }; return

js 內建的 map() 方法全面瞭解，jsmap1. 方法概述map() 方法返回一個由原數組中的每個元素調用一個指定方法後的傳回值組成的新數組。2. 例子2.1 在字串中使用map在一個 String  上使用 map 方法擷取字串中每個字元所對應的 ASCII 碼組成的數組：var map = Array.prototype.mapvar a = map.call("Hello World", function(x) { return x.charCodeAt(0); })//

jQuery3.0中的buildFragment私人函數詳解，jquery.buildfragment時隔 3 個月，jQuery 團隊終於發布了 3.0 Alpha 版本。有兩個版本 jQuery compat 3.0 和 jQuery 3.0。jQuery compat 3.0 對應之前的 1.x， 相容更多的瀏覽器，對於IE支援到 8.0 版本jQuery 3.0 對應之前的 2.x，關注更新的瀏覽器，對於IE支援到 9.0 版本此外， 3.0還增加了對 Yandex

JavaScript裡 ==與===區別詳解，javascript詳解1、對於string,number等基礎類型，==和===是有區別的1）不同類型間比較，==之比較“轉化成同一類型後的值”看“值”是否相等，===如果類型不同，其結果就是不等2）同類型比較，直接進行“值”比較，兩者結果一樣2、對於Array,Object等進階類型，==和===是沒有區別的進行“指標地址”比較3、基礎類型與進階類型，==和===是有區別的1）對於==，將進階轉化為基礎類型，進行“值”比較2）因為類型不同，===

你知道setTimeout是如何啟動並執行嗎?，setTimeout運行大家看下如下代碼，猜猜執行結果：var start = new Date;setTimeout(function(){ console.log('時間流逝了:'+(new Date - start)+'毫秒');}, 200);while (new Date - start < 1000) {}console.log(1);function doSoming(){ setTimeout(function(){

AngularJS指令詳解及範例程式碼，angularjs範例程式碼AngularJS指令用於擴充HTML。這些都是先從ng- 首碼的特殊屬性。我們將討論以下指令：ng-app - 該指令啟動一個AngularJS應用。ng-init - 該指令初始化應用程式資料。ng-model - 此指令定義的模型，該模型是變數在AngularJS使用。ng-repeat - 該指令將重複集合中的每個項目的HTML元素。ng-app指令ng-app

BOM系列第三篇之定時器應用(時鐘、倒計時、秒錶和鬧鐘)，bom第三篇時鐘　　最簡單的時鐘製作辦法是通過Regex的exec()方法，將時間對象的字串中的時間部分截取出來，使用定時器重新整理即可<div id="myDiv"></div><script>myDiv.innerHTML = /\d\d:\d\d:\d\d/.exec(new Date().toString())[0];setInterval(function(){myDiv.innerHTML

AngularJS表單詳解及範例程式碼，angularjs範例程式碼AngularJS提供豐富填寫表單和驗證。我們可以用ng-click來處理AngularJS點擊按鈕事件，然後使用 $dirty 和

AngularJS 視圖詳解及範例程式碼，angularjs範例程式碼AngularJS支援通過在單個頁面上的多個視圖的單頁應用。要做到這一點AngularJS提供ng-view 和 ng-template指令，以及 $routeProvider 服務。ng-viewng-view 標記只是簡單地建立一個預留位置，是一個相應的視圖(HTML或ng-template視圖)，可以根據配置來放置。使用定義一個div與ng-view在主模組中。<div ng-app="mainApp">..

AngularJS Ajax詳解及範例程式碼，angularjsajaxAngularJS提供$http控制，可以作為一項服務從伺服器讀取資料。伺服器可以使一個資料庫調用來擷取記錄。 AngularJS需要JSON格式的資料。一旦資料準備好，$http可以用以下面的方式從伺服器得到資料。function studentController($scope,$http) {var url="data.txt"; $http.get(url).success( function(response)

深入理解jQuery layui分頁控制項的使用，jquerylayui$.getJSON( )的使用方法簡介$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )url是必選參數，表示json資料的地址；data是選擇性參數，用於請求資料時發送資料參數；success是可參數，這是一個回呼函數，用於處理請求到的資料。//內容頁面 <br>　　 <div

學習Angular中範圍需要注意的坑，angularAngular範圍在用angular搭建的網頁應用中，範圍（scope）這個概念是貫穿其中的。在angular的視圖（view）中的很多指令是會建立一個範圍的，例如 ng-app ， ng-controller 等。這個範圍就是我們在寫控制器建構函式時注入的 $scope （angular1.2之前的版本），他是視圖模型（view

AngularJS 範圍詳解及範例程式碼，angularjs範例程式碼範圍扮演其視圖連接導向器的角色一個特殊的JavaScript對象。範圍包含了模型資料。在控制器，模型資料通過$scope對象訪問。<script> var mainApp = angular.module("mainApp", []); mainApp.controller("shapeController", function($scope) { $scope.message = "In

CSS重要屬性之 margin 屬性知識大整合，  以下的分享是本人最近幾天學習了margin知識後，大有啟發，感覺以前對margin的瞭解簡直太淺薄。所以寫成以下文章，一是供自己整理思路；二是把知識分享出來，避免各位對margin屬性的誤解。內容可能會有點多，但都是精華，希望大家耐心學習。 以下的分享會分為如下內容：1.margin 屬性的簡單介紹　　1.1：普通流的 margin 百分比設定　　1.2：絕對位置的 margin 百分比設定2.margin