原创 pc端web頁面樣式重置文件&& 常用全局樣式

/*==樣式重置==*/ @charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote

原创 vue中使用echarts+Highmaps開發數據可視化大屏(數據分析/數據看板/科技感頁面)

echarts和highchart的區別 echarts echarts的前身是百度公司前端開發的一個圖表庫,後捐獻給阿帕奇公司維護。 支持柱狀圖、餅狀圖、k線圖、map圖、熱導向圖、折線圖等常用圖表, 主要採用canvas畫圖。

原创 基於Echarts數據可視化地圖模塊(地圖下鑽+地圖遷徙線)

數據可視化大屏展示使用頻率最高的應該就是地圖了,無論是做功能性的還是做裝飾用的,都是非常實用的,放上它項目纔有了靈魂,顯得非常的炫酷。這裏分別對地圖下鑽,遷徙圖,地圖下鑽+遷徙圖的合併,記錄介紹一下: 一、地圖下鑽 先看下效果:

原创 利用echarts配合bmap做數據可視化頁面,在觸摸大屏幕上面不支持手勢解決方案

bmap在結合echarts做的時候,在觸摸大屏幕上面不能夠支持手勢進行操作(例如雙指放大縮小手勢) 第一步:保存百度使用API返回的腳本,找到接口 http://api.map.baidu.com/getscript?v=版本號

原创 基於vue + echarts 數據可視化大屏展示

一、老規矩先npm安裝echarts npm install echarts --save 二、引入使用 1.全局引入main.js中配置(不推薦使用) import echarts from 'echarts' //引入ech

原创 移動端H5 圖片/視頻上傳預覽(不依賴於任何框架)--input:file總結

寫在前面: 這裏先來介紹下input:file的幾個屬性: accept:規定通過文件上傳來提交的文件的類型。 capture:該屬性用於調用設備的攝像頭或麥克風。 multiple:可勾選多文件,調用系統攝像頭或者錄音機都只是單

原创 mac os + flutter + vscode 最詳細的配置以及使用方法

Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生用戶界面。 Flutter可以與現有的代碼一起工作。在全世界,Flutter正在被越來越多的開發者和組織使用,並且Flutter是完全免費、開源

原创 vue+echarts數據可視化實現自適應屏幕進行縮放

這裏默認已經具備了vue中如何使用echarts,如是小白先查看echarts在vue裏面如何引入使用。 下面進入正題 (直接上代碼): <script> export default { data() {

原创 基於echarts+html+css+jq的數據可視化大屏展示炫酷看板

默認你已經具備前端基礎 html,css,js,jq這些基本知識都已經掌握。 什麼是echarts? ECharts,一個使用 JavaScript 實現的開源可視化庫,可以流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器

原创 vue重置data或者獲取data初始值

Object.assign(this.data,this.data, this.data,this.options.data()) // 重置data對象到初始化狀態

原创 移動端 H5 與 Hybrid(踩坑總結篇)

問題分析與解決方案 查看方案 爲什麼有 1px 這個問題? 實現 1px 有哪些方法?這些方法分別有哪些優缺點? 開源項目中使用的哪些解決方案? 如何在項目中處理 1px 的相關問題? 問題分析與解決方案查看方案 寫移動端 H5

原创 web視頻(點播/直播)播放器選型

隨着互聯網發展,網頁已不僅僅承載着圖文信息,更多的是音視頻信息,而播放器,也逐漸成爲一個web系統前端獨立的模塊,現因項目中web播放器的使用對直播和點播模塊的實現,對此塊支持性上簡單做了一下系統的梳理。 目前web端個人所瞭解的

原创 溫故而知新---ES6知識詳解篇

ECMAScript 6.0(以下簡稱ES6)是JavaScript語言的下一代標準,已經在2015年6月正式發佈了。它的目標,是使得JavaScript語言可以用來編寫複雜的大型應用程序,成爲企業級開發語言。各大瀏覽器的最新版本

原创 js禁止鼠標右鍵及F12禁止查看源代碼及禁止其他操作

一、屏蔽F12 審查元素 <script> document.onkeydown = function () { if (window.event && window.event.keyCode == 12

原创 基於vue+echarts 數據可視化大屏展示

獲取 ECharts 的路徑有以下幾種,請根據您的情況進行選擇: 1) 最直接的方法是在 ECharts 的官方網站中挑選適合您的版本進行下載,不同的打包下載應用於不同的開發者功能與體積的需求,或者您也可以直接下載完整版本;開發環