原创 數據挖掘實訓週報(一):windows和ubuntu16.04系統下python3.x和pip3的安裝配置

數據挖掘實訓週報(一):windows和ubuntu16.04系統下python3.x和pip3的安裝配置前言ubuntu下環境配置python3.7的安裝修改默認python版本依賴包的安裝Window下環境配置numpysci

原创 Django框架學習(三):Django Admin 管理工具

Django框架學習(三):Django Admin 管理工具激活管理工具創建超級用戶註冊數據模型使用管理工具 Django 提供了基於 web 的數據庫管理工具。利用 admin 管理工具,我們可以很方便地在網頁上查看和操作數據

原创 利用github page和jekyll搭建個人博客網站(三):使用最熱門的 Next 主題並進行深度配置

利用github page和jekyll搭建個人博客網站(三):使用最熱門的 Next 主題並進行深度配置前言安裝 NexT效果深度配置編碼問題開啓打賞功能修改頁面寬度 前言 自己一直想做一個個人專屬的博客網站,所以之前使用 je

原创 後臺前端解決方案vue-element-admin的安裝及使用

後臺前端解決方案vue-element-admin的安裝及使用簡介安裝基礎模板整合到其它vue項目 簡介 vue-element-admin 是一個後臺前端解決方案,它基於 vue 和 element-ui 實現。它使用了最新的前

原创 Vue學習(一):Vue的安裝及使用Vue Cli快速生成新項目的腳手架

Vue學習(一):Vue的安裝及使用Vue Cli快速生成新項目的腳手架前言Vue的安裝Vue Cli的安裝Vue Cli的使用 前言 Vue是一套用於構建用戶界面的漸進式框架,是隻針對前端的框架,它能夠幫助我們快速地構造前端頁面

原创 Vue前端框架學習(三):使用axios進行數據請求

Vue前端框架學習(三):使用axios進行數據請求axios的簡介axios的安裝axios的使用post方式get方式 axios的簡介 axios是一個基於promise的HTTP庫,用於數據請求。它有一下特性: 支持pr

原创 實現Element的upload組件的圖片本地預覽

實現Element的upload組件的圖片本地預覽 upload組件的html代碼如下: <el-upload class="avatar-uploader" action="" :show-file-list="fal

原创 使用Element UI手動上傳單個文件並顯示進度條

使用Element UI手動上傳單個文件並顯示進度條場景描述實現過程 場景描述 使用Element UI的upload組件手動上傳文件單個文件,如果選擇了多個文件,會覆蓋原來要上傳的文件,以最新選擇的文件爲準。上傳不使用uploa

原创 在Vue項目中獲取視頻的時長

在Vue項目中獲取視頻的時長 傳入參數爲視頻文件對象,js的代碼如下: getVideoDuration(file) { var url = URL.createObjectURL(file); var audioElem

原创 在Vue項目根據圖片url獲取file對象並用axios上傳

在Vue項目根據圖片url獲取file對象並用axios上傳圖片url轉file對象axios上傳 圖片url轉file對象 <script> export default { data() { return {

原创 Vue項目中使用axios和element ui實現文件上傳時的進度顯示

Vue項目中使用axios和element ui實現文件上傳時的進度顯示 html代碼如下: <div v-if="progressSeen"> <el-progress :text-inside="true"

原创 跨域請求的解決方案和使用axios讓請求頭部攜帶含有登錄標記的cookie的方法

跨域請求的解決方案和使用axios讓請求頭部攜帶含有登錄標記的cookie的方法跨域與同源跨域請求的解決方案跨域下的登錄保持 跨域與同源 當一個請求url的協議、域名、端口三者之間任意一個與當前頁面url不同即爲跨域;相反地,所謂

原创 vue前端UI框架element-ui在項目中的安裝及使用

vue前端UI框架element-ui在項目中的安裝及使用element-ui的安裝普通安裝使用vue-cli3安裝使用可視化編輯 element-ui的安裝 普通安裝 element-ui是款熱門的vue前端UI框架,官方文檔爲

原创 Bootstrap前端框架學習(一):Bootstrap在Vue項目中的安裝及可視化佈局

Bootstrap前端框架學習(一):Bootstrap在Vue項目中的安裝及可視化佈局node.js的安裝bootstrap的安裝bootstrap快速佈局 node.js的安裝 我們需要安裝node.js,使用node.js的

原创 Vue項目數據變化被watch監聽並處理

Vue項目數據變化被watch監聽並處理監聽當前vue文件數據監聽vuex中的數據 監聽當前vue文件數據 例如,當前的vue文件的data中有如下屬性: data() { return { dialogFormVis