原创 vue組件中data是個函數

當我們const vm = new Vue({   el : '#app',     data : {     msg:‘hello World’       } })用習慣了,data是一個對象,可到了vue組件 Vue.componen

原创 package.json和package-lock.json的區別

我們都知道每當npm i 一次就會在package.json上留下一個印記,以便後期提供其他人下載依賴,npm i 立馬會下載所有的依賴包。 那package-lock.json貌似沒有用武之地。 以下兩種情形: 1、升級了一些依賴,並在p

原创 防抖和節流

什麼情況下需要防抖和節流:理論上高頻觸發就需要防抖和節流,例如onresize,onscroll事件。防抖和節流是兩種解決高頻觸發影響用戶體驗的解決兩種方案。 用兩幅圖和幾句簡單的話以及簡單的代碼實現: 防抖:一句話就是"不要干擾我"。這就

原创 async和await的執行順序問題

說明 : 要了解執行順序,所需要的知識是瞭解瀏覽器js運行機制,以及微任務和宏任務的先後順序。如果你明白了宏任務、微任務,請往下看: async function async1 () { console.log('as

原创 用一篇文章瞭解ppi,dpr,物理像素,邏輯像素,以及二倍圖

這篇文章能讓你瞭解到什麼是分辨率、dpr、dip、ppi (dpi相當於ppi,dpi用點表示物理像素) 首先從最簡單的ppi開始: 一部手機,有大有小,怎麼知道手機的大小用尺子量一量即可,有兩條邊量哪一條呢?勾股定理告訴我們斜邊越大,面積

原创 Promise的封裝

要封裝Promise,首先要了解Promise的使用。 Promise有以下幾個特點:1、Promise是一個構造函數 2、實例化Promise時有兩個回調函數,resolve,reject ,成功執行resolve,失敗執行reject

原创 同源和跨域

說到同源,肯定想到七步詩中本是同根生,說到跨域,想到了跨種族額......,想什麼啊喂,跨種族結婚啊,不是那個跨種族結婚,是人類跨種族結婚啊喂。咳...... 啊,說到同源,那麼什麼是同源呢?草步影:一個媽生的就是同源,嗯......很好。

原创 http請求頭包括了哪些常見內容

Host: www.study.com                // 請求的地址域名和端口,不包括協議 Connection: keep-alive      // 連接類型,持續連接 Upgrade-Insecure-Request

原创 http和https的區別

Http: 無狀態的 (通常用緩存隨着http請求發送給服務器), 無安全性 ( 沒有數字證書,明文傳輸),80端口 什麼是無狀態的:每次請求不會帶有以前的信息,如果服務器需要以前的信息,那麼就需要重新發送 Https : 有狀態的 ,安全

原创 瀏覽器地址欄按回車發生了什麼事情

1、查找域名對應的ip地址   首先去瀏覽器緩存中找,如果不久前剛剛輸入過,那麼在緩存會留下ip地址,緩存週期一般在幾分鐘到半小時   查找系統緩存(host文件),瀏覽器進行系統調用(windows中是gethostbyname)   

原创 中和IOS七層架構和TCP/IP四層架構的五層架構

五層架構分別爲應用層、運輸層、網絡層、數據鏈路層、物理層。 IOS架構把應用層又細分爲應用層、表示層、會話層 TCP/IP把網絡層改名網際層,數據鏈路層和物理層結合成網絡接口層 其實只要學習五層協議,就可以了。 應用層:應用進程之間的交互

原创 數字簽名和數字證明

從傳送門進來的朋友應該可以瞭解到他人給你的公鑰可以加密給那個人的信息,但是公鑰能解密嗎?答案是可以的,但是解密的是數字簽名。 數字證書能保證就是Jack發出的

原创 對稱加密和非對稱加密

對稱加密 : 用同一把鑰匙去加密。優點:解密速度快,缺點不安全 想要安全,試試非對稱加密(RSA算法)。優點:安全,缺點:解密速度慢。 貌似安全就捨棄速度,要速度就不安全,能不能Trade-off一下?(洋氣一波) 傳輸信息較小的情況下

原创 js垃圾回收機制

通過鏈接過來的朋友知道閉包存在內存不清除問題,也就是局部變量本來要自動清除的,現在不清除了,那麼這個清除是怎麼個清除法? 手動清除法:適用於閉包不用了的情況下 function outer() { var a = 1;

原创 js延遲加載

js延遲加載只有一個目的:讓頁面先展現出來 js的過多代碼會造成頁面出現白色,阻塞頁面內容,對於用戶來說js是看不到的他們只是想快點先看到頁面。 方法1:defer , 這屬性可以讓DOM加載好了再執行js外部文件,只用於引入的script