原创 將vue methods方法掛載到全局window對象,給app端或後臺使用 vue項目

通過jsBridge方法,H5可以調用客戶端(ios,android)的內部方法,同樣,客戶端也需要能調用H5頁面裏定義的js方法,但是在vue裏,所有的方法都是在組件內部聲明的,也只能在組件內部調用,並沒有綁定window對象下面,這樣

原创 前端自己平時總結

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 JavaScript正則表達式匹配空格

匹配字符串中任何位置出現的空格: var reg=/(^\s+)|(\s+$)|\s+/g; var str = " ff gg "; reg.test(str);//true  

原创 vuex :action和mutations區別

我們先說說actions和mutations的區別,mutations在請求數據的時候是同步的;而actions是異步的   action的功能和mutation是類似的,都是去變更store裏的state,不過action和mutat

原创 我對JavaScript中閉包的理解

之前對於閉包這個概念的理解都是模糊的,只是單純的知道閉包的作用: 可以在函數的外部訪問到函數內部的局部變量。 讓這些變量始終保存在內存中,不會隨着函數的結束而自動銷燬。   而這幾天通過各種資料和博客的學習,自認對閉包的概念和原理有了一定

原创 vscode

  1.VScode 不能自動補全結束標籤? 你需要的是下面這兩個插件,ctrl + shift + x 後輸入這兩個插件安裝 Auto Close Tag自動閉合HTML標籤 Auto Rename Tag 修改HTML標籤時,自動修改

原创 vue axios PDF文件流下載

this.axios({           method: "post",           url: '/jishi/jishi.daochu',           responseType: 'blob',          

原创 高度不固定的容器的上下左右的居中顯示。(重點是垂直居中)

基本上常用的就這四種: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> /*方法一:1)將父級容器設置爲:*/ .

原创 前端資料

vue.js高仿餓了麼(1-13章全) 鏈接:https://pan.baidu.com/s/1qYSiYXluA1AlEV0EskxWZw 提取碼:25z9 Vue.js 2.5 + cube-ui 重構餓了麼 App 鏈接:https

原创 css--flex佈局問題

flex-shrink: 0;如果值爲0,表示不減小。 詳解: 該屬性用來設置,當父元素的寬度小於所有子元素的寬度的和時(即子元素會超出父元素),子元素如何縮小自己的寬度的。 flex-shrink的默認值爲1,當父元素的寬度小於所有子元

原创 Promise簡單用法和理解

1.理解 1.什麼是Promise Promise 是異步編程的一種解決方案,其實是一個構造函數,自己身上有all、reject、resolve這幾個方法,原型上有then、catch等方法。 Promise對象有以下兩個特點。 (1)對

原创 vue父組件的created和子組件的mounted的執行先後

執行順序如下: 父組件 created 子組件 created 子組件 mounted 父組件 mounted 如果有多個子組件: 父組件created鉤子結束後,依次執行子組件的created鉤子 多個子組件的created執行順序爲父

原创 on 和 addEventListener 的區別

onclick用法: let obj=document.getElementsByClassName('head')[0] let obj1=document.getElementsByClassName('head1')[0]

原创 vue路由傳參--------params和query的區別

vue路由傳參--------params和query的區別 背景:項目中需要跨頁面傳值,如試題id,遇到了刷新後,傳的值消失,所以研究了以下兩者的區別 1.params只能用name來引入路由,query用path/name來引入 2.

原创 vue-router的兩種模式使用和不同

  衆所周知,vue-router有兩種模式,hash模式和history模式,這裏來談談兩者的區別。 hash模式 hash模式背後的原理是onhashchange事件,可以在window對象上監聽這個事件:eg: //file://