原创 浮動小技巧

浮動給我們帶來了便利,同時它也有一部分的缺點1、浮動後盒子的高度爲0解決辦法:BFC我們給他的父級元素一個overflow:hidden;會激活BFC,高度會自動計算到裏面。當然,也有其他的辦法解決,比如:清除浮動,在這裏我只記錄了我最近用

原创 Ant Design中的日期組件時間限制

<DatePicker defaultValue={moment(day, 'YYYY-MM-DD')} disabledDate={this.disabledDate} /> dayStart:起始時間

原创 react中執行yarn eject配置antd-mobile的按需加載

在使用react做項目時如果用antd-mobile,如果使用按需加載,則需要修改它的配置文件 如果我們不操作yarn eject,則直接操作下面的步驟即可: 在 create-react-app 搭建腳手架時 cnpm install

原创 html使用共同的頭部導航

寫公司官網時,發現導航和輪播每一個頁面都有,首先想到的是用vue的路由來實現,後來考慮到seo的問題,需要用到nuxt,後來想了比較麻煩就沒有用,然後想到了了iframe(但是iframe有阻塞頁面的加載等缺點,沒有使用)下面還是說一下if

原创 Bootstrap中的datetimepicker(日期控件)用法

在做項目的時候需要用到日期的控件,之前用的是H5的input type="date"標籤,考慮到兼容性的問題換了時間控件 剛好看到了datetimepicker,學習了一下,也再次做個簡單的筆記,進入正文 首先引入css <lin

原创 react報錯error Received malformed response ...

搭建react腳手架時 npm install create-react-app -g create-react-app antm-demo 報錯如下:error Received malformed respo

原创 vue組件之間的通信

vue組件間的通信有父--->子、子--->父、非父子之間的通信 雖然我們稍微複雜的項目都用vuex來管理了,但是還是想寫一篇關於有父--->子、子--->父、非父子 之間通信的文章。下面通過代碼來講述 父

原创 數組排序,不滿三位數值的按照原來的位數進行比較,超過三位的取後面三位進行比較

第一步:首先要判斷數值的長度,先把他轉成字符串,在判斷位數,截取後面的三位進行比較var arr=[12432,34,535,89002,452,50]for(var i=0;i<arr.length;i++){arr[i]=arr[i].

原创 vue中引入element ui中的css報錯

vue和element ui結合使用,引入css時出了一些問題首先,再引入css,要下載css-loader,file-loader,style-loader,下載完這些時要修改配置文件{test: /.(eot|svg|ttf|woff|

原创 js實現密碼框的點擊眼睛的顯示與隱藏

密碼框的點擊眼睛的顯示與隱藏,圖標引用是bootstrap中的fontawesome (複製整個 font-awesome 文件夾到您的項目中) 還需要引入 <link rel="stylesheet" type="text/css"

原创 css中實現水平垂直居中的幾種方式

水平居中(1)使用inline-block+text-align<div class="parent"><div class="child">demo</div></div> .child { displa

原创 vuex的理解與使用

研究了一段時間的vuex,只是簡單地會用,對於裏面的一些知識點還是 不太會表達,就目前,先梳理一下自己對vuex中幾個主要概念的理解 vuex一個專爲 Vue.js應用程序開發的狀態管理模式,主要是爲了解決組

原创 vue組件之間的通信

vue組件間的通信有父--->子、子--->父、非父子之間的通信 雖然我們稍微複雜的項目都用vuex來管理了,但是還是想寫一篇關於有父--->子、子--->父、非父子 之間通信的文章。下面通過代碼來講述 父

原创 bootstrap-table實現表格可編輯出現的問題

最近在用bootstrap-table實現可編輯的表格,在使用過程中遇到一個小問題,總是找不到原因 在使用表格編輯的時候我引用瞭如下css和js <link href="/Content/bootstrap.min.css" rel="s

原创 使用vue實現數組對象排序

從網上找到的例子用vue來實現數組對象排序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte