原创 vue中的自定義指令directive
vue中的自定義指令 註冊一個局部指令 <template> <div> <h1>{{name}}</h1> <p @click='updateEl'>更新</p> <input type="t
2020-06-28 14:19:02
原创 es6新的數據類型Symbol
* 學習Symbol * 首先Symbol是什麼？它是新的(第七種)原始數據類型 null undefined Object Boolean String Number * 其次Symbol可以
2020-06-28 14:19:02
原创 實現每隔1s數組中的內容的位置一次前置一次
對數組中的內容進行換位，每隔1s 思路：循環 新數組 間隔調用 技術：for 循環( 或者你擅長的循環) 函數 舉例：結果[1, 2, 3, 4, 5, 6, 7]—>[2, 3, 4, 5, 6, 7, 1]—>[3
2020-06-28 14:19:02
原创 純css實現簡單的風車效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
2020-06-28 14:19:02
1
原创 僞類選擇器和僞類元素的用法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-06-28 14:19:02
原创 關於 vue項目中safari瀏覽器下img標籤中路徑錯誤時的渲染問題
最近在做vue項目中，遇到通過請求到的數據循環渲染圖片的問題，具體情況如下： Google瀏覽器中是這樣： 後來我做了處理，當一組數據中的圖片的url地址沒有時，只渲染有的，沒有的用默認的背景圖片,這裏判斷我用的v-show
2020-06-28 14:19:02
原创 vue中引入mixin具體步驟
以下的描述都是在vue腳手架中操作的 1.首先在assets文件夾中創建一個minxin.js export const minxin = { data () { return { message: '師父
2020-06-28 14:19:02
原创 關於for...of for..in和Object.keys()的相同，不同之處
// 一: 遍歷對象的方法 let person = { name: "張三", age: 25, address: "深圳", getName: function () { } }
2020-06-28 14:19:02
原创 什麼是html5應用程序緩存
經常聽說緩存緩存 卻不知道緩存究竟是怎麼回事？ 今天要說的緩存就是指沒有網絡連接時也可以進行訪問 應用程序緩存帶來的好處是什麼呢？ 離線瀏覽 用戶可以在應用離線時使用它 例如現在的電視劇 不都是先緩起來然後在沒網的時候
2020-06-28 14:19:02
原创 js實現點擊圖片時將圖片下載在本地
前段時間，項目有一種需求，就是實現點擊圖片時，可以將圖片下載到本地。類似我們在瀏覽網頁時看到好看的圖片，右鍵然後選擇存儲的效果差不多，當時做的時候每次點擊圖片時都會打開一個新窗口。把圖片在新窗口中展示出來。並不能起到下載到本地的效
2020-06-28 14:19:02
原创 前端菜鳥在日期對象new Date()上踩的坑
前段時間公司有個活動頁面的banner,只上線兩天，兩天之後就不再顯示，爲了省事，直接打算寫個倒計時，動態控制banner的顯示隱藏，結果就遇到了在safari瀏覽器的錯誤。 下面舉例說明： 具體看代碼： <!DOCTYPE ht
2020-03-20 21:34:51
原创 js原生實現簡單的進度條效果
最近室友想實現一個點擊按鈕時會有一個進度條加載的過程，所以嘗試做了一下。 具體代碼如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2020-03-10 08:24:21
原创 vue中遍歷器的用法
首先展示的是局部過濾器的用法，又叫私有過濾器 <template> <div> <!-- 調用時: 通過'|'管道符來過濾前面的title,管道符後面是過濾器的名字多個過濾器用管道符'|'隔開 -->
2020-02-20 22:26:56
原创 vue中項目中發現端口被佔用解決方法（mac本）
最近在做一個vue的項目時，發現每次本地運行該項目時的端口號都不相同，一開始以爲沒有什麼影響就沒有管它， 後來發現代碼更新後它還是運行的之前的代碼，所以解決了下這個問題（mac本） 如下圖 vue.config.js中是這麼定義
2019-10-25 15:32:09
原创 關於input type爲submit設置高度失效問題
在用mac本做react項目時 遇到一個提交框樣式設置的問題 高度設置完之後 就是沒有效果如下 html 內容: <input type="text"/> <input type='submit' className=
2019-09-06 15:09:57