一、
解決chrome上接口無法調用的問題!比如說6666接口是不能使用的問題----------
今天在運行一個iView工程的時候,爲了要與其他幾個工程區分開,改用了端口號6666,結果死活運行不出來,然而上次我用的是8080是能夠運行出來的,於是懷疑是不是該端口號被禁用了,上網上查了一下,發現還真是。
抱着好奇心,根據某網友提供的方法試了一下,發現還真能行得通,特此做個筆記。
做法其實很簡單,就是鼠標右鍵谷歌瀏覽器桌面快捷方式,選擇 ‘屬性’ => ‘快捷方式’,在目標的url後面加上 --explicitly-allowed-ports=6666即可解決,多個端口號使用逗號隔開。
二、
@JavaScript中的fill()方法:
fill()方法的作用是使用一個固定值來替換數組中的元素。該固定值可以是字母、數字、字符串、數組等等。fill()方法還有兩個可選參數,表示填充的起始位置和結束位置。
廢話不說,直接上代碼:
三、
@遍歷數組中的元素的方法。
1、for循環
2、forEach()方法 arr.forEach(function(val,index){
})
3、for - in循環
4、For - of ES6的方法:
其實還有很多,比如:map,set,indexOf,lastindexOf等等
四、
@實現圖文不可複製的效果
有時候想複製網上某段圖文來自己應用的時候,發現文本無法選中,因而無法完成複製。總覺得挺神奇的,今天終於知道了這種效果該怎麼實現了。
這裏使用到了user-select屬性。
IE6-9不支持該屬性,但支持使用標籤屬性 onselectstart="return false;" 來達到 user-select:none 的效果
五、
@圖片上傳時獲取圖片的寬和高
一般而言,我們把圖片上傳至服務器時,服務器會返回一個上傳地址給我們,這個就是我們圖片的url了,但是光有這個還是不夠的,因爲還要將圖片的寬和高傳給服務器,這時候就可以這樣做了。直接上代碼:
var img = new Image()
img.src = url
這樣的話我們就可以直接通過img.width和img.height就可以獲取圖片的寬高了,但是由於上傳的圖片是異步的,所以我們獲得到寬和高還是0;那麼我們就要把這個加載的寬和高放到body中的。所以是這樣的:
img.onload = function(){
w = img.width;
h = img.height
}
以上是ES5的方法;當然了還有ES6的方法:如下
簡化如下:
六、錨點的鏈接
@同一頁面之間的跳轉:簡單
<a href="#goal">點擊跳轉</a>
<p id="goal">HTML中的鏈接,正確的說法應該稱作"錨點"。</p>
@不同頁面之間的錨點的鏈接:在a標籤的herf中加入需要跳轉的路徑和#id,就OK
<a href="路徑"+"#goal">點擊跳轉</a>
<p id="goal">HTML中的鏈接,正確的說法應該稱作"錨點"。</p>
七、動態的修改網頁的title
@js的方法如下:
@jQuery的方法:
八、比特蟲在線製作icon圖標、favicon.ico在線製作!
九、Chrome 中文界面下默認會將小於 12px 的文本強制按照 12px 顯示, 可通過加入 CSS 屬性 -webkit-text-size-adjust: none; 解決.這是webkit內核的瀏覽器私有屬性!在Firefox和IE上不適用。Firefox和IE中字體的大小由自己定義。可以是4px等等。