原创 vue-cli3.0項目中使用ttf字體

1、下載字體 此處下載的字體爲HYXinHaiXingKaiW.ttf 2、將下載好的字體放到項目的assets下,同時新建font.css文件 3、font.css中配置字體 @font-face { font-family

原创 linux配置vsftpd、subversion

vsftpd與fileZilla連接,subversion與小烏龜連接 vsftpd與filezilla 1、安裝vsftpd $ sudo apt install vsftpd 2、下載完成後測試 $ vsftpd -version

原创 react向數組中追加值

首先,渲染一個隨機數,每個一秒變換一次,效果如下: 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>數組追加元素</title> <scr

原创 vue實現登錄功能,且刷新頁面不丟失數據

僅個人學習記錄 github:https://github.com/otatoz/login-vue 預覽地址:http://47.93.255.92/login 項目說明:姓名: customer1或customer2或customer

原创 react渲染—基本渲染、列表渲染、條件渲染

基本渲染: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>列表渲染</title> <script src="https://cdn.staticfile.o

原创 vueRouter攜帶參數

業務需求:在視頻列表頁面,點擊任意一個視頻的時候,獲取到該視頻的id,並跳轉到視頻播放頁面,在視頻播放頁面可以通過該視頻的id查詢視頻詳情信息 解決思路: 1、將id存入vuex中,使用狀態管理機維護起來 問題:在視頻播放頁面刷新瀏覽器的

原创 vue中使用vue-visibility-change監聽瀏覽器頁面之間的切換

需求: A、B兩個頁面,從A頁面切換到B頁面,在B頁面做完操作再切換回A頁面,A頁面需要執行相關的操作 A ---> B(一些操作) ---> A(執行某些操作) 解決方案: 使用vue-visibility-change 下載: $

原创 vue-cli3.0打包頁面無法加載js文件

情況一:頁面空白且控制檯報錯 使用 npm run build 打包後,瀏覽器訪問dist/index.html文件時,無法加載js文件 解決方案: 在網上搜了很多方法,他們修改的配置文件都不適合vue-cli3.0,因爲vue-cli

原创 在element-ui的table組件與雙大括號中使用時間處理函數

需求1:在雙大括號中處理時間格式 使用前: <div v-for='item in orders' :key='item.id'> 日期:<div>{{item.orderTime}}</div> 狀態:<div>{{i

原创 vant使用iconfont圖標

第一步、添加圖標至項目   第二步、生成代碼   第三步、將得到的地址複製到瀏覽器   第四步、將該頁面所有的代碼複製到assets/css/icno.css中(沒有的話可以新建)   第五步、在App.vue導入(路徑跟自己項目

原创 cordova環境配置,將vue項目打包成apk的詳細流程

jdk下載並配置 下載jdk 下載地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下載完成,一直下一步即可

原创 vue-element-admin關閉代碼校驗eslint

在vue.config.js中將lintOnSave設置爲fasle即可 設置前: 設置後:        

原创 vue給對象新增屬性,頁面不更新解決方法——四種方案

需求:點擊按鈕,向一個對象新增name屬性,希望頁面也能顯示出來新增的name 代碼: <div id="app"> {{obj}} <div @click="add">新增name屬性</div> </div> <s

原创 vuex過濾器getters

業務需求:查詢到所有的商品列表,根據商品的狀態將其放入不同的表格 解決方案: 1、使用vue的過濾器 2、使用vuex的getters 目錄結構: App.vue文件 <template> <div id="app"> <

原创 阿里雲服務器部署前端項目架包

上傳架包 啓動架包 連接數據庫 創建數據庫 運行sql文件 創建用戶並添加權限 訪問 1、將springboot項目所打包成的jar文件上傳至阿里雲服務器 使用工具:filezilla 在服務器相對應的目錄查看 2、啓動架包 執行命令