原创 Learning TypeScript 0x5 應用性能

性能和資源 一個好的應用程序應該集功能性、可靠性、可用性、可複用性、效率、可維護性和可移植性等理想特性於一身。 有限的資源: 中央處理單元 CPU 圖形處理單元 GPU 內存 RAM 硬盤(HDD)和固態硬盤(SSD) 網絡吞吐量 性

原创 Jquery及div實現自定義樣式select(dropdown)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

原创 重學css 0x4 CSS動畫

CSS中的動畫類型 transition補間動畫 keyframe關鍵幀動畫 逐幀動畫 Transition 補間動畫 位置——平移(left/right/margin/transform) 方位——旋轉(transform) 大小——縮

原创 重學css 0x3 CSS效果

box-shadow 營造層次感(立體感) 充當沒有寬度的邊框 特殊效果 /* x偏移量 | y偏移量 | 陰影顏色 */ box-shadow: 60px -16px teal; /* x偏移量 | y偏移量 | 陰影模糊半徑 |

原创 ES6 Generator 在抽獎和長輪詢場景中的應用

{ // 抽獎次數限制 let draw = function(count) { // 抽獎邏輯 console.info(`剩餘抽獎次數${count}`) } let residue = functi

原创 TypeScript 從零實現 axios 0x9 取消功能的實現

接口定義 // ./src/type/index.ts export interface AxiosRequestConfig { url?: string method?: Method data?: any par

原创 JS實現統計本地文件夾中文件名、類型及大小並輸出excel

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

原创 重學css 0x0 HTML

常見元素 head區 meta title style link script base body區 div/section/article/aside/header/footer p span/em/strong table/thead

原创 TypeScript 從零實現 axios 0xB 單元測試

Jest安裝配置 版本升級 { "@types/jest": "^24.0.13", "jest": "^24.8.0", "jest-config": "^24.8.0", "ts-jest": "^24.0.2",

原创 TypeScript 從零實現 axios 0x1

基礎類型 let isDone: boolean = true // 布爾值 let decLiteral: number = 20 // 數字 let hexLiteral: number = 0x14 let binaryLite

原创 ES6 修飾器 在日誌記錄中的應用

{ // 日誌系統 let log = (type) => { return function(target, name, descriptor) { let src_method = descriptor.

原创 瀏覽器工作原理 學習筆記

學習地址: 瀏覽器工作原理與實踐 瀏覽器架構演化 進程:一個程序的運行實例。詳細解釋就是,啓動一個程序的時候,操作系統會爲該程序創建一塊內存,用來存放代碼、運行中的數據和一個執行任務的主線程,我們把這樣的一個運行環境叫進程。 線程

原创 Learning TypeScript 0x7 裝飾器

準備工作 npm init -y npm i --save-dev gulp gulp-typescript typescript npm i --save reflect-metadata gulpfile.js const gul

原创 nodejs利用JSTS提取Geometry中心點座標

nodejs利用JSTS提取Geometry中心點座標  getCentroidPoint const jsts = require('jsts') /** * 提取中心點座標 * @param {Object} geometry

原创 小程序雲開發基礎搭建及部署初體驗

註冊略 新建小程序  開通雲開發功能  新建cloud文件夾  指定雲函數目錄  雲服務註冊 //app.js App({ onLaunch: function () { wx.cloud.init({