原创 取到canvas中字體寬與高的值
如何取到字體的寬度 第一種方法：取到canvas的寬我相信大家很容易就找到，下面的api context.measureText('顯示的文本信息').width 第二種方法：我們是可以設置字體的，想一想是不是，顯示的 文字的個數
2020-06-16 16:53:23
原创 js正則表達式學習記錄
總概括 我感覺在學習中一定要記住的是，這個規則適應來匹配與查找的。一個內容的查找。（儘管我說的是廢話） 按照匹配的規則可以分爲兩類： 匹配內容 匹配位置 捕獲組與非捕獲組 筆者在學習正則表達式的時候遇見了
2020-06-16 16:53:23
原创 手把手教你寫一個自定義指令的基於webpack的腳手架
做一個自定義命令行webpack腳手架 問題：爲什麼我們不直接只用webpack-cli直接打包不就好了嗎。 回答：這個問題沒有毛病，我們的webpack整個項目就是隻用一個工程的時候，是沒有問題的。但是有一種情況，我們需要使用一個w
2020-06-16 16:53:23
原创 webpack常用的插件集合
目錄 日常組件使用 對ES6的解析 插件 image: 如何將打包的時候 將圖片一併打包 我們需要使用到這個 file-loader url-loader 更準確的說是資源的複製，不僅僅是image css預處理器 分離css與j
2020-06-16 16:53:23
原创 webGl shader的學習記錄(六)：如何畫出一個漸變色填充的矩形
其實將兩個兩個三角形合併一下，就出現了。一個矩形 使用兩種方式 一個是兩個buffer 一個是單一的buffer glcl代碼 <script type="shader-source" id="vertexShader"> //浮
2020-06-16 16:53:23
原创 webpack process.env.NODE_ENV
在node中其實是沒有這個全局變量的 process.env.NODE_ENV 但是我們需要這個判斷環境從而配置相關的參數 我們需要使用一個插件來幫助我們實現這個功能 npm install cross-env -D 安裝好這個插
2020-06-16 16:53:23
原创 js 中發佈與訂閱者模式
發佈與訂閱者模式 之前在unity做遊戲的時候，嚐嚐使用到，發佈於訂閱者模式。目的是爲了解耦。不然代碼太黏不易維護。 他的本質就是做到，發佈者唯一的（key），凡是訂閱者多個(value) 是一個一對多的關係 具體的實現
2020-06-16 16:53:23
原创 關於js es6之後的變量作用域的分析與總結
測試題 關於這個標題的提問，我想使用一個代碼引出 var a = 1; let b = -1; if(true){ console.log('if裏面：',a,b); var a = 2; let b = -2;
2020-04-29 21:45:03
原创 專注於移動端互動頁面的2Dcanvas框架--canvasWF（更新中）
目錄 目的 優缺點 優勢 缺點 地址 框架的使用 資源註冊器 Game Spirit Text DOTween Button canvas的創建 css對canvas的設置 目的 這個框架的目的是爲了，讓前端的開發者
2020-02-22 15:59:42
原创 es6 新特性的學習
目錄 let const 解構賦值 括號函數 函數 let const 主要是看var 與 let const 至少有一下的幾種其區別 區別一：作用域類型 1:全局作用域 window 2:函數作用域 function(){} ()
2020-02-22 15:59:41
原创 vue-vuex的學習
vueX 初步學習了vue，讓我想起來在不使用definePropety()的時候，比如在寫一個unity cocosCrator的項目時，我對於一個數據的管理。我可能創建會至少兩個方法或者是更多，一個的數據的索取方法，一個是數據的變
2020-02-22 15:59:41
原创 單例，AMD,CMD,UMD
先列一下標題會在後續增添加內容 點贊 收藏 分享 文章舉報 huhudeni 發佈了77 篇原創文章 · 獲贊 22 · 訪問量 12萬+ 私信
2020-02-22 15:59:41
原创 webGl shader的學習記錄(三)：怎麼樣去畫出來一個三角形
在這章節中我們需要繪製一個靜態的三角形 首先我們依舊是現需要寫兩個頂點着色器的素材與頂點做色器的素材。 就是下面這段代碼 //頂點着色器 let vertexShaderSource = ` prec
2019-09-19 22:56:36
原创 webGl shader的學習記錄(四)：如何與人互動繪製多個三角形。
正在這一章節中我們將會學習到如何使用鼠標創造多個三角形，從而實現互動 老規矩首先我們需要先處理一下頂點着色器與片元着色器 let vertexShaderSource = ` //設置浮點數精度爲中等精度
2019-09-19 22:56:36
原创 H5 js中各各環境的檢測
原文鏈接：https://www.cnblogs.com/zhoubingyan/p/8392652.html JS判斷是否在微信瀏覽器打開 最近做很多HTML5的項目，很多頁面會通過微信微博等
2019-09-03 00:08:00