原创 Vue造輪子-popover組件(上)
1. popover是什麼以及難點在哪 點一下出現一個卡片,也叫氣泡卡片 難點在於css的樣式 2. 用戶會怎麼去用 // 第一種做法，用插槽做 <g-popover> <template slot="cont
2020-07-03 21:59:00
1
原创 Vue造輪子-Tabs測試(上)
1. 點擊出現下劃線的問題 // tabs-item.vue methods: { xxx() { this.eventBus.$emit('update:selected', this
2020-07-03 21:59:00
1
原创 Vue造輪子簡易版(階段性總結)
1. 課前水平自測 要對 JS,CSS,SVG 非常瞭解才能造 UI 輪子 2. 沒有需求就不要寫代碼,沒有設計稿也不要寫代碼 沒有設計稿就問設計要，不給就鬧，把事情鬧的越大越好，只要不寫代碼做什麼都是對的 3. 單元
2020-07-03 21:59:00
原创 旺財記賬項目-Money.vue組件實現(上)
1. 小技巧:快速包裹每一行 選中，按兩下 shift，輸入 surround ,選擇 surround with emit,輸入 li*,意思就是 n 個 li 包住行數 2. input,label 的寫法 新手
2020-07-03 21:59:00
1
原创 Vue造輪子-手風琴組件
一. 大致的使用方法 <div id="app" style="padding-left: 100px"> <g-collpase> <g-collapse-item title="標題1">內容1</g-colla
2020-07-03 21:59:00
原创 (React全解)Class組件詳解
一. class 組件創建方式 import React from 'react'; class B extends React.Component { constructor(props){ super(props
2020-07-03 21:58:50
原创 番茄鬧鐘二(引入react-router)
1. 安裝 react-router yarn add react-router-dom yarn add @types/react-router-dom // 引入聲明類型文件 2. 引入 react-router
2020-07-03 21:58:50
原创 番茄鬧鐘一(React-Antd-Typescript 框架搭建)
一. 主要文檔 React React Router Ant design TypeScript Redux 二. 開始使用,體驗 react 腳手架 npx create-react-app react-app-demo
2020-07-03 21:58:50
原创 旺財記事本(數據保存至LocalStorage)
1. 獲取用戶最新選擇的 Tags // Tags.Vue this.$emit('xxx', this.selectedTags) //Money.Vue <Tags :data-source.sync="tags" @xxx
2020-07-03 21:58:50
1
原创 番茄鬧鐘四(todoList 模塊搭建及封裝)
一. 調試接口 二.webstorm 最大化的增加代碼區域 View-Enter Distraction Free Mode 三. 添加新建菜單 https://blog.csdn.net/asing1elife/arti
2020-07-03 21:58:50
原创 Mac系統下wow自動釣魚python實現
一. 緣起 因爲最近疫情的原因，待在家裏實在無聊就又玩起了wow懷舊服，wow是一款非常經典的遊戲，裏面有一個專業技能叫做釣魚。因爲釣魚本身比較枯燥，且重複度很高，所以作爲一名資深程序員，我決定用代碼的方式來解決這個問題。 二.
2020-03-01 17:34:16
3
原创 (旺財記賬項目)Vue 全局數據管理（下）之Vuex
1. Vuex 就是一個數據讀寫工具 2. 引用了之後就可以讀 3. 大概使用方法 const store = new Vuex.Store({ state: { // data,也就是數據 count: 0
2020-02-27 07:27:29
原创 Vue造輪子-tab組件(下)
1. 爲什麼一個 new Vue 可以構造出一個 eventBus // 當我們定義了new Vue之後,可以這樣用 var app = new Vue({ created(){ this.$emit()
2020-02-21 19:37:12
原创 Vue造輪子-popover組件(中)
1. 現在遇到的問題 如果在popover外面包了個div寫上overflow:hidden就會出bug,所以要把彈出的div放到按鈕的同一個層級 關於click事件的,之前解決的方式是寫click.stop,但是其實還是會有b
2020-02-21 19:37:12
原创 svg的兩個坑
1. WebStorm 按兩下空格輸入 soft wrap 進行換行 2. 第一個坑: svg 中的 fill 屬性處理 svg 裏面如果有 fill="",就會有顏色，可以手動去除,但是如果有很多個 svg 那麼一個個去
2020-02-21 19:37:11