原创 echarts做的地圖

options = { tooltip: { show: tre, triggerOn: 'item' }, geo: { show: true, map:

原创 dagre-d3 在 angular 中的使用

開發環境 angular v6 Node v8.12.0 安裝依賴 npm install dagre-d3 --save npm install d3 --save 在 angular 中引用 import * as d

原创 Canvas驗證碼

效果展示 源碼 僅供參考 this.cas = document.getElementById('codeCanvas') let ctx = this.cas.getContext('2d') let cwidth = thi

原创 web app ,輸入框被Android 鍵盤遮擋

if (/Android/gi.test(navigator.userAgent)) { window.addEventListener('resize', function () {   if (do

原创 ES6入門學習筆記

對阮一峯老師-ECMAScript 6 入門的學習筆記 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> // let 聲明的變

原创 SpringMVC 實現國際化

注意:文章是在SpringMVC框架已經存在的基礎上介紹添加國際化示例 1. 添加國際化資源文件 資源文件放到配置文件能夠找到的位置即可,在這裏放在WEB-INF/lang 目錄下,如下圖所示。 2. 修改Spring配置文

原创 使用jquery.i18n.properties 實現web前端國際化

jQuery.i18n.properties 是一款jQuery插件,jQuery.i18n.properties 根據瀏覽器使用的語言環境來解析資源文件,當然你也可以在使用中指定語言編碼。 以下是資源文件示例 Messages

原创 vs code 推送新項目到碼雲

vs code 推送新項目到碼雲 vs中操作 1 打開命令框 ctrl + shift + p 2 初始化存儲庫 git initialize repository 3 vs中提交想要添加的項目 git commit

原创 addEventListener與handleEvent

1 . addEventListener方法用於給指定元素添加事件監聽器 // 第二個參數function是指定要事件觸發時執行的函數 element.addEventListener(event, function, useC

原创 移動web全局通用CSS

* { margin: 0; padding: 0; } body,html { height: 100%; /* 不顯示默認的高亮顏色 */ -webkit-tap-highlight-

原创 scrollTop、offsetTop、offsetHeight等相對位置介紹

scrollTop 滾動條相對於其頂部的偏移 offsetTop 返回當前元素上邊緣距離offsetParent元素的距離,返回值是數字,單位是像素。 offsetHeight 返回當前元素的高度,包括內邊距和邊框 event

原创 vs code 用戶設置

vs code的自定義用戶設置 { // git路徑配置 "git.path": "D:\\Applications\\Git\\bin\\git.exe", "workbench.colorTheme":

原创 js解析XML文件

// js 解析xml,url爲xml文件的路徑 function loadXMLDoc(url) { var xmlhttp; var txt, x, xx, i; if(window.XMLHtt

原创 vue.js國際化 vue-i18n插件的使用

安裝方法 1.使用CDN直接引用 <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-i18n/

原创 react native開發環境搭建

安裝教程簡單,需要有一定的基礎,僅供參考 一、背景 React Native (簡稱RN)是Facebook於2015年4月開源的跨平臺移動應用開發框架,簡單點說就是可以用它構建原生APP 二、安裝配置 1.軟件下載 以下是本機