Patrick浩

在前端開發(fā)過程中渊啰，頁面交互過程和事件機制密不可分探橱，一直以來對于事件相關(guān)機制了解的不夠深刻，沒有好好進行了解绘证，最近花了一點時間隧膏，梳理了一下事件機制以及相關(guān)常用的事件。 1. E...

Patrick浩

公司的小伙伴希望能講一下正則表達式迈窟，于是趁著這個機會自己也把正則表達式的重新學(xué)習(xí)了一下私植，由于不同語言對正則表達式提供了不同的方法支持，以下所有的正則測試均基于Javascri...

Patrick浩

1. 光照和反射 要知道看到的物體的顏色實際上是物體反射的光的顏色车酣，物體吸收了部分頻率的光曲稼，將不能吸收的光進行了反射，從而我們看到了對應(yīng)物體呈現(xiàn)的顏色湖员。光照對于構(gòu)建一個三維圖...

Patrick浩

最近學(xué)習(xí)構(gòu)建三維圖形的時候贫悄，深感幾何功底不夠，一個視圖變化矩陣看了幾天也沒想過來娘摔，只勉強理解原理窄坦，細(xì)節(jié)部分自己還需要加強學(xué)習(xí) 1. 視圖變換 在二維圖形繪制的時候，不用考慮z...

Patrick浩

在利用緩沖區(qū)并在學(xué)會利用 mode繪制圖形動畫以后晒奕，繼續(xù)研究二維圖形的顏色渲染以及紋理操作 1. 顏色渲染 1.1 利用步進和偏移拆分緩沖區(qū)數(shù)據(jù) 利用緩沖區(qū)可以一次存儲點的多...

Patrick浩

構(gòu)成三維模型的基本圖形是三角形闻书，所以接下來就從如何繪制一個三角形開始名斟，之后涉及到圖形的變換和動畫。 1. 圖形繪制 先回顧以下繪制單個點的方式：通過gl.getAttribL...

Patrick浩

反正不管你信不信魄眉，我覺得WebGL是接下來一個時代的流量入口啦砰盐，誰不喜歡酷炫的東西，所以本著跟著時代步伐的精神坑律，終于開始進行WebGL的學(xué)習(xí)啦（饒過我JS的學(xué)習(xí)還沒有結(jié)束岩梳，J...

Patrick浩

1. 簡介 CORS（Cross Origin Resource Shared）是一種對服務(wù)端請求資源時的權(quán)限限制，出于安全原因考慮脾歇，瀏覽器在限制在通過腳本獲取資源的時候只能...

Patrick浩

1. 簡介 前端發(fā)展初期或者Javascript發(fā)展初期蒋腮，我們所要解決的問題只是一個頁面上各種內(nèi)容的排版，表單驗證之類的簡單交互邏輯處理藕各，這個時候單個js文件就完全能滿足我們...

Patrick浩

在Javascript中创葡，普通函數(shù)一旦開始運行在函數(shù)運行結(jié)束之前是不會中斷的浙踢，而ES6引入的Generator（生成器）可以使得函數(shù)可以發(fā)生中斷，分步運行灿渴。 1 Iterab...

Patrick浩

這次的內(nèi)容太多沒有研究過了洛波，只用過很少的一部分，所以僅僅作為初步的了解來進行總結(jié)骚露。 1. 性能提升 1.1 WebWorker WebWorker是HTML5提供的方案蹬挤，是基...

Patrick浩

1. Promise簡介 Promise是ES6新引入的對象，是新增加的異步處理手段蹋嵌。在Javascript 中在異步后要進行操作育瓜，最常用的手段是回調(diào)，例如： 但是回調(diào)存在一...

Patrick浩

1. 異步 Javascript中程序是分塊執(zhí)行的欣尼，塊的最常見單位是函數(shù)爆雹，在Javascript引擎執(zhí)行的時候停蕉，通常最少存在一個現(xiàn)在正在執(zhí)行的塊和一個將要執(zhí)行的塊，對于異步的...

Patrick浩

1. 語句和表達式 Javascript中語句相當(dāng)句子钙态，表達式相當(dāng)于短語慧起，例如：var a = 1;，整個這一個包含兩個表達式var a, a = 1 , 合起來組成了一個語...

Patrick浩

1. 基本類型轉(zhuǎn)換 由于Javascript中存在七種基本類型：number, string , boolean , object, null, undefined, sym...