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
淺談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
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
Time of Update: 2016-08-22
AngularJS表單詳解及範例程式碼,angularjs範例程式碼AngularJS提供豐富填寫表單和驗證。我們可以用ng-click來處理AngularJS點擊按鈕事件,然後使用 $dirty 和
Time of Update: 2016-08-22
AngularJS 視圖詳解及範例程式碼,angularjs範例程式碼AngularJS支援通過在單個頁面上的多個視圖的單頁應用。要做到這一點AngularJS提供ng-view 和 ng-template指令,以及 $routeProvider 服務。ng-viewng-view 標記只是簡單地建立一個預留位置,是一個相應的視圖(HTML或ng-template視圖),可以根據配置來放置。使用定義一個div與ng-view在主模組中。<div ng-app="mainApp">..
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-22
AngularJS 範圍詳解及範例程式碼,angularjs範例程式碼範圍扮演其視圖連接導向器的角色一個特殊的JavaScript對象。範圍包含了模型資料。在控制器,模型資料通過$scope對象訪問。<script> var mainApp = angular.module("mainApp", []); mainApp.controller("shapeController", function($scope) { $scope.message = "In
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-18
a標籤加入單擊事件 屏蔽href跳轉頁面,href跳轉我們常用的在a標籤中有點擊事件:1. a href="javascript:js_method();"這是我們平台上常用的方法,但是這種方法在傳遞this等參數的時候很容易出問題,而且javascript:協議作為a的href屬性的時候不僅會導致不必要的觸發window.onbeforeunload事件,在IE裡面更會使gif動畫圖片停止播放。W3C標準不推薦在href裡面執行javascript語句2. a
Time of Update: 2016-08-15
CSS3繪製六邊形,css3六邊形因為很簡單,所以先總結一下:使用CSS3繪製六邊形主要使用偽類:before和:after在源元素之前和之後再繪製兩個元素,並利用css3的邊框樣式,將這兩個元素變成三角形放置在源元素的兩端即可。(因為之前在生物公司工作過,覺得六邊形更貼近生物分子、基因等概念,包括我們在網上搜尋關於生物分子、基因等圖片,好多也有六邊形的樣式,所以那時候在頁面做一些功能性的導航或Tag,都會覺得六邊形更貼近一些)。完整的頁面效果如:(其實是多個六邊形定位成這樣子的。當然,也可以設
Time of Update: 2016-08-12
用js讀寫cookie的簡單方法(推薦),js讀寫cookie推薦在資料安全要求不是很高的情況下,我們可以直接用js對cookie進行讀寫,這樣比較方便。代碼如下:/* 功能:儲存cookies函數 參數:name,cookie名字;value,值 */ function SetCookie(name,value){ var Days = 30*12; //cookie 將被儲存一年 var exp = new Date(); //獲得目前時間
Time of Update: 2016-08-12
HTML頁面,測試JS對C函數的調用簡單一實例,js函數這裡記一下,以後要用的時候可以查!<HTML><HEAD><META NAME="GENERATOR" Content="Microsoft Visual Studio"><meta http-equiv="content-type"