原创 樣式問題記錄

遇到的樣式問題的記錄 border 相關 CSS問題-鼠標移入icon時(hover狀態),會造成頁面內容有上下移動的情況 .icon-radius { border: 0.5px solid #dde0e1;

原创 Vuex中註冊模塊的方式

在實際的項目應用中,如果把該項目中應用到的所有的state和mutation、Action等放置在全局的store中,會出現全局store內容過於龐大,並且變量名,方法名都很受限制,而vuex中的模塊概念就恰好可以解決此問題 下面

原创 常用的CSS效果總結

遮罩層效果 通過設置top、right、bottom、left爲0,使得遮罩層覆蓋整個可視區域 如果頁面中是有滾動條的,就涉及到需要給body增加overflow: ‘hidden’ background-color: rgba(0,

原创 vue中對鼠標劃過事件處理方式

vue中對鼠標劃過進行處理 鼠標事件進行監聽 需求中,在一個table(組件)表中,對於其中一列(該列爲圖片列),當鼠標劃過該列的某個單元格子(圖片)時,需要展示出該單元格子對應的遮罩層 翻閱了一些博客,發現好多都提到了mouse事件,如

原创 Webpack

認識Webpack Webpack可以看作是模塊打包機,做的事情就是,分析項目結構,找到JavaScript模塊以及其他的一些瀏覽器不能直接運行的拓展語言(Sass,TypeScript),並將其轉換和打包爲合適的格式以供瀏覽器使用,在

原创 CSS中的focus-within僞類選擇器

:focus-within很容易讓人聯想到focus,區別就在於focus是對於當前元素,而:focus-within則是對於當前對象和當前對象子元素 MDN: The :focus-within CSS pseudo-class re

原创 關於npm的報錯

關於npm缺少asynckit的報錯 今天,在git bash中輸入npm -v的時候,發現提示缺少模塊 然後我輸入node -v,顯示出了node版本,然後我將這個錯誤搜索了一下,搜索到的沒有什麼有效信息 ​ 後來我就想着因爲n

原创 jQuery源碼之init函數的分析

jQuery源碼之init函數的分析 精妙處之一 init在源碼中最先出現的位置是jQuery定義的地方,如下所示 var ... jQuery = function( selector, context ) {

原创 Vue的單頁應用中如何引用單獨的樣式文件

Vue的單頁應用中如何引用單獨的樣式文件 問題描述 對於.vue的文件來說,也是由結構、行爲、樣式三部分組成,在樣式部分有個scoped的屬性,也就是當前頁面有效,當style標籤內樣式比較多時或者.vue文件之間有重複的時候,總感覺看起

原创 JavaScript邏輯運算符

從項目中看邏輯運算符“||”和“&&” 今天,在項目開發中遇到一個問題,就這個問題本身而言,並不是很難,但覺得它的意義重大(哈哈,當然是對我而言),還是決定記錄一番 問題描述及初步解決 簡單描述下要求:就是上邊有兩個checkbox的選

原创 關於input兼容性的總結

一月快要結束了 O(∩_∩)O~ input失去焦點的時候,如何取得input框的值 需求描述:有這樣一個表格(表格組件),表格中有幾列中是包含input這個輸入框的,之前使用的是v-model,現在需要添加一些校驗,我想到的就是在i

原创 Linux系統下Node.js的版本升級

Linux系統下Node.js的版本升級 昨晚想升級下Node的版本,先用sudo npm install -g n安裝了n模塊,之後使用sudo n stable命令的時候,報的是沒有sudo這個命令。之後就在自己頭疼腦熱的情況下,不知

原创 WebStorm添加註釋模板

今天想給我的代碼文件添加一些特定的註釋,下面是具體的操作,當然不侷限於下面的,可以添加更多你所需要的東西 添加後的效果 /** * @author Vao * @date 2017/12/21 * @Description: *

原创 常用的正則

常用的正則 以下爲項目中使用過的,後面會不斷的添加,也歡迎補充 將數字類型轉化爲貨幣的形式 let val = '233443432314'; let reg = /\d{1,3}(?=(\d{3})+$)/g; val = va

原创 日常項目總結

總結 Vue中給option增加點擊事件 問題描述:select下拉列表中,點擊一個option之後,需要做一些指定操作,例如去請求一個接口,並且這個接口需要的數據來自這個option的value值 解決過程:我開始的做法就是給optio