成長知識點(BUG版)

[toc]

成長知識點(BUG版)

1. **z-index**
   複製代碼

   • 父元素的z-index和子元素的z-index優先級很不一樣哦;

   • 兩個兄弟元素比較z-index時,最好是position的類型同樣的狀況下比較: 例如一個是absolute,另外一個也是absolute;

2. < a href=" ">< img src="img/logo.png" alt="logo" class="logo-default" style="margin: 16px 0 0 28px!important;"></ a>
    // ../../不管多少個../只能退到服務器域名那裏
   複製代碼

3. css span寬度高度成功設置解決篇 span 要設置display:block,才能設置好寬高的

4. 有時候樣式設置不對,就是瀏覽器緩存的問題 上線後的樣式緩存,jquery請求的問題,爲何請求不到,都是谷歌瀏覽器的緩存問題

5. 記住一點,自個的web測試,要清除瀏覽器的緩存

6. 不要輕易說別人的代碼沒什麼用,這是很差的習慣;

7. 谷歌瀏覽器的最小字體,爲12px;

8. jquery插件 jquery.nav.js 的使用: $("#back-to-top").onePageNav(),這個ul的li必需要用2個,並且href的值要對的上;

9. js的debugger至關與添加斷點;

10. 二倍圖三倍圖的使用的樣式的書寫

```
 [data-dpr='2'] div{
			fontsive:24px;
}
```
複製代碼

11. 項目中使用gulp代理能夠解決跨域的問題

```
  connect.server({
  root:'./src',
  port:8010,
  livereload:true,
  middleware:""
  })
```
複製代碼

12. 不能給退出全屏的F11添加事件; 改 resign 函數中的

    var $window = $('.row');
     //on() off()  取消單擊事件
    複製代碼

13. 當項目中的寬度不夠時,要注意是否縮放了;注意: 回調中的回調,體遊控股後臺列表的排序;

14. 一個平白無故的bug: html{ overflow-x:hidden}

15. ueditor 不能上傳圖片,由於須要後臺的配置;

16. 頁面的緩存控制

```
 <meta http-equiv='cache-control'/>
  <meta http-equiv='expires'/>
```
複製代碼

17. 項目中的login與網絡中的login,ie登陸不上,谷歌卻能夠; 遠程視頻管理 ie11的瀏覽器設置爲默認;
18. 來自成哥的建議： 不要浪費時間；學習新的知識點要看視頻，同事之間討論，刷題等等；8小時的睡眠；與產品多溝通，預測，提早解決bug;
19. 若是是在 windows 下用 git bash，那麼應該是 ssh-add 沒有正確添加 key。改用 Git GUI 建立 key 而不是 ssh-keygen 命令，就能解決這個問題。 Github Windows
20. ssh git提交免登錄 fatal: HttpRequestException encountered解決方法 網上查了一下發現是Github 禁用了TLS v1.0 and v1.1，必須更新Windows的git憑證管理器，才行。 github.com/Microsoft/G…

21. if(projectData.name){
      // 一個bug  必定要全用同步的好處
      fs.mkdirSync(projectData.name);
    
      var fileData = projectData.fileData;
      if(fileData && fileData.forEach){
        fileData.forEach(function(f){
          f.path = projectData.name+'/'+f.name;
          f.content = f.content || '';
          switch (f.type) {
            case 'dir':
                fs.mkdirSync(f.path);
              break;
            case 'file':
                fs.writeFileSync(f.path,f.content);
              break;
            default:
              break;
          }
        })
      }
    }
    複製代碼

22. 百度echart

```
handleIcon:"",
handleSize:"80%"
```
複製代碼

23. js除掉字符串的方法

    if(parkIds!=""){
    		parrkIds = parkIds.substr(0,parkIds.length - 1);
     }
        //除掉空的字符串
    複製代碼

24. 一個沒有解決的bug,爲何豆瓣有的圖能請求到,有的就無法請求的到呢 豆瓣內部的鏈

25. 一個mongodb的bug,--dbpath寫成--path了 ongoDB: shutting down with code:100 解決的方法是把mongod安裝在非系統盤,在cmd中以系統管理員的身份運行配一個運行mongodb的服務,net start mongodb則可;

26. weui.js 的alert彈窗的字體過小是由於頁面上沒有加一個meta viewport的標籤.

27. 如何設置avalon組件的array的值,用的是es6的箭頭函數.

    array: vm.array,
     onInit:function(){
           setInterval(()=>{
              this.array = vm.array;
               console.log(this.array, "11113");
          }, 7000);
      },
      onReady: function(){
          console.log('onReady',"1111");
      }
    複製代碼

28. 當avalon和swiper結合使用時,swiper的初始化會切斷avalon與數據的綁定,因此是不能再次更新數據列表,等這一經驗於公司的賽事項目的大屏幕直播頁面;最好的作法是去掉swiper這個插件,用原生的jquery寫列表動畫!

29. 當npm的插件記錄不到pack.json中時,記得在npm中手動加上去;

30. 當訪問放到服務器上的頁面的時候,最好帶上.html,哪怕是index.html,這樣子確保必定訪問的到;在ios上調試有問題的時候,最好用蘋果的筆記本去調試;

31. 一段不重複顯示的代碼(微信端的報名頁面):

    //不顯示重複的日期
    NoShowRepeat(arr){
          let matchTime = -1;
          $(arr).each(function(index,ele){
              if(index === 0){
                 matchTime =  ele.matchTime;
                 ele.isShow = true;
             }else if(matchTime === ele.matchTime){
                 ele.isShow = false;
             }else if(matchTime !== ele.matchTime){
                 matchTime =  ele.matchTime;
                 ele.isShow = true;
             }
          })
    
          return arr;
      }
    複製代碼

32. 當vue 渲染列表時須要一些特殊的屬性時,在後臺接口返回來的json數據加上須要的鍵值對,這樣子渲染時就能方便拿獲得;

33. 當頁面的高度不夠屏幕的高度時,用jQuery暴力賦予啦啦啦;

//高度自適配
      height(){
            console.log(document.documentElement.clientWidth,"1111clientWidth");
            console.log(document.documentElement.clientHeight,"1111");
            var clientHeight = document.documentElement.clientHeight;
            if($('.active-list').height() < clientHeight){
                $('html,body').css({
                    'height': clientHeight,
                    'background-color': '#252638'
                });
            }

          }
  ```
  
1.  平時寫接口是能夠好好利用github上的這個接口

  ```
  https://api.github.com/users/StephenWu5    或者
  https://api.github.com/users/octocat/gists //這個是官網本身定義的
  ```

2.   mongodb的安裝問題

```javascript
  //安裝：
  mongod --dbpath "C:\mongodb\db" --logpath "C:\mongodb\log.txt" --install --serviceName "MongoDB"
  //卸載：
  mongod.exe --remove --serviceName "MongoDB"
  啓動服務報錯100 的解決方法:具體操做方法：開始-》全部程序-》附件-》右鍵「命令行提示符」，選擇以管理員身份運行，而後執行下面的命令：
  D:\mongodb-win32-i386-2.0.2\bin>mongod --install --serviceName MongoDB --serviceDisplayName MongoDB --logpath c:\MongoDB.Log --dbpath c:\MongoDB --directoryperdb  
  終於，Mongo服務安裝成功啦！
複製代碼

1. class 預留字,不能做爲css的類名,不然不會起到什麼做用的哦。

2. 一個jQuery發送請求時應寫好的模式:

   // done 
       // 當延遲成功時調用的一個函數
       // fail
       // 當延遲失敗時調用的一個函數
       $.get("http://wthrcdn.etouch.cn/WeatherApi?ci5ty=深圳").done(function (e) {
           console.log(e,'1111');
       }).fail(function(e){
           console.log(e,'1111');
       })
   複製代碼

3. 當後臺的接口返回來的json格式不對時, ajax的success不會執行。

4. 側邊欄的tab效果關鍵是利用window.location.pathname找到a標籤；

5. 日期選擇器的樣式亂是由於沒有已經對應的樣式；百度地圖和echart是能夠結合使用的；

6. 用傳統的方法寫圓點的時候,移動端項目中有時會出現有的點不是全圓的點,這是由於px轉rem的時候他不是徹底對的,有四捨五入: 解決的方法有2:

   <span class="circle">●</span>  //html的內容
   .circle{
   margin-right: 10px;
   color: #666bfe!important;
   font-size: 6pt;
   }
   複製代碼

   或者

   .circle{
   	width: 10px; /**px**/  //不讓這個px值往rem那邊轉
   	height: 10px;  /**px**/
   }
   複製代碼