原创 常用的正則表達式——身份證

身份證 // 18位身份證 var res = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/

原创 ASP.NET MVC中的約定

視圖訪問和尋址規則 在控制器中使用View()方法調用視圖,返回和“動作方法同名”的視圖 尋址規則:View()方法默認從“View文件夾”下尋找和控制器同名的文件夾 MVC中的約定 控制器:必須以Controller結尾 視圖:必

原创 Js的debounce 方法使用

應用場景 由於事件頻繁被觸發,因而頻繁執行DOM操作、資源加載等重行爲,導致UI停頓甚至瀏覽器崩潰。 簡單用法 /** 2 * 空閒控制 返回函數連續調用時,空閒時間必須大於或等於 idle,action 纔會執行 3 * @param

原创 cesium開始——Hello World

首先進入cesium的官網:https://cesium.com/cesiumjs/ 進行下載壓縮包   下載完成後,解壓放在項目文件夾中即可。 註冊並登錄官方網站,在Access Tokens獲取Cesium賬號令牌 在html的h

原创 js用對象模擬switch

以前寫switch: switch ( foo ) {        case "bar":     alert("the value was bar -- yay!");   break;       case "baz":     

原创 JavaScript的RegExp中的$1含義

RegExp 是javascript中的一個內置對象。爲正則表達式。 RegExp.$1是RegExp的一個屬性,指的是與正則表達式匹配的第一個 子匹配(以括號爲標誌)字符串, 以此類推,RegExp.$2,RegExp.$3,..Re

原创 Vue項目中使用element-ui,表格動態樣式

<el-table :row-style="tableRowClass"> // 。。。 </el-table> methods: { tableRowClass({row, rowIndex}) { //

原创 Css漸變背景色--linear-gradient

background-image:  linear-gradient(rgb(130,190,250), rgb(31,125,239));  

原创 Cesium動態紋理實現

實現思路: Cesium原有的紋理條紋(StripeMaterialProperty) + 流動線 原型代碼 // 動態多條紋理的着色器 "czm_material czm_getMaterial(czm_materialInput m

原创 Cesium動態紋理-通過着色器實現

colors1.png一、由上到下 // 着色器代碼 "czm_material czm_getMaterial(czm_materialInput materialInput)\n\ {\n\ czm_material mat

原创 Js讀取Excal數據

藉助js-xlsx 進行輔助 官方github:https://github.com/SheetJS/js-xlsx $("#btnUpLoad").click(function () { var files = $("

原创 echart效果圖配置1

option = { xAxis: { type: 'category', boundaryGap: false, data: [0,1,2,3,4,5,6,7,8,9,10,1

原创 Js實現Html轉義和反轉義方法

<script> var HtmlUtil = { /*1.用瀏覽器內部轉換器實現html編碼(轉義)*/ htmlEncode: function (html) { //