原创 比較對象或者json是否相等

1、可以比較obj = { a:1,b:['sd',1],c:{d:3}} 這種格式的對象數據。 function isEqualObj(obj1, obj2) { let obj1Key = Object.keys(obj1)

原创 前端常見現場問題小結

現場問題 這篇文章主要是對遇到的現場問題進行總結,以便能夠快速定位問題。接下來介紹的是最常見的問題 注意事項 對接現場對我們web開發人員來說,都是客戶: 遠程客戶現場:修改文件時,備份最重要。比如修改index.js。使用指令

原创 比較對象是否相等

1、可以比較obj = { a:1,b:['sd',1],c:{d:3}} 這種格式的對象數據。 function isEqualObj(obj1, obj2) { let obj1Key = Object.keys(obj1)

原创 fiddler之簡單使用

爲什麼使用fiddler工具 fiddler更加傾向於https、http應用層抓包,也可設置代理服務;wireshark工具也可是抓包tcp/ip的內容;對於前端開發來說更加的關注於數據內容。 fiddler抓包工作關於抓取http

原创 vue框架使用之keep-alive

1、爲什麼使用keep-alive        當在這些組件之間切換的時候,你有時會想保持這些組件的狀態,以避免反覆重渲染導致的性能問題。<keep-alive> 包裹動態組件時,會緩存不活動的組件實例,而不是銷燬它們,同時<keep-

原创 vue父子組件通信

1、父傳子 props //注意數組、對象設置默認值,()=>[]; ()=>{} props:{ propsA:{ default:()=>{};//對象 }, propsB:{

原创 javascript---number類型之前後端通訊

1、javascript不區分整型和浮點型,也就是說js所有的數據都是使用浮點型表示; 2、整數範圍:-9007199254740992~9007199254740992(-2^53~2^53),也就是16位;如果超過範圍,就改變精度,導

原创 vuelidate踩坑日記之定位器requireIf獲取兄弟節點

1、需求:         inputA,inputB代表兩個輸入框變量;inputA和inputB都可以爲空;但是一旦inputA或者inputB其中有一個有值得情況下,都需要爲必填。 2、查看官網vuelidate官網,require

原创 關於http請求和谷歌network相關字段---學習筆記

 1、http請求頭部信息  Accept ----瀏覽器能處理的內容類型 。MIME 類型(text/html、image/png、application/json等),*/* 指任意類型 Accept-Charset:瀏覽器能夠顯示的

原创 關於webSocket握手--學習筆記

1、WebSocket數據傳輸 三次握手完成,服務端將http協議切換成websocket數據協議; 2、WebSocket握手 客戶端建立連接,通過通過http請求,發送報文中包含 Upgrade:websocket Connect

原创 初識react環境配置

1、react.js依賴node 環境,所以第一步配置是安裝node,配置node環境。(這個百度有很多,建議npm install express -g 安裝在全局作用域裏面,方便配置) 問題:在使用npm install e

原创 我所遇-前端筆試題總結

一句話:好好學習,天天向上。機會總是給有準備的人;技不如人,就回去修煉。 1、css選擇符 !important > 行內樣式>ID選擇器 > 類選擇器 > 標籤 > 通配符 > 繼承 > 瀏覽器默認屬性 2、超級鏈接

原创 react.js關於props傳值-小筆記

1、組件內部是通過this.props的方法取到組件的參數的,如果this.props裏面有需要的屬性,就採用相同的屬性。 使用一個組件時,把參數放入到標籤的屬性當中,所有的屬性都會作爲props對象的鍵值對。 使用該

原创 無縫輪播實戰心得

1、圖片:圖片在第一張圖前面放置最後一張圖,在最後一張圖後面放上第一張圖 <img src="images/3.jpg" class=" img-responsive "> <img src="images/1.jpg" clas