JavaScript

CSS定位屬性position，css定位positionCSS定位元素有3種方式 ：普通流、相對位置、絕對位置。通過設定position屬性來實現。position屬性取值的含義inherit繼承父元素position 屬性的值。static預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。relative產生相對定位的元素，相對於元素本身正常位置進行定位。因此，"left:20" 會向元素的 LEFT 位置添加 20

CSS Hack，csshack摘要：      在我們製作頁面時CSS hack由於不同的瀏覽器，比如Internet Explorer,Mozilla Firefox等，對CSS的解析認識不一樣，因此會導致產生的頁面效果不一樣，得不到我們所需要的頁面效果。 這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時相容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。　　CSS

JS中call和apply方法的區別1、call 方法 先上個小demo：function add(a,b) { alert(a+b); } function sub(a,b) { alert(a-b); } add.call(sub,2,1); 相信看完這個demo大家都明白了，就是用 add()方法來替換 sub()方法，add.call(sub,3,1) == add(3,1)

css美化、最佳化、合并工具推薦，css美化其實很多時候，我們寫完css規則之後，我們思考的無非就是3件事情： 當然無論是我們自己做這樣的工具還是尋找一些比較好的成熟的工具，都有幾個期望：是否支援一些ie下的hack方式：*property:value_property:valueproperty:valye\9 是否支援@import是否支援@charset "UTF-8"是否支援!important等等。。。。。 下面簡單介紹2款我比較常用工具： 1、

【WebFrontEnd】一個頁面的多種HTML結構與多種CSS布局，webfrontendcss第一次寫文章，巧緊張！！！這是一個很簡單的布局，不過是個值得深思的問題。對於這種布局，可以有多種HTML、CSS寫法，那麼到底可以有多少種寫法呢？我的思路是根據HTML的不同布局，寫不同的CSS。這裡為了效果，所以都給元素添加了固定的高度。1、第一種頁面結構1-1、第一種CSS布局：這種寫法是一個清除了浮動的父元素含有兩個向左浮動的子項目，子項目各設定了寬度。這裡一定要給aside一個右外邊距，不然

javascript進階程式設計---模式設計1.工廠方式建立對象car var oCar = new Object;oCar.color = "red";oCar.doors = 4;oCar.mpg = 23;oCar.showColor = function(){ alert(this.corlor);};建立多個carfunction createCar(color, doors, mpg) { var tempcar = new Object;

JavaScript擷取滑鼠移動時的座標(相容IE8、chomeGoogle、Firefox)，ie8chomeJavaScript擷取滑鼠移動時的座標(相容:IE8、Google、Firefox、Opera )，測試通過直接複製成html檔案，即可運行。為方便大家測試特準備了一份線上示範<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1

[ExtJS5學習筆記]第二十節

js中的join(),reverse()與 split()函數用法解析js中的join(),reverse()與 split()函數用法解析<script>/** 1：arrayObject.reverse()* 注意： 該方法會改變原來的數組，而不會建立新的數組。*2：arrayObject.join()* 注意：join() 方法用於把數組中的所有元素放入一個字串。* 元素是通過指定的分隔字元進行分隔的。*

JavaScript之DOM編程今天看了web 前端的一些知識，JavaScript的DOM編程筆記如下：1. 節點及其類型:1). 元素節點2). 屬性節點: 元素的屬性, 可以直接通過屬性的方式來操作. 3). 文本節點: 是元素節點的子節點, 其內容為文本. 2. 在 html 文檔的什麼位置編寫 js 代碼?0). 直接在 html 頁面中書寫代碼.Click Me!缺點: ①. js 和 html 強耦合, 不利用代碼的維護②. 若 click 相應函數是比較複雜的,

js深入學習-回呼函數之代碼複用在js中經常回有一個代碼塊在多個地方重複利用，這種做法不利於代碼的最佳化，同時對於後期人員的維護也是一個麻煩，假如後期人員需要修改重複利用的代碼塊，往往會出現只修改其中一處而導致問題，其實處理很簡單。把重複利用的代碼塊抽出來單獨寫成一個函數。別的地方直接調用這個函數就行了。例如有 兩個函數F1，F2，都會執行代碼塊CODE1，我們可以CODE1封裝成F3， funcitn F1(){F3} funcitn

JavaScript依賴管理工具bowerjs依賴管理工具bower註：本文摘自作者正在寫的新書《雲時代的程式猿》2014.9.4和前面介紹的maven類似，只不過它是專門用來管理js包的，在我們開發應用的時候，大部分情況下一個應用裡會使用很多js的包，比如一個項目裡可能會用到jquery、dwr、d3等多個js包，有的時候可能版本還不一樣，如果每次都是手工下載，然後放到本地項目中，是不是覺得很無趣？bower就是來幫我們幹這事的。在安裝bower之類請確保您已經安裝了nodejs

js 原型 數組合并且重複資料刪除部分function DiffArray(a,b){ this.a = a; this.b = b;}DiffArray.prototype.diff = function(){ var c = []; var tmp = this.a.concat(this.b); var o = {}; for (var i = 0; i for (x in o) if (o[x] == 1) c.push(x);

Javascript 閉包與範圍 今天來說下javascript的範圍及閉包使用。先說下範圍的概念，各種開發語音都會遇到變數的生命週期，使用範圍，使用範圍其實就是變數的範圍，字面意思理解就是這個變數在那段代碼區間內有效。1、.Javascript的範圍是函數範圍而非塊級範圍，看代碼： (function(){ var i=1; if(i==1){ var j=3; } console.log(j);

[ExtJS5學習筆記]第十八節

父視窗取子視窗的 js 數組現在這個系統,用到了大量的選取器 和 自動完成,憑藉我的三寸不爛之手, 將這些選取器 和 自動完成做到了最簡化, 一路順風順水. 今天下午補充一個頁面的選取器, 要取一個複雜的 json 對像,用來填充資料.這個 json 對象包含數組, 取出來後,要轉變為本地頁面(選取器的父頁面)的某個"類"的執行個體. 我用這個方法來將 json 對象轉換為某個"類"的對象: 複製代碼 1

jQuery如何判斷和設定單選多選是否選中？？ 如何判斷HTML中的單選多選是否選中呢？ 這是web編程中最常用的判斷，可是前段時間，卻遇到了一個很奇怪的問題。我想很多人會這樣判斷 if($("#weixuanzhong").attr("checked")=="checked")//選中時 { }但如果是如下的HTML代碼：卻發現上邊的判斷始終都是真，不管多選框是不是選中。於是我奇怪，以前自己都是這麼判斷的啊，好像沒發現問題啊。於是發現了這個屬性其實在不同情況下是不同的。1

Javascript的由來一、javascript的由來Javascript是一種web技術，最初起名叫LiveScript，它是Netscape開發出來一種指令碼語言，其目的是為了擴充基本的Html的功能，用來替代複雜的CGI程式來處理web頁表單資訊，為web頁增加動態效果。當Java出現以後.Netscape和Sun公司一起開發了一種新的指令碼語言，他的文法和Java非常的類似，所以命名為:Javascript.什麼是ECMA？它是由Microsoft,Netscape（網景

自己編寫jQuery外掛程式 之 表格樣式（銀光棒）Html代碼如下： 複製代碼<table>        <thead>            <tr>                <td>編號</td>     

jQuery 關於IE9上傳檔案無法進入後台問題的原因及解決辦法（ajaxfileupload.js第四彈）出現這個問題的原因其實要歸罪於 function getFilePath(obj) {    if (obj) {        if (window.navigator.userAgent.indexOf("MSIE") >= 1) {        &