原创 vue.js之filters的使用（過濾器）
vue.js之filters的使用（過濾器） **過濾器：**對我們渲染出來的數據進行進一步的格式化處理。 例如：後臺返回的數據性別是0和1 ，渲染頁面的時候，我們應該轉換成“男”或者“女”， 在這種情況下呢，我們就需要用到了過
2020-06-02 18:46:26
原创 js閉包的介紹
我們的JavaScript分爲三部分： EcmaScript(JS核心),DOM,BOM。、 面試中經常會有面試官問我們什麼是閉包？你理解的閉包是什麼？優缺點？使用場景？ 一：閉包的概念： 閉包就是一個的函數的返回值是另外一個函數
2020-06-02 18:46:26
原创 vue自定義指令的使用（directive）
vue自定義指令的使用： 全局指令和局部指令： 【全局指令】 使用Vue.diretive()來全局註冊指令。 【 局部指令】 也可以註冊局部指令，組件或Vue構造函數中接受一個directives的選項。 鉤子函數。指令定義函
2020-06-02 18:46:26
原创 前端高頻面試題總結（三）
一：js的作用域？ JS作用域也就是JS識別變量的範圍， 作用域鏈也就是JS查找變量的順序 先說作用域，JS作用域主要包括全局作用域、局部作用域和ES6的塊級作用域 全局作用域：也就是定義在window下的變量範圍，在任何地方都
2020-06-02 18:46:26
原创 vue遞歸組件實現樹形結構
vue遞歸組件實現樹形結構 一：遞歸組件 什麼是遞歸組件？簡單來說就是在組件中內使用組件本身。函數自己調用自己。很多情況下我們呢刷數據的時候，不知道到底這個數據結構是有多少層，那麼這個時候我們就用到了遞歸來實現。 二：先用for來
2020-06-02 18:46:26
原创 vue+axios+promise實現網絡層封裝（二次封裝）
vue+axios+promise實現網絡層封裝（二次封裝） 封裝是一種網絡模塊化的機制，它使得分佈各處的網絡可以從收到的數據包讀到控制信息，根據協議做出合適的反應.用來處理響應攔截和請求攔截 也可以做我們的數據預加載，實現數據
2020-06-02 18:46:15
原创 vue 封裝一個toast組件
vue 封裝一個toast組件 第一步 創建一個toast.vue <template> <transition name="fade"> <div v-show="visible">{{message}}</div>
2020-06-02 18:46:15
原创 vue移動端實現滾動到頂部
<template> <div class="home"> <div @scroll="scroll()"> <div v-for="(item,index) in this.list" :key="ind
2020-06-02 18:46:15
原创 vue封裝dialog彈框組件
vue封裝dialog彈框組件 dialog.vue <template> <div class="dialog" v-show="showMask"> <div class="dialog-contain
2020-06-02 18:46:15
原创 Vue.nextTick的實現原理以及使用場景
Vue.nextTick的實現原理以及使用場景 定義：在下次 DOM 更新循環結束之後執行延遲迴調。在修改數據之後立即使用這個方法，獲取更新後的 DOM，所以放在 Vue.nextTick()回調函數中的執行的應該是會對 DOM
2020-05-26 18:27:32
原创 vue組件傳值（vue組件通信）的幾種方式
vue組件傳值（vue組件通信）的幾種方式 我們接觸了vue.js 之後，組件化的開發 不得不讓我們用到傳值。 一：父傳子（props） 具體實現：父組件通過import引入子組件，並註冊，在子組件標籤上 添加要傳遞的屬性，子組件
2020-05-25 04:09:04
原创 vue-cli3.0線上環境和開發環境的配置
我們一個項目中呢，有多個接口，我們在進行開發的時候呢，如何進行接口地址的切換。這個時候就用到了環境的切換。 vue-cli3.0線上環境和開發環境的配置 一：環境變量： 1.1 測試環境 test: "serve": "vue
2020-05-21 20:05:40
5
原创 五分鐘帶你玩轉vuex（vuex入門）
前言： 我們接觸過vue.js的 一定知道在vue中各個組件之間傳值的痛苦，在vue中我們可以使用vuex來保存我們需要管理的狀態值，值一旦被修改，所有引用該值的地方就會自動更新，那麼接下來我們就來學習一下vuex是如何修改狀態值
2020-05-21 20:05:40
原创 npm ERR! [email protected] postinstall: `node scripts/build.js`
vue3.0在搭建腳手架時候安裝node-sass時候報錯！！！ 一 ：報錯信息截圖 二：解決方案 原因是我們的 sass版本太高無法編譯，那麼既然找到了問題我們就降低sass的版本： //首先清除我們已經安裝過的版本： np
2020-05-20 04:54:04
原创 vue-cli3.0搭建腳手架及移除嚴格模式
vue-cli3.0搭建腳手架及關閉嚴格模式 vue的更新可以說是非常快的了。 目前vue的最新版本是2.6，vue-cli最新是4.x 一:用vue-cli3.x來寫項目 我們是基於node進行創建的，所以說我們要先安裝n
2020-05-20 04:54:04