日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
前端開發(fā)中這些小技巧，你知道幾個(gè)？

瀏覽器地址欄運(yùn)行JavaScript代碼

 
 
 
    
  
  
  
  1. javascript:alert('hello!');
    2.
  • Firefox不支持；
  • 其他瀏覽器必須手動(dòng)輸入才可執(zhí)行；

瀏覽器地址欄運(yùn)行HTML代碼

 
 
 
    
  
  
  
  1. data:text/html,
    Hello, world!
    2.
  • 在非IE瀏覽器可以運(yùn)行

瀏覽器變成文本編輯器

地址欄輸入：

 
 
 
    
  
  
  
  1. data:text/html, 
    2.

控制臺(tái)輸入：

 
 
 
    
  
  
  
  1. document.body.contentEditable='true';
    2.

利用a標(biāo)簽自動(dòng)解析URL

 
 
 
    
  
  
  
  1. var a = document.createElement('a');
    2. 
  
  
  
  2. a.href = 'https://www.maomin.club';
    3. 
  
  
  
  3. console.log(a.host); // www.maomin.club
    4.

頁(yè)面擁有ID的元素會(huì)創(chuàng)建全局變量

 
 
 
    
  
  
  
  1. 
  
  
  
  2. 
  
  
  
  3. 
  
  
  
  4.  
    5. 
  
  
  
  5. 
  
  
  
  6. 
  
  
  
  7. 我是內(nèi)容

  • 引用CDN文件時(shí)，不用HTTP標(biāo)識(shí)

     
 
 
      
  
  
  
    1.

    利用script標(biāo)簽保存任意信息

     
 
 
      
  
  
  
    1. 
  
  
  
    2.

     在頁(yè)面中隱藏鼠標(biāo)

     
 
 
      
  
  
  
    1. *{
      2. 
  
  
  
    2.     cursor: none!important;
      3. 
  
  
  
    3. }
      4.

    文字模糊效果

     
 
 
      
  
  
  
    1. p {
      2. 
  
  
  
    2.     color: transparent;
      3. 
  
  
  
    3.     text-shadow: #111 0 0 5px;
      4. 
  
  
  
    4. }
      5.

     實(shí)時(shí)編輯CSS

     
 
 
      
  
  
  
    1. 
  
  
  
    2. 
  
  
  
    3. 
  
  
  
    4.  
      5. 
  
  
  
    5.  
      6. 
  
  
  
    6.   style{
      7. 
  
  
  
    7.    display: block;
      8. 
  
  
  
    8.   }
      9. 
  
  
  
    9.  
      10. 
  
  
  
    10. 
  
  
  
    11. 
  
  
  
    12.     
      13. 
  
  
  
    13.          body { color: blue }
      14. 
  
  
  
    14.     
      15. 
  
  
  
    15. 
  
  
  
    16.

    實(shí)現(xiàn)長(zhǎng)寬比固定區(qū)域

     
 
 
      
  
  
  
      2. 
  
  
  
    2.     
      3. 
  
  
  
    3.         this content will have a constant aspect ratio that varies based on the width.
      4. 
  
  
  
    4.     

  • 禁止他人使用iframe標(biāo)簽引用網(wǎng)址

     
 
 
      
  
  
  
    1. if (window.location != window.parent.location) window.parent.location = window.location;
      2.

    生成隨機(jī)字符串

     
 
 
      
  
  
  
    1. function generateRandomAlphaNum(len) {
      2. 
  
  
  
    2.     var rdmString = "";
      3. 
  
  
  
    3.     for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2));
      4. 
  
  
  
    4.     return rdmString.substr(0, len);
      5. 
  
  
  
    5. }
      6.

    浮點(diǎn)數(shù)轉(zhuǎn)化為整數(shù)

     
 
 
      
  
  
  
    1. console.log(~~1.2); // 1
      2.

    網(wǎng)頁(yè)題目：前端開發(fā)中這些小技巧，你知道幾個(gè)？
    轉(zhuǎn)載來于：http://www.dlmjj.cn/article/cdeopsg.html