低調的D吖-优快云博客

原创菜鳥ITer學習尤克里里【Day02】

aloha 大家早上好啊今天我們繼續尤克里里的學習了解了尤克里里的一些基本知識下面我們開始要練習彈奏了我一個朋友做過樂隊說精通樂器最簡單也是最難的就是不停的練習形成肌肉記憶（這個和開車或者做其他事情也是一樣耶）今天來了解琶音和分解和弦1、琶音琶音呢是由拇指從四弦往三弦掃弦比如Day01學習的生日快樂歌就可以用琶音來伴奏當然耶還有其他的演奏形式比如指彈之類的比如在彈唱過程中假設自己的音樂沒有那麼廣那麼我們可以降音節來伴奏比如在原來的G.

2021-01-12 10:08:52 153

原创菜鳥ITer 學習尤克里里【Day01】

菜鳥ITer給自己畫的一副彈尤克里里的畫像哈哈請勿噴一、了解尤里里里的四根弦大家都了解了尤克里里有四根弦和吉他都定音方式都相同四弦三弦二弦一弦空弦音都間隔為四度、三度、四度看如下圖對應都弦以及音名為GECA（對應四三二一弦）如下圖是對應的簡單的1234567i的普是自己用iPad寫的沒有那麼的正請大家見諒哈二、使用尤克里里彈出點聲音來但是呢大家可能沒有音樂樂理知識那那怎麼辦呢不用怕不用怕一般學習什麼樂器都是從...

2021-01-11 12:08:46 191

原创菜鳥ITer 學尤克里里（Ukulele）【選擇合適自己的尤克里里】

Ukulele 即夏威夷小吉他在港台等地一般譯為烏克麗麗在大陸一般習慣叫為尤克里里是一種四弦夏威夷的撥弦月期發明於葡萄牙盛行於夏威夷近年來因為比吉他更容易上手而受到更多人青睞雖然尤克里里是個能夠快速上手的彈唱樂器但是其實也有一定的難度的而且尤克里里的尺寸不同材質形狀而有不同的音色音域那麼新手一般如何選擇合適自己的尺寸呢（如下圖 copy於桃子同學）有上圖可以看出21寸是最小的尤克里里尺寸在520mm-540mm左右小朋友或者女性朋友拿起來比較...

2021-01-07 17:08:20 178

原创推荐【京东抢1499元 53度飞天茅台】代码

https://github.com/huanghyw/jd_seckill/tree/master

2021-01-05 15:21:56 298

原创 vue-admin-template 新手學習（二）添加左側邊欄

在router文件夾下的index.js加入需要添加的側邊欄內容這個是靜態路由不需要權限如下然後npm run dev 就跑起來了{ path: '/products', component: Layout, hidden: true, children: [ { path: 'edit/:id', ...

2020-04-17 14:56:51 588

原创 vue-element-admin-template 權限控制整理

vue-element-admin是個強大的管理後台框架https://github.com/PanJiaChen/vue-element-admin/tree/master/src/directive經過了一些琢磨，終於知道vue-element-admin-template如何增加權限控制首先，先把邏輯關係理清楚：登錄後通過token獲取用戶對應的角色rol...

2020-01-10 11:12:02 1820 20

原创 vue 組件式開發navBar

如下圖是要實現的效果如下為代碼塊//NavBar.vue<template> <div id="vab-bar"> <div class="nav-bar"> <div class="left"><slot name="left"></slot></div> ...

2019-11-28 14:37:42 375

原创父子組件通訊使用

一、父子組件 1.創建組件構造器 Vue.extend()--> const app = new Vue({}) 2.註冊組件 Vue.component('my-cpn',cpnC) 3.使用組件 <div> <my-cpn></my-cpn></div>//父組件模板<div id="app"&...

2019-11-14 14:19:37 162

原创 javascript 高階函數filter & map & reduce 使用

一、filter 函數過濾後面接回調函數返回布爾值->true：函數會自動將這次的回調的n 加入新數組->false：函數會自動過濾掉這次的n需求一：取出小於100的數字第一種方式使用for循環，第二種方式使用高階函數filterconst nums = [100,20,49,300,799,10,60]let nums = 0for (let n o...

2019-11-12 11:13:25 92

原创人生有多少個10年

今天突然和朋友們說2021年是我們認識十年的日子相識於2011年深圳大運會志願者那個時候我們在機場以及機場周邊做志願者服務於大運會大家都獲得過大運優秀志願者稱號一晃10週年過去了回望這十年我們會保持每年至少一小聚的習慣或許就是大家之間沒有任何利益衝突所以一直相處的不錯平時不需要刻意聯繫需要刻意維護的友誼很累人當然成年人的友誼也很脆弱這過程中也有人進進出出能留下來都是最好的所以我們策劃一個10周年的活動就是我們這一群人...

2021-01-07 11:19:38 180 1

原创一個女生能組裝配置1500塊的台式主機嘛

今天問了一個朋友（不在我所在城市）配置1500塊電腦主機的事情然後他給我在淘寶找了套餐大概在1500然後我就問他組裝容易麼他說電源線我估計自己搞不定然後我就問我同事裝電腦的事情他說我的這個配置有點落伍了然後給我推薦了一個大概4000（不包含顯示器的）然後我回覆了一句我預算沒有那麼多啊然後他沒說啥了然後說買齊東西他幫我裝後來問了一個鄰居他說做網管的然後也給我推薦了很多可是都超過了我1500的預算然後說收我60元裝機費用然後又問了...

2021-01-06 15:01:16 98 1

原创經歷了10年的技術生涯最後你會。。。

人生的兜兜轉轉2020年經歷了疫情很多小的公司都倒閉了湖北也頑強的抗爭下來了全國人們也隨著出行旅遊出差了剛2021的鐘聲響起現在又河北開始本土增加無症狀病例好了題外話有點多什麼算是技術什麼算是互聯網技術技術會給現實生活帶來什麼變化今天剛開到一個推送說一位老奶奶去繳納社保用的現金工作人員說不收現金然後那位奶奶好像犯錯的小孩不知所措然後後面就扒出一個大爺去坐火車工作人員叫他出示健康碼但是大爺也沒有然後。。。...

2021-01-05 15:19:33 139 2

原创 vue-admin-template 新手學習（十一）實現導出zip包

如下圖想把列表的數據導出zip包來（其實是有60條數據）需要安裝依賴npm install jszipnpm install file-saver然後需要增加Export2Zip的jsimport { saveAs } from 'file-saver'import JSZip from 'jszip'export function export_txt_to_zip(th, jsonData, txtName, zipName) { const zip = new...

2020-05-21 17:17:14 205

原创 vue-admin-template 新手學習（十）實現pdf下載

簡單寫一個下載的頁面<router-link to="/pdf/download"> <el-button type="primary" @click="clickBtn"> 下載pdf </el-button> </router-link>methods: { fetchData() { import('./content.js').then(data => {.

2020-05-20 14:20:12 279 2

原创 vue-admin-template 新手學習（九）選擇excel 並解析內容在前端展示

引入xlsx依賴模塊npm install xlsx --save在vue文件引入依賴import XLSX from 'xlsx'使用組件選擇文件<div> <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick"></input> <div>

2020-05-14 15:27:57 228 1

原创 vue-admin-template 新手學習（八）Echarts圖表

安裝依賴 npm install echarts --save在main.js全局引入import echarts from 'echarts'Vue.prototype.$eacharts = echarts

2020-05-09 15:48:28 1131

原创 vue-admin-template 新手學習（七）本地/後端 mock 數據

假設我們要添加商品mock數據達到如下效果1.我們需要在mock數據下添加product的模擬數據import Mock from 'mockjs'const data = Mock.mock({ 'items|10': [{ id: '@id', name: '@sentence(1, 5)', typeName: 'HUAWEI@integer...

2020-05-07 15:50:05 614

原创 vue-admin-template 新手學習（五）國際化多語言

在各種項目中會涉及到多語言（國際化項目？）所以這個時候語言包非常重要1.首先在 src加入 lang/index.js & index.js & en.js & zh.js//lang index.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import Cookies from 'js-c...

2020-04-29 17:39:47 675

原创 vue 常用特性

表單基本操作v-model 綁定值 value屬性（index or row ）表單修飾符.number 轉為數值 <input v-model.number="age" type="number"> .trim 去掉首尾空白 <input v-model.trim="msg"> .lazy 延時更新 <input v-mode.lazy="msg"&g...

2020-04-24 17:52:10 132

原创 vue-admin-template 新手學習（三）改變請求後端API

如果後端的接口是要請求到合作的小夥伴那裡呢dev環境呢在.env.development 將VUE_APP_BASE_API 改成可以請求的網址'http://xxx.xxxx.local:86/api'然後就可以和合作的小夥伴愉快的調試接口了啊（可能會遇到跨域問題）...

2020-04-24 16:56:57 391

原创 css 兩顆心的距離你可知道？？？

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <style> div { position:relative; top: 100px; left: 50%; width: 100px; height: 1...

2020-04-22 16:03:07 109

原创 vue-admin-template 新手學習（四）頁面權限控制

1.創建vue實例的時候掛載vue-router2.用戶登錄後獲取role 將role和路由美國頁面權限比較生成最終用戶可訪問的路由表3.調用router.addRoutes 添加可訪問路由4.使用vuex管理路由根據vuex中可訪問路由渲染側邊欄組件完整版登錄的時候記得改vue.config.js下面的環境為developmentlintOnSave: pro...

2020-04-15 17:17:55 406 1

原创 vue-admin-template 新手學習（一）啟動項目

大家可能下載完整的模板再一個個刪除我剛好相反只下載template模板來一個個頁面功能添加一、準備好vue-admin-template模板1.可以直接下載vue-admin-template-master.zip包然後解壓2.通過git命令科隆 git clone https://github.com:PanJiaChen/vue-admin-template.git...

2020-04-14 14:44:46 503

原创 el-radio遇到的一些坑

radio下面的數據是上一層的table 展開的問題1:選擇了其中一個，其他expand的數據都會被選中思路：根據父級table然後選擇了子級radio <el-table fit style="width: 100%;" :data="goodsData" :row-key="getRowKeys" :expand-row-keys="expands" border...

2020-04-13 17:20:33 728 1

原创一個帶有多個form-item和table多表單

最外一層是form ，form包含了2個form-item 和2個table ，然後要將1個form-item 的數據自己填寫一個form-item的數據從別的地方獲取和table數據從別的地方獲取然後一起提交到下一步1.form-item從子組件獲取數據回來，那麼先把子組件獲取回來到數據保存到form裡邊然後再展示到form-item<el-form-item...

2020-04-13 17:06:03 368

原创解決三層 v-for循環數據後v-model綁定el-input 時遇到的坑

因為是要從服務器拿數據下來並在原數據的基礎上進行更改如下圖效果<el-table-column label="ContactWindow" align="center" width="150"> <template slot-scope="scope"> <template v-if="...

2020-03-31 14:32:43 324

原创子組件向父組件傳值 this.$emit 和解決選擇數據後被覆蓋問題

將彈出的dailog 搜索得到的數據傳給父組件//子組件<el-table ref="filterTable" :key="tableKey" v-loading="listLoading" :data="pagination.items" fit highligh-current-row :element-loading-text="$t('commonText.loadingTe...

2020-03-30 16:10:34 191

原创解決一個高度造成的問題

<template><div class="app-container"> <el-card :body-style="{padding: '12px'}"> <div slot="header"> <span>{{ $t('pageInquiryView.goodsInfo') }}</span>...

2020-03-24 22:23:10 118

原创 vue slot-scope="scope" 獲取數據

今天遇到一個問題就是要獲取的數據在列表中的某個屬性中的列表中比如我想獲取contacts中的contactWin獲取chineseName可以直接row.chineseName直接獲取到數據 <template slot-scope="{row}"> <span> {{ row.chinese...

2020-03-18 23:08:06 320

原创 python3 tkinter 的那些坑

在Mac和Windows不同的系統下有些坑1. filedailog，colorchooser如下代碼在Mac下報錯：NameError: name 'filedialog' is not defined#在Windows下，from tkinter import *root = Tk()def callback(): fileName = filedialog.as...

2020-03-15 21:57:30 1323 1

原创 python3 爬蟲頁面（1）

突然某一天想爬一下頁面圖片，然後就開始了python爬蟲的過程然後打開了百度貼吧的某個頁面http://tieba.baidu.com/p/2460150866 開始咯一、首先要請求到這個頁面那麼需要引用python的urllib.request 模塊https://docs.python.org/3/library/urllib.request.htmlimpor...

2020-03-12 17:46:33 127

原创 vue 父子組件通訊升級版

有一個需求一個頁面需要有超過三個dialog彈出每次彈出的不同然後用了比較笨的方法寫了三個組件子組件：廢話不多說上代碼#template代碼部分<el-dialog ref="dialogTitle" :title="添加供應商" :visible.sync="visible" :before-close="handleClos...

2020-03-10 17:57:20 140

原创 vue-admin-template 新手學習（六）導出excel

需要先安裝三個依賴npm install -S file-saver xlsxnpm install -D script-loader封裝Export2Excel.jsfunction generateArray(table) { var out = []; var rows = table.querySelectorAll('tr'); var ranges = ...

2020-01-18 14:16:13 240

原创 vue-element-admin-template 分頁組件實現

分頁組件實現，使用element 的pagination組件進行再一次封裝https://element.eleme.io/#/zh-CN/component/pagination#<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pa...

2020-01-16 18:25:56 481

原创 vue promise/async/await 區別與聯繫

1、只有一個異步請求，且只需要做錯誤處理情況下，使用promise getInfo({ commit, state }) { return new Promise((resolve, reject) => { getInfo(state.token).then(response => { const { data } = response...

2020-01-16 11:28:38 313

原创 mpvue 開發微信小程序（四）引入騰訊地址並逆地址解析

一、註冊騰訊lbs的keyhttps://lbs.qq.com二、使用1.在使用頁面引用並使用<script>var QQMapWX = require("../../common/libs/qqmap-wx-jssdk.min.js")methods: { getMyLocation(){ var that = this w...

2019-12-19 11:48:31 141

原创 mpvue 開發微信小程序（三）home頁面和跳轉到詳情頁面

要實現如下頁面，那麼在pages 下面新建一個home文件夾，home下面新建main.js & main.json & Home.vue三個文件Home.vue<template> <div class="home"> <swiper class="swiper" indicator-dots="true" aut...

2019-12-12 17:08:51 140

原创 mpvue 開發微信小程序（二）index頁面和tabbar和nav

接上一節index頁面的代碼main.js（掛載index頁面）import Vue from 'vue'import Index from './Index.vue'Vue.config.productionTip = falseIndex.myType = 'index'const index = new Vue(Index)index.$mount()m...

2019-12-12 16:36:46 100

原创 mpvue 開發微信小程序（一）環境搭建和index頁面

一、mpvue 腳手架安裝1.npm install -g vue-cli2.vue init mpvue/mpvue-quickstart my-project（my-project是文件夾名字，不能使用中文，vue init mpvue/mpvue-quickstart 這是和vue init webpack 一樣的方式）如果是帶有文件名，那麼需要先cd 到my-pro...

2019-12-12 16:03:26 109

原创 Vuex是什麼主要用來做什麼為什麼要使用vuex

一、Vuex是什麼Vuex是一個大管家，多個組件共享的變量全部存儲在一個對象裡將這個對象放在頂層vue實例中，讓其他組件使用，如下圖為多頁面二、Vuex的五個屬性state：vuex的基本數據，用來儲存變量 getter：從基本數據（state）派生的數據，相當於state的計算屬性（computed） mutation：提交更新數據的方法，必須是同步，美國mutation...

2019-12-10 18:24:43 234