原创 使用Nginx對Websocket進行反向代理
使用Nginx對Websocket進行反向代理背景Nginx配置示例Vue配置示例 背景 在Vue項目中，開發websocket時，將IP和端口號固定，或者根據NODE_ENV判斷環境，修改IP和端口，相當不可取。當環境地址變更時，就
2018-11-28 13:10:13
原创 JavaScript讀取圖片base64編碼
HTML代碼 <input type="file" onchange="onChange(event)"> JavaScript代碼 function onChange(event) { let file = event.tar
2018-11-20 05:58:31
原创 ECharts加載省份地圖
因爲項目只需要展示單獨省份的城市，而目前Echarts官網已不再提供地圖下載功能。 詳細見：EChartsMap ECharts地圖下載 但是可以從ECharts安裝包中找到矢量地圖數據，文件路徑 node_modules\echar
2018-11-20 05:58:31
原创 G2自定義Tooltip
G2自定義Tooltip <div id="interfaceChart" class="interface-chart-main"></div> import G2 from '@antv/g2' import DataSet f
2018-11-20 05:58:31
原创 js實現百度動態LOGO
百度動態logo是通過循環改變div背景圖片的位置，以達到動態的效果。 <!DOCTYPE html> <html lang="zh"> <head> <meta http-equiv="Content-Type" content=
2018-09-02 00:57:52
原创 React Native Error while uploading app-debug.apk : Unknown failure ([CDS]close[0])
ReactNative的項目在安卓真機中運行時，報錯。詳細的堆棧信息如下： Unable to install F:\WebstormProjects\demo1\android\app\build\outputs\apk\app-deb
2018-09-02 00:57:52
原创 Corodva Could not resolve com.android.tools.build:gradle:3.0.0 解決方法
Corodva Could not resolve com.android.tools.build:gradle:3.0.0 解決方法 使用 cordova run android 運行時，出現錯誤 * What went wrong:
2018-09-02 00:57:52
原创 Bootstrap 警告框自動關閉
Bootstrap 警告框自動關閉，其實就是延遲關閉警告框，代碼如下 window.setTimeout(function(){ $('[data-dismiss="alert"]').alert('close'); },2000
2018-09-02 00:57:52
原创 requirejs加載css
https://github.com/guybedford/require-css 下載到require-css包 html <!DOCTYPE html> <html> <head> <meta charset="utf-8"
2018-09-02 00:57:52
原创 javascript解析url
// This function creates a new anchor element and uses location // properties (inherent) to get the desired URL data. S
2018-09-02 00:57:51
原创 模塊化單文件引入Echarts報錯 Cannot read property 'mod' of undefined
模塊化單文件引入Echarts報錯Cannot read property 'mod' of undefined。問題原因如下： echarts-optimizer壓縮後的echarts.js中包含了esl（符合AMD規範）。如果echa
2018-09-02 00:57:51
原创 Javascript設計模式-發佈/訂閱模式最小化的示例
Javascript設計模式-發佈/訂閱模式最小化的示例 示例代碼 /*經典的發佈/訂閱模式*/ var pubs = {}; (function(p){ var events = {}, subId = -1;
2018-09-02 00:57:51
原创 IE8 中text-overflow:ellipsis 與text-align:right組合樣式BUG
text-overflow:ellipsis 作用是顯示省略符號來代表被修剪的文本<span style="font-family: Verdana, Arial, 宋體; background-color: rgb(239, 239,
2018-09-02 00:57:51
原创 java讀取和遍歷properties文件並根據key進行排序
java讀取和遍歷properties文件並根據key進行排序 import java.io.IOException; import java.io.InputStream; import java.util.ArrayList; i
2018-09-02 00:57:51