原创 跨域、跨文檔傳輸數據(三)---- postMessage ; 實現跨文檔消息傳輸;

之前寫過兩篇解決跨文檔消息傳輸的解決方案。其中 一種使用了MessageJS的插件方法,其實MessageJS 這個插件的原理就是使用了HTML5提供的postMessage; 一下講講,postMessage的實際用法以及基本知

原创 CSS --- 修改默認下拉框樣式

由於select下拉框的整體樣式,一般比較難看,而且各個瀏覽器顯示的樣式也不同; 可以通過CSS來修改默認下拉框的樣式,通過appearance清除默認的select樣式, 重新設置高度、寬度、字體顏色以及邊框樣式,並且通過圖

原创 CSS -- file上傳,多個瀏覽器統一樣式

< input type ="file" class ="upload" id="impt_uploadBtn" /> HTML中file上傳控件,在各個瀏覽器中顯示的樣式不一樣,爲了統一樣式,使用一下方式修改 主要是設置pos

原创 react中給dom元素添加自定義屬性(Unknown prop `_type` on tag)

在開發react項目中,默認的標籤屬性:nam、id、className等; 如果需要給標籤添加自定義屬性; 如: <Bu _type="1" ></Bu> 這時候如果直接寫_type,react不識別這是tag屬性;會直接在

原创 CSS -- 控制多出文本顯示省略號

由於網頁排版需要,有些地方過長的文本需要加省略號。比如,限制標籤寬度爲100px,超出寬度的部分就用神略號顯示,如上圖 html標籤: < label title =”控制多出文本顯示省略號”>控制多出文本顯示省略號 CSS 樣

原创 JQuery實現省份三級下拉框功能(整理)

JQuery實現省份三級下拉框功能 網上有很多關於省份三級下拉框功能的實現代碼,這次整理一份全的,直接上代碼: 調用: //綁定城市下拉選 $("#city_1").citySelect({ prov:"北京",

原创 array數組擴展方法二、-- 數組中的對象元素進行歸類,參數值相同的對象放在一起,以數組第一個元素爲準

數組中的對象元素進行歸類,參數值相同的對象放在一起,以數組第一個元素爲準 比如以下數據: // 將以下數組數據以對象中id元素進行排序,以第一個元素爲準 data = [ { "id": "1",

原创 Nginx ----- Windows下Nginx的安裝與部署

web服務器中Nginx可以支撐5萬併發連接; 對js、css、圖片等靜態文件有較強的處理能力; 可按照預定規則過濾url以及URL的重定向; 可作爲軟負載提供負載均衡服務; 可以部署靜態文件等等; 一、下載Nginx N

原创 HTML中P標籤自動換行,瀏覽器補全P標籤時的問題

在HTML5中p是塊級元素。代表一個段落,段落裏面的文字在達到右邊界的時候會自動換行; 在頁面中如果沒有設置,會強制換行; 正確的書寫: <p>我是一個p標籤</p> 如果書寫的過程中沒有加結束標籤”/p”,瀏覽器會默認補全,

原创 IE6-9中tbody.innerHTML不能賦值問題;SCRIPT600:該操作的目標元件無效

IE6-IE9中tbody的innerHTML不能賦值. 獲取時所有瀏覽器都彈出了tr的字符串,但設置時IE6-9不支持,而且報錯,如圖 解決方案: 1. 可以換個添加屬性,如:appendChild, tb

原创 canvas繪製圓環百分比進度的動態效果

canvas繪製圓環百分比進度的動態效果 首先看一下效果圖: 原理: 原理很簡單,第一步繪製一個整圓顏色自定義,第二部繪製一個內圓,其半徑要小於外圓顏色自定 最後一步按照百分比繪製第三個圓,顏色自

原创 CSS---cursor鼠標屬性

CSS改變鼠標指針形狀的方法: 在項目中會遇到需要點擊的圖片,字體,按鈕等,就需要鼠標的指針形式變成小手型; 當文本款,文本域是禁止輸入的時候,鼠標的指針變成紅圈中間一道槓的形式; 首先看一下cursor的屬性表: 默認

原创 HTML,JS禁止鼠標右鍵、禁止全選、複製、粘貼的方法;

禁止鼠標右鍵、禁止全選、複製、粘貼; oncontextmenu事件禁用右鍵菜單; js代碼: document.oncontextmenu = function(){ event.returnValue = false

原创 CSS---checkbox美化,ios風格的開關按鈕

這段時間工作的新需求,是做一個類似IOS開關按鈕。用來顯示是否選中。 如: 默認未選中 默認選中 方法一: CSS中通過:before、:after僞類美化checkbox按鈕,來實現; HTML:<input ty

原创 Windows-DOS命令 ----- taskkill;批量結束進程。

windows taskkill命令用法詳解; 定義: 是用來終止進程的; 可用來結束至少一個進程,可以根據進程 id 或圖像名來結束進程; taskkill [/S system [/U username [/P [pa