Time of Update: 2015-07-14
標籤: 對於開發人員來說,很多時候我們都會涉及到JavaScript的使用,而在使用過程中,最令人沮喪的就是變數沒有相應的使用範圍。 在開發中,對於任何變數、數組、函數、對象等,只要不在函數的內部,都會被預設為是全域的,意味著頁面上的其他指令碼都可以訪問它,並可進行重寫覆蓋。
Time of Update: 2015-07-14
標籤:html5 javascript canvas 下雪動畫 該下雪動畫效果使用了HTML5中Canvas畫布實現,其中涉及了物理學中曲線運動的相關知識與運算。index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
Time of Update: 2015-07-14
標籤:原型 javascript 前言最近碰到一個題,大家可以試下。Object.prototype.a = function() { console.log("aaa "+this.name);};Function.prototype.b = function() { console.log("bbb "+this.name);};function Person(name) { this.name =
Time of Update: 2015-07-14
標籤:1location.pathname;這在之前我沒怎麼注意過,所以研究研究。location.pathname:返回URL的網域名稱(網域名稱IP)後的部分。例如 http://www.joymood.cn/wordpress/返回/wordpress/,又或則 http://127.0.0.1/index.html
Time of Update: 2015-07-12
標籤:Add and Search Word - Data structure designDesign a data structure that supports the following two operations:void addWord(word)bool search(word)search(word) can search a literal word or a regular expression string containing only
Time of Update: 2015-07-14
標籤:1、對象方法,屬性:是屬於對象執行個體層次上的方法,沒建立一個執行個體,此執行個體便有了相應的對象方法,執行個體可以使用對象方法。eg:function People(name){ //對象屬性,公有的(即每個執行個體都有一個此屬性或方法) this.name = name; //對象方法,公有的 this.introduce = function(){ alert(‘my name =
Time of Update: 2015-07-12
標籤:Delete 操作在數組與對象之間的差異對數組進行 delete 運算,效果與對對象進行 delete 運算不同;見下://delete操作在對象和數組之間的不同//先刪除對象的屬性var originObj={name:‘Spark‘,inner:{top:‘shirt‘,short:‘T-string‘}};delete originObj.inner;for (var prop in originObj){?document.write(prop);}//->
Time of Update: 2015-07-16
html
Time of Update: 2015-07-14
總結CSS3新特性(顏色篇),總結css3新特性顏色顏色:CSS3新增加了hsl(), hsla(),
Time of Update: 2015-07-14
CSS的link和@import的區別,csslink@importCSS的link和@import的區別:標籤和@import都可以引入外部樣式表,功能看起來類似,但是它們之間還是有不少區別的,由於標籤使用比較頻繁,這裡就不多介紹了,點擊CSS的@import的用法可以瞭解@import的用法。下面就簡單介紹一下它們兩者的區別。一.@import可以在一個樣式表中引入其他樣式表,在同一目錄下有三個樣式表分別是:main.css、one.css和two.css,在main樣式表中可以引入one.
Time of Update: 2015-07-14
CSS的@import的用法,CSS@import用法CSS的@import的用法:@import在很多頁面都有應用,不過使用的頻率還是比link標籤要少的多,所以可能還有很多布局者對此不是太熟悉,下面就簡單介紹一下它的用法。它是用來引入外部樣式表的一種方式,格式有以下兩種:@import "style.css";@import
Time of Update: 2015-07-13
自訂表格單樣式之checkbox和radio,表單checkboxradio1,起因最近在工作中要實現自訂式的radio樣式,而我們通常使用的時預設的樣式,因為自己實在想不到解決的方法,於是開始搜尋,最終看到了不錯的解決辦法,可以完美解決我們遇到的問題。2,原理大家都知道在寫結構的時候,radio或checkbox都會跟隨label一起使用,label的for屬性值和input的id值相同的情況下,點擊label就可以選中input,這裡正是利用label 來覆蓋我們的input預設樣
Time of Update: 2015-07-13
typeahead.js 使用記錄,typeahead.js記錄github地址:https://github.com/twitter/typeahead.js在aceAdmin介面模板中,有typeahead這一控制項,版本號碼為0.10.2 , 這個版本對 minLength:0這個參數無效,所以我就到github中找到新版本0.11.1 替換,在此記錄使用過程中的一些注意事項基本代碼 var gameNameList = ['abc', 'abd', 'cde', 'xyz'];
Time of Update: 2015-07-13
CSS3動畫遮罩文字特效,css3遮罩文字特效<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html;
Time of Update: 2015-07-13
如何設定div的透明度但是其中的文字不透明,div透明度不透明如何設定div的透明度但是其中的文字不透明:設定div透明度的時候可能很多朋友會遇到這樣一個問題,那就是對象中的文字也被產生了透明現象,也不能說事缺陷,也可能有時候需要這樣的效果。這裡就介紹一下如何將對象設定為透明效果,但是文字不透。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta
Time of Update: 2015-07-13
javascript中JSON對象與JSON字串相互轉換執行個體,javascriptjson本文執行個體講述了javascript中JSON對象與JSON字串相互轉換實現方法。分享給大家供大家參考。具體如下:<script type="text/javascript">// 根據JSON對象的屬性的名稱擷取屬性的值var jsonObj = { name: "jxqlovejava" }; // JSON對象console.log(jsonObj.name); //
Time of Update: 2015-07-13
JavaScript設計模式前言最近看了一下《JavaScript設計模式》這本書,書中有很多知識點,一時之間消化不了,先記下來。ps:另有部分內容參考Tom大叔部落格深入理解JavaScript系列構造器(Constructor)模式Object構造器用於建立特定類型的對象——準備好對象以備使用,同時可接受構造器可以使用的參數,以在第一次建立對象時,設定成員屬性和方法的值。function Car(model, year, miles) { this.model
Time of Update: 2015-07-12
Sass:初識Sass與Koala工具的使用,sasskoala一、下載 Koala(找到合適的系統版本)並安裝 二、先建立一個css檔案夾,並在裡面建立一個文字文件(.txt),將其命名為demo.scss 三、開啟Koala,將css檔案夾拽進來,可以修改一下輸出方式 【擴充】SASS提供四個編譯風格的選項:nested:嵌套縮排的css代碼,它是預設值。expanded:沒有縮排的、擴充的css代碼。compact:簡潔格式的
Time of Update: 2015-07-12
CSS中的:after和:before的作用是什麼,cssbeforeCSS中的:after和:before的作用是什麼:在當前的頁面配置中:after和:before偽對象選擇符的使用頻率好像並不怎麼高,因為低版本IE瀏覽器並不支援,不過也在清除浮動或者一切其他相關布局中有它們應用的身影。不過隨著低版本瀏覽器使用率的下降,它們出現的頻率應該會相應的增加。下面就簡單介紹一下這兩個偽對象選擇符的用法,先看一段代碼執行個體:<!DOCTYPE html> <html>
Time of Update: 2015-07-12
左右兩欄寬度自適應,中間一欄寬度固定,左右兩自適應左右兩欄寬度自適應,中間一欄寬度固定:中間一欄寬度固定,左右兩欄寬度自適應效果在眾多網頁中都有應用,有不錯的使用效果,下面就簡單介紹一下如何此效果:代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/"