Js位置與大小（1）——正確理解和運用與尺寸大小相關的DOM屬性，jsdom在web開發中，不可避免遇到要計算元素大小以及位置的問題，解決這類問題的方法是利用DOM提供的一些API結合相容性處理來，所有內容大概分3篇左右的文章的來說明。本文作為第一篇，介紹DOM提供的與尺寸大小相關的DOM屬性，提供一些相容性處理的方法，並結合常見的情境說明如何正確運用這些屬性。1.
屏蔽移動端瀏覽器的長按事件，屏蔽端瀏覽器事件 最近做了一個圖片閱後即焚的網頁在移動端瀏覽，過程是按住螢幕並移動時，圖片會慢慢展示，鬆開手時圖片立即粉碎消失。 但是長按圖片時會觸發瀏覽器內建的長按事件，從網上搜尋得知有以下兩種方法： 1.添加事件 ontouchstart = "return false;" 2.css統一加上 -webkit-user-select:none; -webkit-touch-
使用CSS實現表格細邊框的三種方式，css三種方式說到表格，雖說隨著前端技術的發展div已經遍地開花徹底推翻了table布局的時代。可是當遇到報表之類的操作是table還是非常值得使用的。由於動作表格的時候不可避免使用到細邊框效果，所以我就整理了一下常用的三種實現細邊框表格的方式，分享給大家，代碼如下：<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>
關於系統前端開發的那些事，系統開發那些事引言：最近本人有幸參與公司3.0新版超市前端開發工作，開發工作中遇到一些問題，現將開發前端中遇到的一些問題和建議給大傢伙做個分享^_^總結的不是很多，還有待完善，歡迎補充……問題1：開發前端有時會遇到<img>標籤中的src屬性值為空白，或者src屬性值存在，但是伺服器端得圖片被幹掉了，這樣就會導致2種影響頁面執行的問題的誕生，（1）、<img src=''
使用float和display:block將內嵌元素轉換成塊元素的不同點，floatblock使用float和display:block將內嵌元素轉換成塊元素的不同點:建議:儘可能的手寫代碼，可以有效提高學習效率和深度。內嵌元素可以轉換成區塊層級元素，常用的方法比如可以為內嵌元素使用float屬性讓內嵌元素浮動起來，或者為內嵌元素添加display:block。雖然兩者都可以讓內嵌元素轉換成區塊層級元素，但是有區別的。代碼執行個體如下:<!DOCTYPE html><html&
【02】json文法，02json【02】JSON 文法是 JavaScript 文法的子集。JSON 文法規則JSON 文法是 JavaScript 物件標記法文法的子集。資料在成對的名稱和數值中資料由逗號分隔花括弧儲存對象方括弧儲存數組JSON 成對的名稱和數值JSON 資料的書寫格式是：成對的名稱和數值。成對的名稱和數值包括欄位名稱（在雙引號中），後面寫一個冒號，然後是值："firstName":"John" 這很容易理解，等價於這條 JavaScript
小白 安裝和配置Tomcat 區域網路內訪問網頁，小白tomcat1.官網http://tomcat.apache.org/ ，下載tomcat，解壓就好2.官網www.oracle.com, 下載javaJDK,如下，點擊黃色螢光筆然後然後注意，點擊同意，然後在選擇相應系統，我是window32位，下載安裝3.設定環境變數，我不知道蘋果系統的，win7的是右擊電腦
UEditor編輯器上傳圖片開發流程，ueditor上傳圖片在ueditor目錄下找到uedior.config.js，找到如下三行：1 ,imageUrl: "<%=path %>/controller.json" //圖片上傳提交後台對應的地址，路徑固定為*/controller.*2 ,imagePath: "<%=path %>/ueditor/" //圖片在伺服器上的儲存目錄3 ,imageFieldName: "upload"
Bootstrap_導航，bootstrap導航一、標籤形tab導航 標籤形導航，也稱為選項卡導航。 標籤形導航是通過“.nav-tabs”樣式來實現。在製作標籤形導航時需要在原導航“.nav”上追加此類名。<ul class="nav nav-tabs"> <li class="active"><a href="##">Home</a></li> <li><a
HTML5中的音視頻處理，HTML5音視頻處理 * 音視頻處理 * 視頻處理 * 基本內容 * 使用Flash技術處理HTML頁面中的視頻內容 * 包含音頻、動畫、網頁遊戲等 * 特點 * 瀏覽器原生不支援(IE瀏覽器要求安裝ActiveX組件) * 效能不好(不能過多地使用) * 智能移動端並不支援Flash技術 * 命運 * Flash的母公司Adobe公開宣布放棄 * 目前用於替代Flash技術最好的選擇 - HTML5
百度地圖API自訂地圖，地圖api自訂http://api.map.baidu.com/lbsapi/creatmap/index.htmlhttp://developer.baidu.com/map/index.php?title=webapi<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
CSS基礎知識筆記(三)，css基礎知識筆記繼承繼承是一種規則，它允許樣式不僅應用於某個特定html標籤元素，而且應用於其後代。比如下面代碼：如某種顏色應用於p標籤，這個顏色設定不僅應用p標籤，還應用於p標籤中的所有子項目文本，這裡子項目為span標籤。CSS中存在一些不能繼承的樣式，如：border:1px solid
HTML5樣式和列表、CSS連結的四種狀態，html5css一、HTML5樣式1、標籤： <style>:樣式定義； <link>：資源引用；2、屬性： type="text/css":引入文件類型； rel="stylesheet":外部樣式表；3、三種樣式表插入方法： （1）外部樣式表： 在<head></head>中寫入： <link rel="stylesheet"
把UI圖裡的小表徵圖製作成icon font，uiicon
javascript資料結構之二叉搜尋樹實現方法，javascript資料結構本文執行個體講述了javascript二叉搜尋樹實現方法。分享給大家供大家參考，具體如下：二叉搜尋樹：顧名思義，樹上每個節點最多隻有二根分叉；而且左分叉節點的值 < 右分叉節點的值 。特點：插入節點、找最大/最小節點、節點值排序 非常方便二叉搜尋樹-javascript實現<script type="text/javascript">// <
