原创 項目技術研究-meteor
meteor： meteor是一個用於開發現代web和移動應用程序的全棧javaScript平臺。Meteor包含一組關鍵的技術，用於構建連接客戶端響應式應用程序，構建工具以及Node.js和一般JavaScript社區的一組策劃包。
2018-11-21 22:44:25
原创 d3-v5 力引導佈局進階，新增圖例篩選功能
環境，數據，函數部分請參考 上一篇博客d3-V5 力引導佈局實例圖，這裏僅繪圖部分代碼 // 新建一個力導向圖 this.forceSimulation = d3.forceSimulation()
2018-11-14 08:44:18
1
原创 d3-V5 力引導佈局實例圖
環境vue組件中 <template> <div> <svg width="960" height="600"></svg> </div> </template> <script> /* eslint-disable
2018-11-04 09:13:49
原创 D3.js比例尺的作用
比例尺是D3中一個很重要的概念，上一章裏提到過直接用數值的大小來代表像素不是一種好的辦法，這裏正是要解決此問題。 爲什麼需要比例尺？ 上一章製作了一個柱形圖，當時有一個數組： var dataset = [ 250 , 210 , 17
2018-11-04 09:13:49
原创 D3.js做一個簡單的圖表
環境：vue 使用：npm install d3 --save-dev(檢查是否安裝成功在package.json查找d3) 然後在組件中引入：import * as d3 from 'd3' 柱形圖是一種簡單的可視化圖表，主要有矩形
2018-11-04 09:13:49
原创 利用d3.js繪製一個矩形圖表
<template> <div> </div> </template> <script> import * as d3 from 'd3' export default { mounted(){ let width
2018-11-04 09:13:49
原创 Webpack進階第五節
一切皆模塊 Webpack有一個不可說的優點，它把所有的文件都當做模塊處理，JavaScript代碼，CSS和fonts以及圖片等等通過合適的loders都可以被處理。 CSS webpack提供兩個工具樣式表，css-loader和st
2018-10-27 08:43:48
原创 Echarts關係圖graph應用
環境vue組件中 <template> <div id="pic" style="width: 300px; height: 500px;"></div> </template> <script> export default
2018-10-27 08:43:48
原创 Webpack進階第一節
生成Source Maps(使調試更容易) 開發總是離不開調試，方便的調試能極大的提高開發效率，不過有時候通過打包後的文件，你是不容易找到出錯了的地方，對應的你寫的代碼的位置，Source Maps就是來幫我們解決這個問題的。 通過簡單的
2018-10-26 22:37:02
原创 Webpack進階第六節---插件(plugins)
插件(Plugins)是用來拓展Webpack功能的，它們會在整個構建過程中生效，執行相關的任務。Loders和Plugins常常被弄混，但是他們其實是完全不同的東西，可以這麼來說，Loders是在打包構建過程中用來處理源文件的(JSX,
2018-10-26 22:37:01
原创 Webpack入門第一節
1.使用Webpack前需要做的準備 在新項目文件夾中新創建package.json,這是一個標準的npm說明文件，裏面蘊含了豐富的信息，包括當前項目的依賴模塊，自定義的腳本任務。(在終端可以使用npm init可以自動創建package
2018-10-26 22:37:01
2
原创 Webpack進階第三節---loaders
loaders是webpack提供的最激動人心的功能之一了。通過使用不同的loader，webpack有能力調用外部的腳本或工具，實現對不同格式的文件的處理，比如說分析轉換scss爲css，或者把下一代的JS文件(ES6,ES7)轉換爲現
2018-10-26 22:37:01
原创 Webpack進階第二節----使用Webpack構建本地服務器
想不想讓瀏覽器監聽你代碼的修改，並自動刷新顯示修改後的結果，其實Webpack提供一個可選的本地開發服務器，這個本地服務器基於node.js構建，可以實現你想要的這些功能，不過它是一個單獨的組件，在webpack中進行配置之前需要單獨安裝
2018-10-26 22:37:01
原创 Webpack入門第二節
上一節已經成功使用Webpack打包了一個文件了。在終端進行復雜的命令行操作，其實是不太方便且容易出錯的，接下來看看Webpack的另一種更常見的使用方法。 通過配置文件來使用Webpack Webpack擁有很多其它的比較高級的功能(比
2018-10-26 22:37:01
原创 Webpack進階第四節
Babel其實可以完全在webpack.config.js中進行配置，但是考慮到babel具有非常多的配置選項，在單一的webpack.config.js文件中進行配置往往使得這個文件顯得太複雜，因此一些開發者支持把babel的配置選項放
2018-10-26 22:37:01