原创 vue v-for報錯

今天用vue寫項目,報了個錯,如下: 報錯原因是有兩個相同的for循環,他們的綁定的key值是相同的 解決方法:將外層的key值加上一個字符串就可以了。

原创 一句代碼讓網站變灰

4月4日是中國的傳統節日--清明節,當天全國舉行了哀悼活動,以此表達對全國各族人民對抗擊新冠肺炎疫情鬥爭犧牲的烈士和逝世的同胞深切哀悼。在此期間,全國和駐外使館下半旗致哀,全國停止公共娛樂活動。 4月4號當天你打開任何網頁、視頻網站,基本

原创 vue實現僞登錄(登錄白名單設置)

需求:從一個項目跳轉到另一個項目,免密碼登錄 1、首先,在要跳轉到的項目裏添加白名單路由並添加到總路由 2、可以在白名單路由頁面(僞登錄頁)設置顯示的內容 3、在需要跳轉的項目裏添加一個按鈕點擊事件,打開僞登錄頁面同時傳一個

原创 下劃線輸入框

實現下劃線輸入框效果,如圖: 代碼如下: html代碼: <span style="font-size:16px;">組長: <input type="text" class="input" /> </span> CSS:

原创 vue中使用ref引用子組件方法報錯的問題

項目中,父組件使用了 ref 屬性調用子組件的方法突然報錯了,代碼和報錯如下:       解決方法:把 mounted 裏的調用放到一個定時器裏就可以了 我的理解是因爲 ref 屬性初始渲染時,子組件還沒掛載好,所以這個方法還不存在,所

原创 怎麼下載一個網站的logo

今天學到一個黑魔法,就是下載一個網站的logo圖 比如我想下載百度的 logo,直接在網址後面跟上 /favicon.ico 即可。 www.baidu.com/favicon.ico 打開後右鍵保存就好了。

原创 數組和字符串之間的轉換,JSON和JS的轉換

最近項目碰到了數組和字符串轉換的問題,簡單總結下:   需求是把下拉選的值傳給後端,有多個值的話中間用逗號分開,參數類型是string。 這裏用的是iview框架,當用戶點擊下拉選後會出現一個下拉列表,選中的值會存放到一個數組中。注意,

原创 iView框架中清空select的操作

公司的一個遺留項目用到了iView框架,今天要加個模糊查詢的需求 代碼如下: 類型搜索是下拉選擇框,迴避方是input輸入框。類型選擇框加了clearable屬性,在清除時發現一個問題,頁面上avoid_type參數雖然被清空了,但是

原创 數組和字符串之間的轉換

最近項目碰到了數組和字符串轉換的問題,簡單總結下:   需求是把下拉選的值傳給後端,有多個值的話中間用逗號分開,參數類型是string。 這裏用的是iview框架,當用戶點擊下拉選後會出現一個下拉列表,選中的值會存放到一個數組中。注意,

原创 display和visibility

把元素的display 設定爲 none,該元素及所有包含在其中的元素,都不會在頁面中顯示。它們原先佔據的所有空間也都會被“回收”,就好像相關的標記根本不存在一樣。與此相對的是visibility屬性,這個屬性最常用的兩個相對的值是vis

原创 再次總結解決元素高度塌陷的問題(圍住浮動元素)

方法一:爲父元素添加overflow:hidden 原始佈局: 想要的效果: p元素裏的文字移動到圖片的右邊,footer在section的下面. 給img元素加了float:left後,雖然p元素裏的文字移到了img的右邊,但是它的

原创 怎麼讓子元素在父元素中水平垂直居中

第一種方法:使用絕對定位 此方法要求父元素要有高度,父元素開啓相對定位,子元素開啓絕對定位. 注意:如果父元素沒有高度也沒有開啓相對定位,則子元素會相對於body水平垂直居中. 第二種方法:使用flex佈局 在flex佈局中父元素

原创 table表單中的td內容兩端對齊

創建表格時,我們在單元格輸入中文的字數不一樣,會導致不美觀,例如: 我們需要將用戶名後面的冒號和密碼後面的冒號對齊,解決方法是在td中加個樣式:text-align-last:justify,讓它們兩端對齊 加了樣式之後的效果:

原创 Vue--webpack遇到的坑

1.安裝好webpack後(npm i webpack -g),在命令行輸入 webpack -h 提示讓安裝webpack-cli,輸入yes之後開始安裝,安裝完成再次輸入webpack -h同樣報錯. 解決方法:查看了安裝的webpa

原创 JS-函數顯示原型與隱式原型

1.每個函數(function)都有一個prototype,即顯式原型屬性,它是在定義函數時自動添加的,默認值是一個空Object對象(沒有我們自己指定的屬性或方法),但Object不滿足. 2.每個實例對象都有一個__proto__,即