原创 學習筆記-Leaflet加載北京地鐵線路

內容大綱Leaflet學習筆記-加載北京地鐵線路獲取線路和站點json利用高德地圖抓取數據座標糾偏加載地圖容器,設置中心座標設置底圖添加圖層控件 Leaflet學習筆記-加載北京地鐵線路 先上效果圖 本文主要由兩部分組成:

原创 學習筆記-Gojs起手式

Gojs-起手式 本文主要概括了gojs入門需要了解的基本概念,以及它們間的關係 1.Diagrams and Models(圖表與模型) 圖表所包含的節點和連線是數據的可視化,這些數據是由模型管理的。Gojs是MV架構的,其中模

原创 webpack4.x最佳實踐-2.webpack基本環境搭建

文章目錄nodejs安裝npm安裝webpack安裝項目中的webpack初始配置利用webpack默認配置文件打包自定義webpack配置文件 nodejs安裝 webpack是基於node環境的,所以先確認安裝了node環境

原创 webpack4.x最佳實踐-4.常用loader

文章目錄打包js模塊打包圖片資源打包樣式資源打包字體資源 在初始配置下webpack只能處理js模塊,但是我們開發過程中會引入很多js之外的模塊,要想正確的打包,我需需要引入響應的loader進行處理 打包js模塊 打包js模

原创 學習筆記-Canvas

內容提綱canvas繪圖板星空煙花進度條氣泡閃電 canvas繪圖板 預覽 星空 預覽 煙花 預覽 ##知乎粒子 預覽 ##粒子文字 預覽 進度條 預覽 氣泡 預覽 閃電 預覽 源碼https://github.c

原创 學習筆記-原生CSS變量

原生CSS變量 不用Less、Sass等預處理插件,原生的CSS也支持變量,用於批量修改邏輯相關的DOM的Style的某一個屬性值 語法 示例 語法 定義變量 與js一樣,變量都是由作用域的,css變量的作用域就是DOM的

原创 學習筆記-js單元測試

內容大綱mocha 測試框架與斷言模塊安裝使用示例鉤子函數異步代碼測試斷言模塊 單元測試(模塊測試)是開發者編寫的一小段代碼,用於檢驗被測代碼的一個很小的、很明確的功能是否正確。通常而言,一個單元測試是用於判斷某個特定條件(或者

原创 Vue3 數據劫持原理

/** * 響應式 */ function reactive(target) { return createReactiveObject(target) } /** * 已代理過原始值與代理後的值 hashMap *

原创 vue組件通信

Vue.prototype.$dispatch = function(eventName, data) { let parent = this.$parent; // 查找父元素 while (parent) {

原创 實現簡版Vuex

let Vue const install = (_Vue) => { Vue = _Vue console.log('install') Vue.mixin({ beforeCreate() {

原创 Vue2 數據劫持原理

/** * 響應式 - 數據變了會更新視圖 */ function updateView() { console.log('更新視圖') } let oldArrayPrototype = Array.prototyp

原创 實現簡版vue-router

/** * mode * router-link * router-view * this.$router * this.$route * install */ class VueRouter { constr

原创 Git再入門

文章目錄Git再入門Git是什麼版本控制系統(VCS)Git的特點Git代碼管理的一般工作流程Git 工作原理文件的四種狀態三個區域爲何有一個暫存區.git目錄三種對象blob對象tree對象commit對象commit、tree

原创 Git workflow

git workflow workfolw Git作爲一個分佈式版本控制系統,不可避免涉及到多人協作,協作通常指的是分支工作流程。Git工作流是基於Git的分支能力而形成的代碼拉取、合併、構建的開發工作流,Git工作流可以解爲工作

原创 git還原已刪除的分支

記一次恢復錯誤刪除分支的慘痛經歷事故現場還原恢復已刪除分支相關git命令git reflog與git log 區別git stash小結 由於一時疏忽,錯誤的刪除了承載兩天工作量的開發分支,不過經過仔細覆盤,已恢復原有分支,特此