摘要：二按照官方的提示解決了意思就是切到分支，自己的分支解決沖突，提交。這是和二相反向的操作頁面標題無效的解決辦法強類型轉(zhuǎn)換的坑條件用正則返回的布爾值結(jié)果返回了條件結(jié)果也返回了。

1,vue的{{}}怎么失效了
項目使用了twig模板渲染 語法{{}}沖突，使用v-text v-html渲染 可以寫表達式的寫法" "字符"+變量 "
2，函數(shù)防抖節(jié)流封裝
實用的下拉加載更多代碼demo
給滾動事件綁定如下代碼

if (!this.hasMore) {
      return
    }
if ($(window).scrollTop() + $(window).height() + 10 > $("body").height()) { // 觸底了
  if (this.timer)clearTimeout(this.timer)
  console.log("觸底了")
  this.timer = setTimeout(() => {
    this.page += 1

    this.ajaxList(this.page)
  }, 300)
}

//原生js的高度計算
 let scrollTop = document.documentElement.scrollTop || window.pageYOffset ||document.body.scrollTop// 向上卷去的高度 這種||寫法是為了兼容手機

let winHeight = document.documentElement.clientHeight// 可視區(qū)域的高度
let contentHeight = document.documentElement.scrollHeight// 內(nèi)容區(qū)域的總高度

3，video的東西
4，iphone 5s的flex 的justify-content:space between失效 使用position定位解決的
5,jq的animate和fadein不好使了，項目使用的是zeptojs,不支持animate fadein
6，用事件委托的方式監(jiān)聽video的play 監(jiān)聽不到 只能給video本身加play事件，給父元素不行
7,git commit時提示沒有權限打開 COMMIT_EDITMSG ，在.git的文件的右鍵屬性里 不讓其只讀

1,git push提醒hint: "git pull ...") before pushing again.
git pull提醒Your local changes to the following files would be overwritten by merge:Please commit your changes or stash them before you merge.

多試了幾次 彈出.git 的.MERGE_MSG什么的linux操作界面 然后按照提示:recover 最后:wq 再git push提交成功了 應該是網(wǎng)速較慢導致沒上傳或下載成功
2,gitignore里的目錄要從根目錄寫起（絕對目錄）或直接文件名（全局搜索匹配）

用nodemon啟動服務器 前一陣還是每次上班都要執(zhí)行一下命令，在后來啟動服務器報錯

應該是服務器自己啟動了 端口占用了 殺掉手動啟動的 依然能訪問本地服務器 應該是電腦的什么問題 看任務管理器 把進程里所有的node.exe殺掉 好了

video和img自身是有寬高比例的，不設置樣式的話，頁面就是展示它自身的大小，如果只設置寬，不設置高，他們會根據(jù)比例，自動展示多少高度,只設置高度同理。

img的間隙問題：
塊級元素包含內(nèi)聯(lián)元素如圖片文字等時，內(nèi)聯(lián)元素默認是和父級元素的baseline（基線）對齊的，而baseline又和父級元素底邊有一定的距離（這個距離和font有關，不一定是5px），所以以上代碼的效果中不同div之間有間隙，這是因為圖片與父元素的底邊有距離。說到baseline呢，其實它是vertical-align屬性的默認值，vertical-align屬性是設置元素的垂直排列的，用來定義行內(nèi)元素的基線相對于該元素所在行的基線的垂直對齊，除了baseline對齊方式之外，還可以是sub | super | top | text-top | middle | bottom | text-bottom |inherit（任何的版本的Internet Explorer （包括 IE8）都不支持屬性值 "inherit"）。

　　知道了問題產(chǎn)生的原因，就好對癥下藥解決問題了，其實就是要消除baseline對齊方式產(chǎn)生的距離。

　　所以方法一，很容易想到，把對齊方式改一下不就好了，于是設置img的vertical-align屬性為bottom；

　　方法二就是上文說的給父元素加上font-size:0的屬性，既然這個距離和font有關，那么把字體大小設為0，總該沒有距離了吧；

　　方法三可由方法二想到，既然為0可以，那把行高設的很小可不可以呢？經(jīng)試驗發(fā)現(xiàn)，本例圖片大小為200px，設line-height不大于12就能夠消除間隙了，鑒于這個距離一般是5px，所以可以把line-height設為5px左右；

　　另外一個間隙是多個img標簽的左右間隙，是由于img標簽是行內(nèi)元素，而事實是當行內(nèi)元素之間有“回車”、“tab”、“空格”時就會出現(xiàn)間隙。

　　所以方法就是上文提到的，去掉img標簽之間所有的空格，如果又不想把所有連續(xù)的行內(nèi)元素寫到一行，可以多行注釋，把空格回車什么的注釋掉，就像下圖這樣；當連續(xù)的行內(nèi)元素不是img時，也可以通過設置父元素的font-size為0來消除左右間隙。
將img設置為display:block

原生寫的XMLHttpRequest post請求的參數(shù)類型是Request payload 如何轉(zhuǎn)為form data

var formData = new FormData();
formData.append("username", "Groucho");
formData.append("accountnum", 123456); 
fetch("/users", {
  method: "POST",
  body: formData
})

let userObj = {userName: ’xxx", age: "21"}
 formData.append("user", userObj)

function objectToFormData (obj, form, namespace) {
  const fd = form || new FormData();
  let formKey;
  
  for(var property in obj) {
      if(obj.hasOwnProperty(property)) {
        let key = Array.isArray(obj) ? "[]" : `[${property}]`;
        if(namespace) {
          formKey = namespace + key;
        } else {
          formKey = property;
        }
      
        // if the property is an object, but not a File, use recursivity.
        if(typeof obj[property] === "object" && !(obj[property] instanceof File)) {
          objectToFormData(obj[property], fd, formKey);
        } else {
          
          // if it"s a string or a File object
          fd.append(formKey, obj[property]);
        }
        
      }
    }
  
  return fd;
    
}

這樣，就可以將對象轉(zhuǎn)化為對應的formData的格式了
multipart/form-data是基于post方法來傳遞數(shù)據(jù)的，并且其請求內(nèi)容格式為Content-Type: multipart/form-data,用來指定請求內(nèi)容的數(shù)據(jù)編碼格式
但是結(jié)果不會返回對象 而是如圖

a標簽 沒有跳轉(zhuǎn)地址的話 加上href="javascript:;" 否則在app里點擊會重刷一下當前網(wǎng)頁

vue腳手架 安裝時 提示vue不是內(nèi)部或外部指令

video視頻原生封裝

事件委托的方式委托子元素事件，子元素還有子元素，事件點擊到孫子元素時 沒有處罰子元素的事件

11111111111
        
2222
            
333
        
    
    

頁面加載進來執(zhí)行滾動事件，使之滾到某個位置，失效。
首先控制其滾動條事件的元素，必須里面的元素高度超過它的高度，它才會有滾動條一說，二是它必須overflow:auto

vconsole 源碼地址https://www.w3cways.com/demo/...

ios手機 吸頂導航時，慣性滾動時不會吸頂
何為慣性滾動，就是一滑，然后停止，它還在繼續(xù)滾，
本來有個吸頂導航，位置不是一直在頂部，一定條件才吸頂(js實現(xiàn)的)，慣性滾動時它不吸頂。
但是用position:sticky即使慣性滾動進行中也能，經(jīng)過測試沒兼容性問題

ios的慣性滾動不會計算滾動條的scrollTop，只有停止了才會觸發(fā)scroll事件。
鏈接描述

事件的ev.target.tagName是大寫的標簽

ios的動態(tài)設置頁面title 失效 解決辦法

document.setTitle = function(t) {
                        document.title = t;
                        var i = document.createElement("iframe");
                        i.src = "http://m.baidu.com/favicon.ico";
                        i.style.display = "none";
                        i.onload = function() {
                          setTimeout(function(){
                            i.remove();
                          }, 9)
                        }
                        document.body.appendChild(i);
                      }
                
                      setTimeout(function(){
                        document.setTitle("biaoti")
                      }, 50)

實現(xiàn)頁面錨定的三種方法
1，a標簽href="#id"
對應元素加id
但這種方法會在一些手機上產(chǎn)生頁面刷新的問題
2,jq通過$("body,html").animate({scrollTop:7})
3,a標簽 onclick="document.getElementById("bb").scrollIntoView()" 不會有刷新

推薦3

判斷是否小程序
window.__wxjs_environment=="miniprogram"||window.globalEvn=="miniprogram"

axios使用
import Axios from "axios";

const ajax = Axios.create({
  baseURL: "/api",
  timeout: 30000,
  headers: {"content-Type": "application/x-www-form-urlencoded;charset=UTF-8"}//請求參數(shù)設置為form data格式
})
ajax.interceptors.response.use(res=>{//接口返回結(jié)果 不處理是在data下 該處理是直接將接口結(jié)果返回
  return res.data
})

請求參數(shù)不做qs處理 控制臺的請求參數(shù)如上

想變成如下的，需要import qs from "qs";qs.stringify(json格式請求參數(shù))

gitignore 如果某個文件提交過 事后添加 并不會被忽略

vue lazyload的坑：1，js錨定，錨定到這個位置了，滑動一點點，由于上面的圖片加載出來了，導致這個位置往下滑了
2，導航tab切換，該導航塊下的圖片在屏幕里但不加載出來，只有滑動一下才出來
解決辦法
vue-lazyload的觸發(fā)條件是
["scroll", "wheel", "mousewheel", "resize", "animationend", "transitionend", "touchmove"]
可以使tab切換時加上父級塊動畫transition效果，例如透明度，則作為子級的img也會有動畫效果，則會觸發(fā)懶加載條件
貌似preload值越大，加載出的正式圖片比例越高，范圍0-2？

vue-amap 地圖插件 用了報錯如下

acs項目的try2分支 增加了某個文件flashsale 切到master分支 pull,在切回try2分支 merge master，然后新建的文件就被合并沒了

手機滑動過程中，定時器停止了，停止滑動后，定時器才恢復
http://videosy.soyoung.com/Ft...鏈接描述

ios試了ip6和ipx 沒有停止定時的現(xiàn)象

如何在七巧板的自定義html支持寫vue代碼 vue-layout give-up

項目打開時 git bash命令切換不同分支 容易丟失文件&解決沖突時 a分支merge b分支 解決沖突 提交 容易把b分支對應的代碼更改為解決后的代碼。。。

vue的 有坑 慎入
如何一行img 寬度css設置一致了，高度不確定，有大有小，不能設置，但也要自動一致呢（排除img高度本身都一致的情況）

css的要注意 文本溢出 圖片過大
js要注意按鈕的頻繁點擊防刷，可以用button標簽，通過設置disabled屬性，點擊事件委托方式,加事件時考慮是否是動態(tài)添加的元素，要給父級加的。
和ui保持一致

vue是每個組件 會分配一個data-隨機數(shù)的屬性
組件套組件 子組件會繼承父組件的data-屬性 并且自己會有自己的data-隨機數(shù) 屬性 用來唯一標識自己
會給所有的標簽加
style標簽的scoped屬性，表示css選擇器上有data-那個標識下的。所以即使是scoped的樣式 只要有data-那個標識 就會生效

原生視頻 當手指滑動視頻到可視區(qū)域時 自動播放邏輯（用play方法播放） 正常瀏覽器可以，但是微信瀏覽器和公司app內(nèi) 試了如下幾種方法都不能實現(xiàn):1,加autoplay屬性 2，模擬觸發(fā)在視頻上的點擊事件3，視頻緩沖設置為全緩沖。

是video的poster屬性，如果video有controls控制條，那么封面也會有控制條的，此時就得用img代替poster了。

關于gitlab提交沖突
本地自己的分支 是從master檢出的，改了一些東西，需要先合并到test分支，測試通過后，才合到master分支，將自己的分支push上去 向test分支發(fā)起合并請求后，提示與現(xiàn)有test分支的代碼沖突，如下

綠色是我的代碼，藍色是test上的代碼
不知道為何沖突，不是應該自動合并嗎
解決方案，目測有三

一：我在本地自己分支 修改合并 使得看起來不會沖突 ，然而再次操作后依然沖突。
二：按照官方的提示

解決了意思就是切到test分支，merge自己的分支 解決沖突，提交。

三：這種不太敢嘗試，怕自己的分支會merge了 test分支（不能merge test的代碼，這只分支是從master檢出的純凈分支，不能有測試用的代碼），據(jù)說會merge的，看他的commit信息。這是和二相反向的操作

//ios頁面標題無效的解決辦法

          document.setTitle = function(t) {
              document.title = t;
              var i = document.createElement("iframe");
              //i.src = "";////m.soyoung.com/favicon.ico
              i.style.display = "none";
              i.onload = function() {
                  setTimeout(function(){
                  i.remove();
                  }, 9)
              }
              document.body.appendChild(i);
          }

          setTimeout(()=>{
            document.setTitle(this.list.username)
          }, 50)

強類型轉(zhuǎn)換的坑
條件1:用test正則返回的布爾值url.test(value) 結(jié)果返回true了；
條件2:let flag=parseInt(version[0])==7?(parseInt(version[1])<10?true:false):(parseInt(version[0])<7?true:false) 結(jié)果也返回true了。

if(條件1 && 條件2) 結(jié)果是false
需要寫成if(條件1===true && 條件2===true)//結(jié)果是true

接口報302的錯誤，原因是接口需要先登錄，所以在請求的header里加上登錄的cookie，解決

補 行星環(huán)繞恒星 css效果

父集定義了寬度4rem，子集只有一個input標簽，定義width:100%或不定義,有些兼容問題，就是這個input超出父集寬度好多，只能定義具體多寬

項目自己開的自己的分支，做需求，完成后因為要提到聯(lián)調(diào)環(huán)境測試環(huán)境 自己看，因此會在gitbash來回切dev分支test分支，不知道什么原因，偶現(xiàn) 切的切的 就把自己的分支里的一些文件切沒了，（這時gitbash沒有提示已經(jīng)切沒了），后期要把master的分支 merge到自己的分支時 才提示 一些文件自己的分支沒，master的有，gitbash報出一些提示比如
出現(xiàn)步驟：
1，merge master時 提示 切丟的文件create Permission denied （貌似是丟失的文件不是管理員權限不能在本分支create）
2，然后想從自己分支刪除一些有麻煩的本地文件，再從遠程重新拉取一遍（遠程倉庫是全的）提示，但并未把刪除的文件拉取到本地。

3，在merge master一遍
之前已經(jīng)提交過自己的分支了，這次的提示應該是要把切丟的提交一遍

然后只能在提交一遍，這些紅框是切丟了的，好在本分支的需求沒改這些文件，直接用master的就行

最后成功merge master 提交上線了。

原因：
大概項目的vscode打開，文件在vscode打開，切換太快，還沒來得及？