原创 webpack報錯Error: options/query provided without loader (use loader + options)

我在配置url-loader的時候,出現這個錯誤, 下面是我報錯時的配置: 這裏我百度了一下,好像是因爲版本問題吧,改成如下寫法就可以了: 這裏的options替換成query也是可以打包的。

原创 作用域鏈,立即執行函數

運行期上下文 當函數執行時,會創建一個稱爲“執行期上下文”的內部對象。一個執行期上下文定義了一個函數執行時的環境,函數每次執行時對應的執行上下文都是獨一無二的,所以多次調用一個函數會創建多個執行上下文,當函數執行完畢,函數的執行上

原创 webpack安裝,避免出現‘不是內部或外部命令’

之前在網上也查了一些解決辦法,但是基本上都有坑,主要是配置環境變量那一塊。後來也是看到一篇文章才找到一個解決辦法,打算記一下,包括安裝過程。 1、webpack是依賴node環境的,所以安裝node 2、檢查node是否安裝成功,打開

原创 顯示瀏覽器滾動條、修改滾動條默認樣式

顯示橫向或豎向滾動條 { white-space: nowrap;//內容不換行,橫向顯示 overflow-x: scroll;//顯示橫向滾動條 overflow-y: scroll;//顯示豎向滾動

原创 數組的值大小排序

let values = [1,2,3,6,4,8]; //小到大排序,如果需要由大到小,把返回的-1和1反過來就可以了 let compare = (x,y) => { if(x < y){ return -

原创 天數轉爲日期格式

天數轉換爲日期格式,因爲沒怎麼用到日期函數,所以還是要記一下。 //判斷是否小於10,如果小於10,則拼接一個0 let getzf = num => { if(num < 10){ num = '0'+num; } ret

原创 合併兩個數組並去除相同項

最近有個功能是需要把後臺獲取到的數組與前臺操作生成的數組合並去重,並傳給後臺。 打算記一下,比較簡單,當數據較少的情況下適用: //聲明兩個數組 let arr1 = [1,2,3,4,5,'b']; let arr2 = ['a',1

原创 JS幾種數據類型

javascript數據分爲原始類型與引用類型,兩者都可以通過對象進行訪問。 原始類型的變量值直接保存在變量對象內,引用類型的變量值則作爲一個指針被保存在變量對象內。 原始類型共有一下5種: string //字符串,任何值+字符串

原创 vue指令中的v-once

v-once在日常開發中用的很多,只渲染元素和組件一次,隨後的渲染,使用了此指令的元素/組件及其所有的子節點,都會當作靜態內容並跳過,這可以用於優化更新性能。常見用法如下:當修改input框的值時,使用了v-once指令的p元素不會隨之改

原创 獲取窗口屬性,dom尺寸,腳本化css

1、查看滾動條的滾動距離: window.pageXOffset/window.pageYOffse //(IE8以及IE8以下不兼容); document.body/documentElement.scrollLeft/scrollT

原创 原型 原型鏈,call/apply

原型定義: 1、原型是function對象的一個屬性,它是構造函數製造出的對象的一個公有祖先,通過構造函數製造出的對象,可以繼承該原型的屬性和方法 2、利用原型,可以提取共有屬性 3、對象查看原型的隱式屬性==》 _ _ proto

原创 Array類型方法

棧方法: 棧是一種LIFO的數據結構,棧中項的插入和移除只發生在棧的頂部。 push():接受任意數量的參數,逐個添加到數組末尾,並返回修改後的數組長度。 pop():從數組末尾移除最後一項,並修改數組長度,返回該項。 var co

原创 嚴格模式與混雜的區別

1、什麼是嚴格模式?使javascript在更嚴格的條件下運行,也就是以瀏覽器的最高標準支持。2、爲什麼要使用嚴格模式?(1)、消除javascript語法的一些不合理、不嚴謹的地方,減少怪異行爲;(2)、消除代碼運行的不安全之處,保證代

原创 vue指令中的v-if,v-else,v-show

v-if的用法:根據表達式的值的真假條件來選擇插入/移除元素。在切換時元素及它的數據綁定/組件都是屬於被銷燬並重建的。 <div id="app"> <p v-if="show">顯示</p> <p v-if="hide">隱藏<

原创 css-flex佈局

flex佈局:意爲彈性佈局,用來爲盒裝模型提供最大的靈活性。當容器設置爲flex佈局後,子元素的float、clear、vertical-align都將失效,行內元素也可設置flex佈局.box{ display : flex;