原创 圖片如何居中

圖片居中 <div> <img src='' /> </div> div { text-align:center; // 可使圖片水平居中 } img { vertical-align:middle;

原创 隨筆

前兩天科一順利考過,並且經歷了兩次科二學習,感覺好像也不是很難,但是對於只有1G CPU的我來說,還是需要勤加練習, 爲了每天都寫博客,我會每天都學習,前兩天一直想寫個 promise 的博客,因爲面試的時候經常會問到,希望能總結的全面,

原创 v-model.trim使用

v-model.trim用於去掉輸入框內首尾空格 如下綁定的時候加上 .trim 那麼如果直接在開頭輸入空格,或者是在末尾輸入空格,是不會顯示有輸入內容的, <el-input type="textarea" v-model.trim=

原创 button 去掉默認邊框樣式

border: none; 或者給他重新設置邊框樣式

原创 webstrom 2019年7月最新破解碼

能用到2099年 直接使用  activetion code, 把下邊的這段複製進去就可以 4RULSIH54N-eyJsaWNlbnNlSWQiOiI0UlVMU0lINTROIiwibGljZW5zZWVOYW1lIjoiMjA5O

原创 Echars 如何描繪世界地圖

Echarts 刪除內置地圖,官網給出的原因是這樣的: ECharts 之前提供下載的矢量地圖數據來自第三方,由於部分數據不符合國家《測繪法》規定,目前暫時停止下載服務。 建議大家使用以百度地圖爲底圖的形式,參考實例:https://ec

原创 vue 提示彈框

分享一個很好用的提示彈框(幾秒消失的那種) 非常適用於前端內容增刪改查成功或失敗後的提示語 templet 中的 Dom <div class="alsrtInfo" :style="{display: displayStsates}

原创 promise 詳解

Promise 作用:主要是來解決Ajax的異步問題 傳統方式:回調函數來解決異步問題,類似如下問題 ajax(url, { // 成功後回調 ajax(url, { // 成功之後再回調

原创 立了個 Flag

常常有人說,自律的人很可怕,我卻不明白自律的人有什麼可害怕的! 我自知我不是一個自律的人,但是我一直朝着這個方向走着,北漂至今,我立了超多個flag,但是沒有一個堅持超過兩個月的, 我一開始以爲堅持不下來是因爲沒有什麼實質性的回報吧,或者

原创 如何判斷 JSON 格式

如何校驗輸入的內容是否爲 JSON 格式 isJson (data) { if (typeof data === 'string') { try { var obj = JSON.pars

原创 canvas 如何 清空畫布內容

解決辦法: 重新給canvas賦值高度或者寬度 canvas.setAttribute('height', 240) 原理: 當 canvas 得寬高發生變化時,會重新繪製canvas,裏邊得內容就爲空了

原创 button 禁止點擊

cursor: not-allowed; 只是改變了鼠標的樣式而已,並沒有禁止掉他的事件 pointer-events:none; 這一行控制了點擊事件是否執行,意思是點擊不觸發事件, 所以如果想禁止掉按鈕事件,兩個都需要加上

原创 Vue Router 的params和query傳參刷新後參數丟失情況

經常遇到刷新頁面參數丟失的情況,今天總結一下 params是路由的一部分,創建路由時,須要在路由後邊添加參數名。 query是拼接在URL後邊的參數,創建路由時,不用必須添加,可以直接跳轉的時候攜帶即可 params 參數丟失分析 因爲

原创 localStorage 如何存儲對象

還記得第一次使用 localStorage  存儲了個數組,卻一直顯示爲 [object,object] 解決辦法: 存儲對象 window.localStorage.setItem('名稱', JSON.stringify(對象數據)

原创 JavaScript Cookie

什麼是 Cookie? Cookie 是一些數據, 存儲於你電腦上的文本文件中。 當 web 服務器向瀏覽器發送 web 頁面時,在連接關閉後,服務端不會記錄用戶的信息。 Cookie 的作用就是用於解決 "如何記錄客戶端的用戶信息":