Time of Update: 2016-08-22
jQuery Easyui Tabs擴充根據自訂屬性開啟頁簽,jqueryeasyuieasyui是一個輕量級的後台管理系統架構,各種組件均有,使用簡單方便,現在已經有免費版的License了。1.增加擴充<script type="text/javascript" >/*** @author {kexb} easyui-tab擴充根據id切換頁面*/$.extend($.fn.tabs.methods, {getTabById: function (jq, id) {var
Time of Update: 2016-08-22
jQuery解決input元素的blur事件和其他非表單元素的click事件衝突問題,jqueryblurHTML結構:很簡單,就一個input,一個div,能說明問題就OK了;<input type="text"
Time of Update: 2016-08-22
總結Node.js中的一些錯誤類型,總結node.js類型前言Node.js應用中可能會發生多種類型的錯誤。如:當出現語法錯誤或執行階段錯誤時,會觸發JavaScript錯誤;當試圖試訪問一個不存在或沒有訪問的檔案時,會觸發系統錯誤;除JavaScript錯誤和系統錯誤錯誤外,使用者還可以自訂錯誤。1.
Time of Update: 2016-08-22
淺談JS繼承_寄生式繼承 & 寄生組合式繼承,淺談js繼承寄生5.寄生式繼承與寄生建構函式和原廠模式類似,建立一個僅用於封裝繼承過程的函數,該函數在內部以某種方式來增強對象,最後返回對象。function createAnother(original){ var clone = Object.create(original); //通過調用函數建立一個新對象 clone.sayHi = function(){ //以某種方式來增強這個對象 alert("Hi"); }; return
Time of Update: 2016-08-22
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); })//
Time of Update: 2016-08-22
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
Time of Update: 2016-08-22
JavaScript裡 ==與===區別詳解,javascript詳解1、對於string,number等基礎類型,==和===是有區別的1)不同類型間比較,==之比較“轉化成同一類型後的值”看“值”是否相等,===如果類型不同,其結果就是不等2)同類型比較,直接進行“值”比較,兩者結果一樣2、對於Array,Object等進階類型,==和===是沒有區別的進行“指標地址”比較3、基礎類型與進階類型,==和===是有區別的1)對於==,將進階轉化為基礎類型,進行“值”比較2)因為類型不同,===
Time of Update: 2016-08-22
javascript驗證手機號和實現星號(*)代替執行個體,javascript星號一、JavaScript替換手機號中間4位// 匹配手機號首尾,以類似“123****8901”的形式輸出'12345678901'.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');樣本<!doctype html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-
Time of Update: 2016-08-22
談談PHP中相對路徑的問題與絕對路徑的使用,php絕對路徑問題描述首先我們先來看一下我們這個例子的目錄結構以及這三個檔案的內容a.php<?phpinclude './c/d.php'b.php<?phpdefine('__B', 'this is a test');c/d.php<?phpinclude '../b.php';var_dump(__B);在c目錄下面的d.php檔案引用了它的上級目錄下的 b.php 檔案 單獨運行 c/d.php
Time of Update: 2016-08-22
AngularJS表單詳解及範例程式碼,angularjs範例程式碼AngularJS提供豐富填寫表單和驗證。我們可以用ng-click來處理AngularJS點擊按鈕事件,然後使用 $dirty 和
Time of Update: 2016-08-22
AngularJS Ajax詳解及範例程式碼,angularjsajaxAngularJS提供$http控制,可以作為一項服務從伺服器讀取資料。伺服器可以使一個資料庫調用來擷取記錄。 AngularJS需要JSON格式的資料。一旦資料準備好,$http可以用以下面的方式從伺服器得到資料。function studentController($scope,$http) {var url="data.txt"; $http.get(url).success( function(response)
Time of Update: 2016-08-22
深入理解jQuery layui分頁控制項的使用,jquerylayui$.getJSON( )的使用方法簡介$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )url是必選參數,表示json資料的地址;data是選擇性參數,用於請求資料時發送資料參數;success是可參數,這是一個回呼函數,用於處理請求到的資料。//內容頁面 <br> <div
Time of Update: 2016-08-22
學習Angular中範圍需要注意的坑,angularAngular範圍在用angular搭建的網頁應用中,範圍(scope)這個概念是貫穿其中的。在angular的視圖(view)中的很多指令是會建立一個範圍的,例如 ng-app , ng-controller 等。這個範圍就是我們在寫控制器建構函式時注入的 $scope (angular1.2之前的版本),他是視圖模型(view
Time of Update: 2016-08-19
CSS重要屬性之 margin 屬性知識大整合, 以下的分享是本人最近幾天學習了margin知識後,大有啟發,感覺以前對margin的瞭解簡直太淺薄。所以寫成以下文章,一是供自己整理思路;二是把知識分享出來,避免各位對margin屬性的誤解。內容可能會有點多,但都是精華,希望大家耐心學習。 以下的分享會分為如下內容:1.margin 屬性的簡單介紹 1.1:普通流的 margin 百分比設定 1.2:絕對位置的 margin 百分比設定2.margin
Time of Update: 2016-08-18
bootstrap的下拉框在firefox介面不友好的處理,bootstrapfirefoxhttp://output.jsbin.com/titaki以上這個連結在firefix瀏覽器開啟就會發現裡面有個小容器,而且下拉按鈕樣式跟不友好上Google查了一下1.小容器可以利用select:padding:02.下拉表徵圖可以利用background-image;-moz-appearance:none把下拉框的樣式去掉,然後 @-moz-document url-prefix() {
Time of Update: 2016-08-18
給li設定float浮動屬性之後,無法撐開外層ul的問題。,floatul最近在項目中有好幾次遇到這個問題,感覺是浮動引起的,雖然用<div>它就脫離當前正常的文檔流,所以沒辦法撐開外層ul的高度。以下面代碼為例,其實有好幾種解決方案,我用的這種並不是最簡單的。<!DOCTYPE html ><html ><head><meta
Time of Update: 2016-08-18
步驟進度條 css,進度條css用css寫一個簡單的步驟進度條html代碼:<h4>南京遊玩</h4> <ul class="step-list"> <li> <span class="step">第一天</span> <div class="content">中山陵</div> </li> <li> <
Time of Update: 2016-08-14
HTTP狀態代碼(HTTP Status Code),statuscode一些常見的狀態代碼為:200 - 伺服器成功返回網頁 404 - 請求的網頁不存在 503 - 服務不可用 所有狀態解釋: 1xx(臨時響應)表示臨時響應並需要要求者繼續執行操作的狀態碼。代碼 說明 100 (繼續) 要求者應當繼續提出請求。 伺服器返回此代碼錶示已收到請求的第一部分,正在等待其餘部分。 101 (切換協議) 要求者已要求伺服器切換協議,伺服器已確認並準備切換。 2xx
Time of Update: 2016-08-15
CSS3繪製六邊形,css3六邊形因為很簡單,所以先總結一下:使用CSS3繪製六邊形主要使用偽類:before和:after在源元素之前和之後再繪製兩個元素,並利用css3的邊框樣式,將這兩個元素變成三角形放置在源元素的兩端即可。(因為之前在生物公司工作過,覺得六邊形更貼近生物分子、基因等概念,包括我們在網上搜尋關於生物分子、基因等圖片,好多也有六邊形的樣式,所以那時候在頁面做一些功能性的導航或Tag,都會覺得六邊形更貼近一些)。完整的頁面效果如:(其實是多個六邊形定位成這樣子的。當然,也可以設
Time of Update: 2016-08-13
執行個體之輪盤抽獎,輪盤抽獎現在學習到了過渡效果了,已經開始有做動畫效果的意識了,會實現一些比較炫的小玩意,一個網頁加入過渡動畫效果,會讓人看起來很有美觀,不僵硬,有看頭,動畫是一個網頁美觀的主要體現之一,下面做個使用個過渡效果實現的抽獎例子。先來: 這個的實現需要使用到一些js代碼。所需圖片: 這張圖是pointer.png的位置的。turntable-bg.jpg這張是背景圖,在背景位置。這張是turntable.png位置的。 需要這三張圖片,如果