原创 webstorm2019破解方法(適合windows)

本人是win10系統,在網上找到的方法破解webstrom2019一直沒有起作用,會不停的彈出再次輸出註冊碼,多次尋求解決方案之後,終於被本人發現瞭如何快速搞定它。 首先,找到hosts文件,在裏面加兩句話。 注意: 不要找錯位置,hos

原创 AngularJs 調試工具(batarang)安裝

因爲angular由谷歌接手之後,他們也寫了一個關於該框架的調試插件(batarang),但是僅僅只能在谷歌瀏覽器中使用。 對於能翻牆的同志,可以直接在擴展程序中安裝,在此講述另一種方式,只是爲了告知那些,和我一樣在牆內摸爬滾打的小可憐們

原创 如何進行jquery擴展?如何編寫jquery插件?

有位牛人曾說,如果你要成爲大神,對於jquery,就不能只停留在使用階段。隨後,果斷去百度了一把,如何編寫jquery插件 有兩種方式: 使用jQuery原型,在jQuery對象上綁定方法 直接在jQuery對象上寫方法,編寫類庫時用的原

原创 echarts如何做出多條進度條的效果

原理:彈性盒子佈局,兩端對齊方式將數據分割在兩端,重點用echarts柱狀圖,絕對定位,翻頁一次,echarts柱狀圖重新加載一次 先來一個效果圖 如何做出如圖所示的效果呢,雖然核心是echarts柱狀圖,但是還需要配合css樣式,才能

原创 在cesium中實現熱力圖

    剛開始接觸cesium,說實話,對於像我這類的小白來說,要想快速上手,確實有一定的難度,但是站在巨人的肩膀上,往往總會少走很多彎路。    原理:使用heatmap.js插件,先生成一個熱力圖,再在地圖上創建一個盒子(如矩形),以

原创 常用的scss函數(mixin)

scss自出來之後,廣受歡迎,如何能快速寫出想要的css呢,可自定義一些scss方法,本人羅列了一些最近用到的scss函數,其實包括文本超出範圍的格式化、彈性盒子居中、左浮動、右浮動、鼠標上移樣式改變等 1、文本超出範圍,顯示省略號 /

原创 純js實現無縫滑動輪播

原理:盒子內套入一個絕對定位的盒子,改變left值,實現輪播    滑動的核心是每輪一個元素,嵌入緩動動畫    無縫的核心是複製第一個元素放到最後,在滑動到最後一個時,迅速切換到第2個通常滑動的小圓點也是動態生成,因爲很多時候,我們拿到

原创 echarts自定義雷達圖(radar)

  先來個效果圖 1、首先設置形狀 shape: "circle", // 支持 'polygon' 和 'circle' ,默認polygon 2、設置線條 splitLine: {//分隔線

原创 openlayers 註冊地圖事件(移動、單擊、拖動)

1、創建一個地圖對象 // Layers var layers = [ new ol.layer.Tile({ name: "Natural Earth", min

原创 echarts折線漸變 + 預測值

先來個效果圖原理:使用echarts創建一個折線圖,漸變原理是使用虛擬地圖visualMap,預測值是使用了兩條線(第一根實線,最後一個值爲空,第二根虛線,只保留最後一個值)1、下載echarts-all-3.js,引入到頁面中,準備一個

原创 cesium熱力圖(cesiumheatmap.js)

無意中看到有個大神寫了一個cesiumheatmap.js,顧名思義,就是在cesium框架中實現熱力圖原理是創建矩形,用heatmap.js生成一個canvas,再將canvas貼到矩形中這位大神將熱力圖的canvas大小通過傳入的矩形

原创 scss兩層數組遍歷(遍歷生成多個圖標,不同的樣式)

$iconFont: ( (font: "\e6bb", bgc: $bgOrange, sdc: $bgOrangeFourPercent), (font: "\e601", b