原创 TS入門筆記
一下記錄了一下TS相關入門的筆記記錄，作爲備忘錄 TS中定義基本數據類型：布爾值、數值、字符串、null、undefined以及ES6中的symbol。 例子： let bool: boolean = false; //布爾類型
2020-06-29 21:34:12
10
原创 nodejs讀取圖片並將二進制數據轉換成base64格式
首先，使用nodejs進行數據讀取，需要用到nodejs的fs模塊進行數據讀取： fs.readFile('你的資源路徑','binary',function(err,data){ if(err){ con
2020-06-29 21:34:12
48
原创 使用js實現拖動緩動的效果
話不多說，先上效果，一個體驗非常好的拖拽緩動的效果，讓頁面提升一個檔次。 這個效果看似很簡單，到也困惑了很長時間，爲什麼別人寫出來的拖拽體驗爲什麼這麼好？ 直到我自己實現了以後，才發現，原來我想的實現方式不對。接下來，我通過簡短
2020-06-29 21:34:12
3
原创 解決webpack打包ie報錯不兼容的問題，promise 未定義
用ie打開webpack打包好的代碼突然報這個錯，ie11也出現這個問題。最後通過百度查了一下，是因爲方法轉換異步的問題，沒有保證所有的不兼容對象都轉換成功，所以，通過查詢找到了別的朋友寫的解決方案： 通過增加babel-poly
2020-06-29 21:34:11
1
原创 兼容最新版瀏覽器的陀螺儀的心得
記錄一下當前時間，當前時間爲2020年1月16號。 當前版本的移動端瀏覽器的權限都更新了，首先說明一下安卓系統的瀏覽器： 如果你發現你的瀏覽器陀螺儀代碼沒有改什麼，但是陀螺儀確不管用了，那肯定是你用的協議出了問題，在當前版本的瀏覽
2020-06-29 21:34:11
7
原创 書寫一個自運行函數的坑
拋出問題： 今天羣友提出了一個問題，看題： let b = 1; (function b() { b = 9; console.log(b) })(); 請問，b打印的值是
2020-06-29 21:34:11
原创 通過經緯度獲取OpenstreetMap，谷歌地圖，高德地圖的切片
直接複製代碼放到本地運行即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>根據經緯度座標獲取對應的切片算法</titl
2020-06-29 21:34:11
4
原创 23 Babylonjs入門進階 使用凹凸紋理，透明度紋理和平鋪
凹凸紋理 凹凸貼圖是一種模擬渲染去面試的凹凸和凹痕的技術。這些是通過從圖像穿件發現貼圖來實現的。可以在網上查找相關生成方法。 來自圖像的原始圖像法線貼圖 凹凸貼圖可以與顏色一起使用; 原始圖像或下圖中的其他圖像。 創建凹凸貼圖
2020-06-07 05:21:07
1
原创 21 Babylonjs入門進階 自定義相機輸入事件
相機默認會在我們我們將其綁定（attachControl）到畫布上面時，給我們自動處理操作輸入事件。你還可以使用detachControl函數來解除事件的綁定。大多數Babylon.js的專家都使用兩步： //第一步，設置相機的a
2020-06-07 05:21:07
7
原创 18 Babylonjs入門進階 使用Assets Manager加載多個模型
爲了方便開發者加載多個模型，Babylon.js從1.14版本引入了AssetsManager類。 此類可用於將模型導入場景活加載文本和二進制文件。 注意：導入的模型具有旋轉四元數設置，因此使用rotation設置旋轉會發現會旋轉
2020-06-07 05:21:07
23
原创 使用canvas實現對圖片的旋轉
注意點： 一定要先變換完成後纔可以旋轉。 默認canvas是原點位置旋轉，可以通過對原點偏移進行設置切換旋轉中心。 封裝的方法，第一個傳img，必須load完成的，第二個傳入一個角度 function createCanv
2020-05-26 18:23:21
原创 使用canvas實現對圖片的翻轉
要通過canvas實現對圖片沿x軸或者顏色y軸實現翻轉，我們可以通過canvas2d的接口進行實現。 使用到的api： 使用getContext來獲取canvas2d對象 使用 canvas2d對象的scale方法進行翻轉 由於翻
2020-02-20 16:27:21
原创 使用css3 實現3d正反翻轉特效
首先，上傳一下最終效果： 接下來，我們按照結構來實現當前的demo效果： 第一步，創建一個觸發hover效果的容器，並設置3d距離： <!--item 可以觸發翻轉的區域--> <div class="item"> ... </
2020-02-20 16:27:21
原创 canvas 獲取鼠標位置是否處於圖形中
實現這個思路的方法就是使用canvas對象的context的2d對象的方法：isPointInPath 我們可以通過這個方法判斷繪製的圖形，以及自己通過隨機的點繪製的2d圖形 以下是demo的源碼： <!DOCTYPE html
2019-10-25 13:49:59