原创 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({