摘至博客園江峯----關於前端的小技巧

一、

解決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的方法:

 

其實還有很多,比如:mapset,indexOf,lastindexOf等等

四、

@實現圖文不可複製的效果

有時候想複製網上某段圖文來自己應用的時候,發現文本無法選中,因而無法完成複製。總覺得挺神奇的,今天終於知道了這種效果該怎麼實現了。

這裏使用到了user-select屬性。

 

IE6-9不支持該屬性,但支持使用標籤屬性 onselectstart="return false;" 來達到 user-select:none 的效果

五、

@圖片上傳時獲取圖片的寬和高

一般而言,我們把圖片上傳至服務器時,服務器會返回一個上傳地址給我們,這個就是我們圖片的url了,但是光有這個還是不夠的,因爲還要將圖片的寬和高傳給服務器,這時候就可以這樣做了。直接上代碼: 

var img = new Image()

img.src = url

這樣的話我們就可以直接通過img.widthimg.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內核的瀏覽器私有屬性!在FirefoxIE上不適用。FirefoxIE中字體的大小由自己定義。可以是4px等等。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章