原创 數據歸一化兩種常用的方法

數據標準化(歸一化)處理是數據挖掘的一項基礎工作,不同評價指標往往具有不同的量綱和量綱單位,這樣的情況會影響到數據分析的結果,爲了消除指標之間的量綱影響,需要進行數據標準化處理,以解決數據指標之間的可比性。原始數據經過數據標準化處

原创 WebGL - 示例 點擊物體改變背景色

在three.js中是通過射線檢測THREE.Raycaster()這個方法,來獲取點擊位置與射線相交的對象,這個webgl示例走了個捷徑,通過對比物體的顏色和點擊處的像素值,來檢測是否點擊了物體,下面是示例效果 示例:點擊物體改

原创 ES6 語法 - Symbol 類型

1、Symbol類型 ES5包含五種原始數據類型:字符串、數字、布爾值、null和undefined,ES6引入了第6中原始類型Symbol 在之前的對象屬性名都是字符串,很容易造成屬性名衝突,比如使用他人提供的對象,想爲這個對象

原创 ES6 語法 - 字符串新增方法

1、字符串新增方法 1.1、includes檢測字符包含 用來檢測字符串是否包含某個字符,如果包含返回true不包含返回false let str = 'http://www.baidu.com'; console.log(str

原创 WebGL - 着色器初始化流程

之前對着色器的初始化都是使用的initShaders()這個方法,部分代碼在文章最後,其內部分執行細節沒有去清晰的瞭解過,下面做進一步的瞭解和分析,才能更深入的瞭解webgl的原理 initShaders()方法的主要作用是編譯G

原创 WebGL - 可視空間,深度處理,頂點索引

研究內容大概如下: 以用戶視角進入三圍世界 控制三圍可視空間 裁剪 處理物體的前後關係 繪製三圍的立方體 上面會講到如何使用模型矩陣、視圖矩陣、以及該投影矩陣的使用,並且最後會繪製一個三維的立方體; 1、立方體由三角形構成

原创 WebGL - 示例 α 混合透明效果

顏色的中的α分量控制着顏色的透明度,在webgl實現透明效果需要用到α混合,因爲webgl已經內置了該功能因此開啓即可 示例:透明混合 開啓混合 開啓混合功能 - gl.enable(gl.BLEND) 指定混合函數 - gl.

原创 WebGL - 示例 繪製圓形點

之前繪製的點都是正方形的,類似一個像素點,那怎麼才能把方點繪製成圓點,頂點着色器和片元着色器之間發生了光柵化過程,一個頂點被光柵化爲了多個片元,每一個片元都會經過片元着色器處理,直接繪製就是方形的點,要繪製圓形的點就需要把多餘的片

原创 ES6 語法 - 函數形參默認值

1、函數形參默認值 有時候給函數傳遞參數的時候需要給一個默認的參數,一般是這樣做的 function fn(a, b) { a = a == undefined ? 10 : a; b = b == undefi

原创 OpenGL - 幀緩衝區瞭解

文章目錄1.1 何爲幀緩衝區1. 顯示器分類1. 隨機掃描顯示器2. 光柵掃描顯示器2. 幀緩衝區1.2 顏色緩衝區1. 清除緩衝區2. 單緩衝與雙緩衝1.3 深度緩衝區與 z-buffer1.視域 深度範圍2. 消隱3.

原创 通過 js 加載本地文件 並使用正則表達式去除代碼註釋

首先,通過javaScript加載本地文件,需要發送ajax請求,要用到XMLHttpRequest()對象與服務器進行交互,我們可以直接從url獲取數據,具體較爲簡單的加載代碼實現如下 function FileLoader(

原创 ES6 語法 - 模板字面量

1、模板字面量 1.1、基本用法 模板字面量是增強版的字符串,使用反引號(`)標識 let str = `hello world`; console.log(str);// "hellow world" console.log(t

原创 ES6 語法 - 對象新增

1、對象新增 1.1、對象簡寫 1. 屬性值簡寫 例如初始化一個對象,有鍵值對的組合,在ES5中是如下這樣寫的 var name = 'foo'; var job = 'coder'; var obj = { name:n

原创 ES6 語法 - Set 和 Map 集合

1、Set和Map集合 Set集合是一種無重複元素的列表,Map集合被含多組鍵值對,集合中每個元素分別存放着可訪問的鍵名和它對應的值,Map集合經常被用於緩存頻繁取用的數據 1.1、Set集合 ES6提供了新的數據結構Set,它類

原创 ES6 語法 - Class 類使用

1、Class類 大多數面向對象的編程語言都支持類和類繼承的特性,而javascript卻不支持這些特性,只能通過其他方法定義並聯系多個相似的對象,這種狀態一直延續到了ES5,由於類似的庫層出不窮,最終ES6決定引入類的特性 1.