原创 vue-cli webpack 首屏加載性能優化

我自己嘗試用阿里雲部署了一個簡單的博客網站,但是加載速度非常慢,接近8s,所以嘗試進行優化。 1,去掉map文件 首先默認的vue-cli會生成map文件,用於debug的時候快速定位源文件位置,但是我們部署到生產環境的時候並不需要這個,

原创 es6中async中的異常處理

es6中引進了async await處理異步,我們可以在async函數中使用await使得異步函數或者promise同步化,那當我們在async函數中await了一個reject的promise的時候,async函數接下來的內容則會被跳過

原创 聖盃佈局,老生常談

聖盃佈局的定義應該是一個header,一個footer,中間是container,包含一個自適應寬度的center,center左邊和右邊各有一個寬度確定的div,大概是這樣 (1)使用普通的css來表現 首先是基本的html代碼

原创 js淺拷貝和深拷貝數組的方式

淺複製 1, slice var a = [1,2,[3,4]]; var b = a.slice(0);   2, ... var b = [...a];   3.Object.assign b = Object.assign([],a

原创 http 1.0 1.1 2.0 3.0的特點及其區別

HTTP 1.0 短連接:每次發送請求都要重新建立tcp請求,即三次握手,非常浪費性能 無host頭域,也就是http請求頭裏的host, 不允許斷點續傳,而且不能只傳輸對象的一部分,要求傳輸整個對象   HTTP 1.1 長連接,流水線

原创 如何監控input的內容變化 控制Input只能輸入字母

考慮到的事件有: blur change keydown keypress keyup input textInput 模板代碼 <body> <input type="text" id="in"> <div id="out"></

原创 django模板與vue關於{{}}產生的衝突

今天在學習vue的自定義組件,以及props部分的知識,後臺是django搭建的,但是發現props總是不起作用,當從本地打開文件而不是從localhost打開時,發現,props功能正常,於是我發現,原來django連腳本里的{{}}都

原创 刷題記錄

第一題 two sum 第二題 鏈表求和 第三題 找最長無重複字符的子串 str.charCodeAt(i);獲取ascii碼 這道題寫起來比較簡單,用一個ij維護的窗口向後移動,保持j總是增加,如果遇到相同字母,直接把i=相同字母的下標

原创 css中設置居中的幾種方式

1, margin: 0 auto; //水平居中 line-height: xxpx; //區和height一樣的值實現文字垂直居中 2,在子元素中設置 padding: 50px; background-clip: content-b

原创 青蛙過河問題

一條小溪尺寸不大,青蛙可以從左岸跳到右岸,在左岸有一石柱L,面積只容得下一隻青蛙落腳,同樣右岸也有一石柱R,面積也只容得下一隻青蛙落腳。有一隊青蛙從尺寸上一個比一個小。我們將青蛙從小到大,用1,2,…,n編號。規定初始時這隊青蛙只能趴在左