原创 使用http-server,快速創建web服務。----127.0.0.1:8080/index.html
1. 全局安裝http-server npm install http-server -g 2.在要打開的項目文件夾處,按shift,點擊鼠標右鍵，打開命令窗口，輸入 hs -o回車 3.將對應的網址複製到瀏覽器打開，如果
2020-06-12 23:19:00
1
原创 react學習筆記--1
1,虛擬DOM的邏輯（React虛擬dom到真實dom發生了什麼） 2，React16 更新了什麼 React16中引入了Fiber這個概念，從根本上解決了由於js的單線程運行，遇到計算量較大的情況，導致動畫和交互卡頓的問題。
2020-06-12 23:19:00
原创 使用es6的class方法來實現繼承
1，class瞭解 在es6之前，js實現繼承都是通過prototype（原型鏈）的方式來實現的， 原型繼承參考 https://blog.csdn.net/weixin_43322208/article/details/89
2020-06-12 23:19:00
原创 webpack4中Babel配置
1,說明 webpack，默認只能處理一部分ES6新語法，一些更高級處理不了（ES2015+的語法）。需要藉助第三方loader來幫忙處理成低級點的語法，再把結果交給webpack打包編譯處理。通過Babel可以幫助處理ES6+高
2020-06-12 23:19:00
原创 blob和arrayBuffer
1,定義 Blob，英文Binary large Object，在mdn上的解釋是Blob對象表示不可變的類似文件對象的原始數據 。Blob() 構造函數返回一個新的 Blob 對象。 var aBlob = new Blob(
2020-06-12 23:19:00
1
原创 js 創建對象、原型鏈、構造函數
1，對象的原型鏈 JavaScript對每個創建的對象都會設置一個原型，並指向它的原型對象。 js 訪問對象的原型鏈條： 當我們用obj.xxx訪問一個對象的屬性時， JavaScript引擎先在當前對象上查找該屬性，如果沒有找到
2020-06-12 23:19:00
原创 react中ref的三種使用方式
import React from 'react' export default class RefUse extends React.Component{ constructor(props){ super
2020-06-12 23:19:00
原创 Vue的包裹元素標籤template
在此，可以把一個 元素當做不可見的包裹元素。 常用場景如下： 1，比如說當v-for和v-if要在同一個元素上時，而vue又不允許這樣使用，這時而又不想新增一個標籤，這裏，就可以在v-for的外層使用template標籤，在te
2020-06-12 23:19:00
原创 內存溢出，打包失敗CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
1、vue項目打包，內存溢出報錯 報錯描述 CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory（內存溢出） 原因分析 報錯中有句關鍵的話，C
2020-06-12 23:19:00
11
原创 echarts 監聽地圖縮放和移動事件
Vue中監聽echarts實現的中國地圖縮放事件，方法如下： //初始化中國地圖 initEchartMap() { let mapDiv = document.getElementById("mat
2020-06-12 23:19:00
原创 前端路由實現常用的兩種思路，history和hash
路由的實現方式 1，利用監控錨點hash的變化實現前端路由思路, （參考hash.html） 是通過錨點來改變瀏覽器的URL，體現在URL後面會加上#，並且可以通過window.onhashChange來監聽這一變化，
2020-06-12 23:19:00
原创 echarts實現中國地圖(Vue)
效果如下 1，安裝echarts npm install echarts --save 2,引入 import echarts from "echarts"; import 'echarts/map/js/chi
2020-06-12 23:18:50
原创 Arcgis 地理座標與屏幕座標之間的轉換
地理座標：經緯度座標 屏幕座標：相對屏幕左下腳，在屏幕中的位置 地理座標轉屏幕座標(toScreen方法) var screenPoint = map.toScreen(point); //map： 地圖實例化對象 //point
2020-06-12 23:18:50
原创 瀏覽器內存泄露的常見情況以及解決方法
常見的內存泄露案例 1，意外創建的全局變量 解決辦法： 可以通過加上 ‘use strict’ 啓用嚴格模式來避免這類問題, 嚴格模式會阻止你創建意外的全局變量. function foo() { bar1 = 'some
2020-06-12 23:18:50
原创 js的三大事件
三大事件（鼠標事件、鍵盤事件、html事件） 1、鼠標事件 click：單擊 dblclick：雙擊 mousemove：鼠標移動 mousedown：鼠標按下 mouseup：鼠標擡起 mouseover：鼠標懸浮 mouse
2020-06-12 23:18:50