原创 koa2基礎篇
目錄 Hello world /** * hello world */ const Koa = require('koa'); const App = new Koa(); console.log(Koa); App.use
2020-06-27 17:48:24
原创 將 “駝峯字符串” 轉 “連字符字符”
實現代碼： var hyphenateRE = /\B([A-Z])/g; var hyphenate = function (str) { return str.replace(hyphenateRE, '-$1').toLow
2020-06-27 17:48:24
原创 koa-router 獲取path參數
目錄 koa-router 獲取path參數 實現原理： /:id 設置動態路由，用戶請求時，可以獲取動態的path參數 ctx.params 獲取動態
2020-04-02 20:58:59
5
原创 koa-static 設置靜態資源目錄
1.koa-static 設置靜態資源目錄 應用： 靜態資源如png,jpg,jpeg,gif,css,js ，當我們應用koa-static中間件設置靜態文件目錄時，瀏覽器可以直接訪問靜態資源。 案例：
2020-04-02 20:58:59
原创 koa-router get請求獲取query參數
目錄 get請求獲取query參數 實現方式： request.query query對象 request.querystring query 字符串 例如： http:/
2020-04-02 20:58:59
2
原创 koa2開發環境搭建
目錄 koa2開發環境搭建 1.全局安裝koa2-generator npm install -g koa2-generator 2.創建項目 如：koa2 --view=ejs
2020-04-02 20:58:59
原创 js ajax的實現與應用
XMLHttpRequest對象用來在瀏覽器與服務器之間傳送數據。 ajax實現訪問文本的簡單案例，在服務器環境下： //創建ajax對象，不兼容IE低版本 var xhr = new XMLHttpRequest(); // on
2020-02-21 00:39:46
原创 正片疊低後圖像邊緣有白邊
在做項目的時候，要做一個正片疊低的效果，當做完後發現一個不可思議的效果。圖片邊緣有描邊，如下 最後在webglRender中添加了該屬性後， var renderer = new THREE.WebGLRenderer({premult
2020-02-21 00:39:36
原创 vue-cli 升級3.0失敗的解決辦法
1.我的是mac電腦，目前的vue-cli版本是 2.9.6，當我升級3.x的時候，根據官網 npm uninstall -g vue-cli 卸載並且安裝@vue-cli後，查看命令仍然是 2.9.6，查了半天資料，都不起作用，最後找到
2019-08-28 16:11:09
7
原创 three Quaternion 源碼解讀
//Quaternion 執行一個四元數。這是用來旋轉的東西， 而不會遇到可怕的 萬向節鎖問題等優點。 function Quaternion( x, y, z, w ) ｛
2018-08-24 07:37:19
原创 光柵化掃描系統
簡單的光柵化掃描系統：簡單的光柵化系統如下圖2.24所示，其中幀緩存可以在系統儲存器的任意的位置，視頻控制器通過訪問幀緩衝來刷新屏幕。常用的光柵化系統：如圖2.25，幀緩衝儲存在系統儲存器的固定區域，並且有視頻控制器直接訪問。
2018-08-24 07:37:19
原创 three 蒙皮動畫核心過程
簡介： 蒙皮動畫：通過模擬人的運動來模擬3D物體的動畫，遊戲中也經常使用。製作蒙皮動畫的主要過程和注意點：1. 製作蒙皮骨骼： var material = new THREE.MeshBasicMaterial({co
2018-08-24 07:37:19
原创 相機的視椎體範圍就是屏幕顯示的範圍
1.計算機屏幕顯示的是相機視椎體的範圍：如下： 對於透視相機，當我設置camera爲如下參數：camera = new THREE.PerspectiveCamera(20,width/height,1,1000);屏幕的顯示效果如下：
2018-08-24 07:37:19
原创 texture中的 anisotropy屬性，紋理的各向異性
定義：anisotropy： 沿通過具有最高紋理像素密度的像素的座標軸取樣的數量。默認情況下，此值爲1.較高的值會產生比基本mipmap更少的模糊結果，但需要使用更多紋理樣本。使用renderer.getMaxAnisotropy（）來查
2018-08-24 07:37:16
原创 three 源碼解析之 Euler
// 歐拉角function Euler( x,y,z,order ) { // 自定義 x,y,z,order，並且設定默認值 this._x= x ||0; this._y= y ||0; this._z= z
2018-08-24 07:37:16