原创 vue 配置全局 路徑

const path = require('path') const resolve = dir => path.join(__dirname, dir) module.exports = { devServer: { p

原创 vue-axios post請求content-type:application/x-www-form-urlencoded

axios的post請求,默認是application/json提交JSON格式的數據 實際我們後端要求的 'Content-Type': 'application/x-www-form-urlencoded'  這時需要配置conten

原创 關於VUE項目中報Error: Avoided redundant navigation to current location: 的錯

在VUE中路由遇到Error: Avoided redundant navigation to current location:報錯顯示是路由重複, 在你引入VueRouter的時候再加上一句話: const originalPush

原创 js 獲取csv格式數據

html: <el-upload class="upload-demo" :on-change="handleChange" action> <el-button size="small" type="primary">

原创 vue 數據驅動

vue.js一個核心思想是數據驅動。所謂數據驅動,是指試圖是由數據驅動生成的,我們對試圖的修改,不會直接操作DOM,而是通過修改數據。它相比我們傳統的前端開發,如使用jQuery等前端庫直接修改DOM,大大簡化了代碼量。特別是當交互複雜的

原创 vue-cli3.0 移動端適配 rem 佈局

npm install lib-flexible 安裝: 在main.js引入中:import 'lib-flexible/flexible.js'  1.1、npm install postcss-pxtorem 或者 yarn ad

原创 vue源碼結構分析

打卡node_modules 裏面vue目錄: vue的源碼都在src目錄下,其目錄結構如下: compiler compiler 目錄包含vue.js所有編譯相關的代碼。它包括把模板解析成ast語法樹優化,代碼生成等功能。 編譯的工

原创 node.js面試題總結

1. Node.js是什麼? Node.js是服務器端腳本,用於構建可伸縮程序。 它是基於Google Chrome的JavaScript引擎構建的Web應用程序框架。 它在Mac OS,Windows和Linux上的Node.js運行時

原创 vue中實現換膚效果,運用less很簡單

demo:      實現流程:基於給頁面最外側標籤設置class類名,來改變,通過函數參數的傳遞實現,多定義類名,賦值給需要的標籤 1、vue-cli安裝 less 2、新建common.less .theme(@backgroun

原创 vue之子組件監聽父組件傳值

在工作過程中,經常碰見自己封裝的組件需要監聽父組件傳過來的值,很有可能是在子組件需要對值進行處理,有不少同學不知道如何處理這個值,以下是簡單demo,僅供參考。。。 父組件: <template> <div> <el-but

原创 前端面試題-01

1、css實現圖片自適應寬高 img { max-width: 100%; max-height: 100%; } 2、JS找字符串中出現最多的字符 方法一: var str = "nininihaoa"; var o

原创 vue.js源碼構建

vue源碼是基於Rollup構建的,它的構建相關配置都在script目錄下。 構建腳本 通常一個基於NPM託管的項目都會有一個package.json文件,它是對項目的描述文件,它的內容實際上是一個標準的JSON對象。 我們通常會配置sc

原创 redis簡述

redis概述:   redis是一個key-value的nosql數據庫(非關係型數據庫)。支持存儲的value類型包括string(字符串)、list(鏈表)、set(集合)、zset(sorted set --有序集合)和hash(

原创 vue日常

1、綁定 class 的數組用法: 對象方法  v-bind:class="{'orange': isRipe, 'green': isNotRipe}" 數組方法  v-bind:class="[class1, class2]" 行內 

原创 vue 調取攝像頭

看demo:  上代碼:   <template> <div> <div> <el-button @click="callCamera">打開攝像頭</el-button> </div> <di