原创 TypeScript中使用getBoundingClientRect報錯Property 'x' does not exist on type 'ClientRect | DOMRect

內容參考github ts問題11085 DomRect之前叫ClientRect,後來更名了1, ts兼容了兩種對象,但ClientRect沒有x,y屬性。所以使用getBoundingClientRect時: ​let uns

原创 vue中nexttick原理(源碼分析)

nexttick函數的作用是來延遲一個函數的執行。 結合vue nexttick.js源碼進行分析: /* @flow */ /* globals MessageChannel */ import { noop } from 'sh

原创 OpenLayer基礎概念翻譯

最近正在學習gis,openlayer學習記點筆記。 0penLayer基本概念翻譯筆記MAP openlayer組件核心是map,它被渲染到一個目標容器 target (e.g. web頁面上一個包含map的div元素)。 所有的map

原创 echarts圖表在Vue中雙縱軸刻度不齊

我們一般都是用的動態數據,ecarts在處理縱軸數值的時候,所以在處理這些數據時會"友好"的將縱軸分段便於分析。然而在多縱軸中容易引起麻煩,因爲兩個的數據差異較大,導致縱軸分段數不易很難看,即使設置了splitNum,它也會在它認爲好的情

原创 項目網頁不從8080端口啓動

最近遇到一個問題: 項目跑起來的時候總是跑在8081端口,這表明8080端口被佔用了的,但我訪問8080端口時是404,其實當時404下還有一句話webstorm.2.1,嘛當時也不知道啥意思。 這就導致一個問題,我們配置跨域在nginx

原创 js的異步加載

    今天被問到了如何異步加載js,聽到這句話我內心是拒絕的,啥玩意兒?js也要用異步加載不是引入了就行了,也沒見速度變慢啊。後來仔細查詢了一下,才發現自己原來還是太年輕了。     因爲之前自己寫的加載的都是本地js,或者是並沒有複雜

原创 vue+webpack+element打包後線上樣式不一樣

修改elementui樣式不能加scoped,否則無效,修改完後線上的樣式卻與本地不一樣,原因是樣式的引入順序決定了打包順序: import 'element-ui/lib/theme-chalk/index.css' // eleme

原创 meta中的http-equiv = "X-UA-Compatible"

       今天看到<meta http-equiv = "X-UA-Compatible" content="ie=edge">這個標籤感到很困惑,按捺不住好奇心去查了下,總結了幾篇講的比較好的文章,寫下一些感悟。 百度經驗:http