原创 阿里雲ESC服務器Linux上安裝配置MySql

網上查了一大堆教程,各種問題就不說了,各種不對,報錯,用不了,還卸載了重新安裝。 特此記錄一下正確的安裝過程,以供小夥伴們參考。 現在買的esc雲服務器實例,默認安裝了mariadb數據庫,本質和mysql是一樣的,但是我們需要卸

原创 koa2項目初始化

1、全局安裝koa-generator快速生成器 npm install koa-generator -g 類似express項目的快速生成器,有一個基本的模板可以使用 2、生成koa2項目 koa2 項目名稱 3、切換到項目

原创 通過get或post請求下載excel表格的解決辦法

get請求方式 var downURL = '下載接口' var getData = '?starTime=20180922&endTime=20180925' var request = downURL+getData

原创 vue之src圖片路徑地址動態拼接的方法。

很常見的需求了。根據後臺返回的數據,展示本地對應的圖片。這個時候,需要對圖片地址的src進行拼接。 由於靜態資源路徑,方式不對,很容易導致地址有問題。 1、方式一: <template> <div v-for="(item,ind

原创 vue開發marquee文字跑馬燈效果組件

組件調用時候的使用方式: <template> <div> <div class="demo"> <notice-bar :text="text"></notice-bar> </div> </

原创 自定義input文件上傳樣式,並且解決兩次選擇同一個文件不觸發change事件的方法

// tempelate <div v-show="showImgBtn" class="upload-wrap"> <el-button size="small" @click="handleUploadCLick">選擇圖片<

原创 奇葩需求之:js判斷瀏覽器環境,是webview?安卓App?蘋果瀏覽器?還是微信瀏覽器打開的。

需求描述:js腳本判斷網頁是在什麼環境中打開的。內置瀏覽器,還是app內嵌入式的webview打開的,亦或是在微信瀏覽器內打開的,還是用pc端打開的。 查了一圈資料,原理基本上就是通過navigator對象上的信息來做文章,更

原创 js 使用攝像頭進行拍照上傳功能

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

原创 react-native學習資料

1、React Native開發實用技巧 https://www.jianshu.com/p/ccba80f34f33

原创 vant-ui之Field輸入框和Picker結合使用時,如何綁定正確的id類型的值的問題。

很常見的需求: 表單中的一項,需要從picker控件中選擇正確的值後,展示的是字符串,然後提交到後臺服務器的則是字符串對應的value類型的值的問題。 點擊表單的檔案組,彈出Picker選擇組件,選擇正確的值,填充到表單項,

原创 node.js項目使用sequelize處理多對多模型的時候,如何實現數據的增刪改查問題。

需求分析: 一篇文章可以有多個標籤tag,一個標籤也可以屬於多個文章。 文章article模型和標籤tag模型,屬於多對多關係。 1、模型定義: 文章模型 const {Tag} = require('./tag') // 定

原创 element-ui 和 koa2實現文件上傳,並且攜帶token認證。

1、koa2後臺代碼: /** * 上傳api接口 */ const Router = require("koa-router"); const router = new Router({ prefix: "/api/v

原创 奇葩需求之瀏覽器根據接口返回的信息播放消息提示音

需求:輪詢或websork,根據後臺最新的消息,網頁端播放消息提示音。 解決辦法: 根據接口返回的內容, try { // ajax 請求略 const audio = new Audio('/

原创 webpack來構建jQuery+bootstrap的多頁面項目

1、項目初始化 npm init 一路回車或設置,最後生成項目的package.json 2、安裝bootstrap和jquery npm install bootstrap jquery 3、引入webpack4和webpack

原创 vue之根據不同的值綁定不同的class樣式類名

需求描述 有時候,我們需要根據不同的數據,來展示不同的效果。 解決方式 方法一: 使用綁定函數返回值實現 定義好需要的樣式: .online { color: #07c160; font-weight: bold; }