原创 Vue學習筆記之Vuex的核心概念Getter

有時候我們需要從 store 中的 state 中派生出一些狀態,例如對列表進行過濾並計數: computed: { doneTodosCount () { return this.$store.state.todos.fi

原创 Vue學習筆記之混入 (mixin)

目錄 選項合併 全局混入 自定義選項合併策略 混入(mixin)提供了一種非常靈活的方式,來分發Vue組件的可複用功能。一個混入對象可以包含任意組件選項。當組件使用混入對象時,所有混入對象的選項將被“混合”進入該組件本身的選項。 //定

原创 Koa2打怪升級之路:初識koa(一)

一、簡介       Koa 是一個新的 web 框架,由 Express 幕後的原班人馬打造, 致力於成爲 web 應用和 API 開發領域中的一個更小、更富有表現力、更健壯的基石。 通過利用 async 函數,Koa 幫你丟棄回調函數

原创 可視化優化:百度地圖內網訪問(通過nginx代理)

1、首先下載你所使用版本的百度地圖api文件 我用的是最新的(https://api.map.baidu.com/getscript)下載到本地。 2、找到其中所有的url地址,我找到的如下: gss0.bdstatic.com ma

原创 css技巧之手寫css箭頭

1、css代碼:  .j-right-icon{ display: inline-block; width: 0; height: 0; border-width: 5px; border-sty

原创 vue學習筆記之vue深入響應式原理

一、如何追蹤變化 當你把一個普通的 JavaScript 對象傳入 Vue 實例作爲 data 選項,Vue 將遍歷此對象所有的屬性,並使用 Object.defineProperty 把這些屬性全部轉爲 getter/setter。 這

原创 Cron表達式知識整理

cron表達式詳解   Cron表達式是一個字符串,字符串以5或6個空格隔開,分爲6或7個域,每一個域代表一個含義,Cron有如下兩種語法格式:   (1) Seconds Minutes Hours DayofMonth Month D

原创 cron表達式整理--1

Cron表達式是一個字符串,字符串以5或6個空格隔開,分爲6或7個域,每一個域代表一個含義,Cron有如下兩種語法格式:  Seconds Minutes Hours DayofMonth Month DayofWeek Year或  S

原创 Array.prototype.slice.call(arguments,0)含義

  能將具有length屬性的對象 轉成數組 1、Array是構造函數 2、arguments是類數組對象(缺少很多數組的方法) 3、call讓一個對象調用另一個對象的方法。你可以使用call()來實現繼承:寫一個方法,然後讓另外一個新的

原创 Vue學習筆記之路由元信息

定義路由的時候可以配置 meta 字段: const router = new VueRouter({ routes: [ { path: '/foo', component: Foo,

原创 高德地圖開發自定義地圖樣式

1、首先打開高都地圖api自定義地圖界面(自定義地圖) 2、點進去,進行自定義地圖配置 自定義樣式  3、定義結束,點擊發布  4、接下來點擊使用自定義地圖,會生成一串碼 5、點擊複製,在地圖初始化調用這個就可以了 var m

原创 li相關整理:如何改變li前面點的顏色和如何去掉li的點

1、如何改變li前面點的顏色 li { content: "."; color: rgb(245, 29, 29); } 2、在標籤li後面加入“@”符號,這裏都會使用position,這樣可以調

原创 vue學習筆記之路由(Vue Router)安裝

一、安裝 直接下載 / CDN https://unpkg.com/vue-router/dist/vue-router.js Unpkg.com 提供了基於 NPM 的 CDN 鏈接。上面的鏈接會一直指向在 NPM 發佈的最新版本。你也

原创 JavaScript數據結構與算法學習筆記之數組

目錄 一、創建和初始化數組 二、添加和刪除元素 三、JavaScript 的數組方法參考 3.1.1數組合並 3.1.2迭代器函數 3.1.3 搜索和排序 3.1.4、輸出數組爲字符串   一、創建和初始化數組 var daysOfWe

原创 Vue學習筆記之路由編程式的導航

一、router.push(location, onComplete?, onAbort?) 注意:在 Vue 實例內部,你可以通過 $router 訪問路由實例。因此你可以調用 this.$router.push。 想要導航到不同的 U