原创 TypeScript名詞解釋系列:tsconfg中的target,module和moduleResolution

tsconfg中的target,module和moduleResolution target  : 就是TypeScript文件編譯後生成的javascript文件裏的語法應該遵循哪個JavaScript的版本。可選項爲:"ES5", "E

原创 node-npm發佈包-package.json中bin的用法

前言 用過angular-cli,create-react-app這些腳手架的朋友們,不知道你們有沒有好奇過,爲什麼安裝這些腳手架後,可以使用類似ng generate之類的命令。小弟研究了以下,原來是這樣的。 package.json 貼

原创 軟件項目技術點(2)——Canvas之平移translate、旋轉rotate、縮放scale AxeSlide軟件項目梳理

AxeSlide軟件項目梳理   canvas繪圖系列知識點整理 畫布操作介紹 畫布繪圖的環境通過translate(),scale(),rotate(), setTransform()和transform()來改變,它們會對畫布的變換矩陣

原创 npm link的作用——避免頻繁發佈更新

web-components  裏面的組件庫 修改頻繁 可以使用link 創建鏈接,引用放就不需要每次都重新發布重新安裝更新了 功能 在本地開發npm模塊的時候,我們可以使用npm link命令,將npm 模塊鏈接到對應的運行項目中去,

原创 軟件項目技術點(2)——Canvas之獲取Canvas當前座標系矩陣 AxeSlide軟件項目梳理

AxeSlide軟件項目梳理   canvas繪圖系列知識點整理 前言 在我的另一篇博文 Canvas座標系轉換 中,我們知道了所有的平移縮放旋轉操作都會影響到畫布座標系。那在我們對畫布進行了一系列操作之後,怎麼再知道當前矩陣數據狀態呢。

原创 清除canvas畫布內容--點擦除+線擦除 js實現存儲對象的數據結構hashTable和list 軟件項目技術點(4)——實現點擊畫布上元素

清空canvas畫布內容 1、重置寬或高 由於canvas每當高度或寬度被重設時,畫布內容就會被清空,因此可以用以下方法清空:(此方法僅限需要清除全部內容的情況) var c=document.getElementById("myCanv

原创 webpack打包提示: Uncaught Error: Cannot find module 'strip-ansi'

運行webpack-dev-server的時候,可以正常啓動服務,但是Terminal控制檯報錯,如下: ERROR in ./node_modules/webpack-dev-server/client/index.js?http://

原创 正則表達式關鍵詞解析

子模式  在使用正則表達式的時候,我們經常會使用()把某個部分括起來,稱爲一個子模式。 子模式有Capturing和Non-Capturing兩種情況。  Capturing指獲取匹配or捕獲匹配 ,是指系統會在幕後將所有的子模式匹配結果保

原创 函數工具項目設計及最終產品

一、需求要點:   座標系及畫布方格: 縮放:涉及畫布上的函數縮放及繪製範圍等; 刻度單位變化:單位轉化所需要的重新計算等; 函數表達式輸入: 輸入表示式輸入規範的校驗,是否複合規則; 輸入表達式轉程序語言的流程; 程序語言計算

原创 正則問題整理

 字符串的正則方法有:match()、replace()、search()、split()  正則對象的方法有:exec()、test() 正則方法講解 match() 功能:使用正則表達式模式對字符串執行查找,並將包含查找的結果作爲數組返

原创 tsconfig配置詳解

{ "compilerOptions": { /* Basic Options */ "target": "es5" /* target用於指定編譯之後的版本目標: 'ES3' (default), 'ES5', 'E

原创 canvas 隱寫術

http://www.alloyteam.com/2016/03/image-steganography/#prettyPhoto https://www.cnblogs.com/Miracle-ZLZ/p/14137350.html

原创 webpack中引用jQuery的四種方式

import webpack中是根據一個入口文件開始收集依賴。 import $ from 'jquery'  但是一個項目中通常有很多個地方都用到了jQuery,每個模塊都要這樣的一行代碼 那麼如何解決這個問題了。  webpack插

原创 爲什麼通常在發送數據埋點請求的時候要用GIF

爲什麼通常在發送數據埋點請求的時候使用的是 1x1 像素的透明 gif 圖片? 能夠完成整個 HTTP 請求+響應(儘管不需要響應內容) 觸發 GET 請求之後不需要獲取和處理數據、服務器也不需要發送數據 跨域友好 執行過程無阻塞 相比

原创 canvas小畫板——(2)熒光筆效果 canvas小畫板——(1)平滑曲線 Canvas學習:globalCompositeOperation詳解 清除canvas畫布內容--點擦除+線擦除

我們在上一篇文章中講了如何繪製平滑曲線 canvas小畫板——(1)平滑曲線。 透明度實現熒光筆 現在我們需要加另外一種畫筆效果,帶透明度的熒光筆。那可能會覺得繪製畫筆的時候加上透明度就可以了。我們來在原來代碼上設置 ctx.globalA