原创 移動端常見九宮格佈局

<div class="grid"> <ul class="item cf"> <li class="liItem"> <div>標題一</div> </li>

原创 Xshell 6和Xftp6下載與安裝使用

家庭個人使用版本 鏈接:https://pan.baidu.com/s/17Ca1Abs2khyoGv-DRD0evA  提取碼:l2p6  (一)下載並安裝Xshell 6和Xftp6 (二)使用Xshell 6連接雲服務器 1、登錄雲

原创 關於ElementUI el-select 綁定對象的探索

爲了簡單,直接引用ElementUI官網的例子,當需要綁定一個對象的時候直接給el-option的value屬性設置爲遍歷集合的一個對象如下: <template> <el-select v-model="value3" disable

原创 element-ui dialog(多彈框、嵌套彈框)被蒙版遮住

我的情況是,在一個彈框中,點擊按鈕 再彈出了一個彈框,第二個彈框被蒙層遮住了。 看官方文檔,查閱了下資料 https://element.eleme.cn/#/zh-CN/component/dialog 發現dialog下面有兩個屬性,

原创 linux yum國內下載源

國內 yum 源 網易(163)yum源是國內最好的yum源之一 ,無論是速度還是軟件版本,都非常的不錯。 將yum源設置爲163 yum,可以提升軟件包安裝和更新的速度,同時避免一些常見軟件版本無法找到。 安裝步驟 首先備份/etc/y

原创 徹底卸載和刪除CentOS上的Nginx

本機環境:centos 7 ,使用yum安裝的Nginx. 1、查看nginx服務是否在運行。  ps -ef | grep nginx 2、查看nginx安裝目錄 whereis nginx 3、終止nginx服務運行(安裝目錄)

原创 vue-router 使用 name 跳轉時404失敗、無效

我設置的 404頁面如下設置 1、我使用 name 匹配 跳轉 一個不存在的路由時,並沒有進入404頁面 this.$router.push({'name':'xxx'}) 我把404 的 name改爲 ‘*’也沒有效果,可能是 只匹配

原创 Can not use keyword await outside an async function

 ajax裏面還有promise 解決方案如圖:在箭頭函數前面加 async

原创 vscode 快速生成React代碼塊

1、安裝插件 2、輸入 rcc快速創建class類組件 3、輸入rfc快速創建函數式組件

原创 簡單而又詳細的react+reactRouter+redux項目

看了網上的很多關於reactRouter和redux的文章,感覺自己理解的都很亂,衆說紛紜,不知道從何下手,其實我就是想要一套開發項目的模板,就這麼簡單。看了挺多文章,所以現在做了些總結。一、構建項目爲了讓我們的項目更加簡單,所以使用官方

原创 構建個人組件庫,類似Element-ui使用方式,vue confirm公共彈框組件

一、要做什麼? 我們在引入Element-ui的時候有看到這種使用Vue.use()的用法,然後element-ui裏所有的組件我們都可以全局使用,這到底是怎麼做到的呢,下面我以一個公共彈框組件爲例,說一說我的寫法,僅供參考。 呈現的最

原创 一些常見的手寫js題目

1、call Function.prototype.call2 = function(content = window) { content.fn = this; let args = [...arguments].sl

原创 Vue v-html不能觸發點擊事件

  現象:後端返回到前端的是html格式的數據,前端用v-html解析渲染,例如:<span @click='add()'>點擊</span>,span標籤成功渲染,但是綁定的事件無法觸發 原因:vue沒有將其作爲vue的模板解析渲染 解

原创 帶你深度解鎖Webpack系列(優化篇)

帶你深度解鎖Webpack系列(優化篇) 本文羅列出了十多種優化方式,大家可以結合自己的項目,選擇適當的方式進行優化。這些 Webpack 插件的源碼我大多也沒有看過,主要是結合 Webpack 官方文檔以及項目實踐,並且花了大量的時間驗

原创 常用 Git 命令清單

一般來說,日常使用只要記住下圖6個命令,就可以了。但是熟練使用,恐怕要記住60~100個命令。 下面是我整理的常用 Git 命令清單。幾個專用名詞的譯名如下。 Workspace:工作區 Index / Stage:暫存區 Repos