文件上傳是一個(gè)很基礎(chǔ)的內(nèi)容,有很多的應(yīng)用場(chǎng)景,但是前端各種庫(kù)和框架實(shí)在是太便利了,根本不用了解到用原生的是怎么實(shí)現(xiàn)的,一遇到問(wèn)題就各種懵逼,最近剛好經(jīng)歷了幾種文件上傳的需求,...
文件上傳是一個(gè)很基礎(chǔ)的內(nèi)容,有很多的應(yīng)用場(chǎng)景,但是前端各種庫(kù)和框架實(shí)在是太便利了,根本不用了解到用原生的是怎么實(shí)現(xiàn)的,一遇到問(wèn)題就各種懵逼,最近剛好經(jīng)歷了幾種文件上傳的需求,...
在前端開(kāi)發(fā)過(guò)程中,頁(yè)面交互過(guò)程和事件機(jī)制密不可分,一直以來(lái)對(duì)于事件相關(guān)機(jī)制了解的不夠深刻,沒(méi)有好好進(jìn)行了解,最近花了一點(diǎn)時(shí)間,梳理了一下事件機(jī)制以及相關(guān)常用的事件。 1. E...
1. 光照和反射 要知道看到的物體的顏色實(shí)際上是物體反射的光的顏色,物體吸收了部分頻率的光,將不能吸收的光進(jìn)行了反射,從而我們看到了對(duì)應(yīng)物體呈現(xiàn)的顏色。光照對(duì)于構(gòu)建一個(gè)三維圖...
最近學(xué)習(xí)構(gòu)建三維圖形的時(shí)候,深感幾何功底不夠,一個(gè)視圖變化矩陣看了幾天也沒(méi)想過(guò)來(lái),只勉強(qiáng)理解原理,細(xì)節(jié)部分自己還需要加強(qiáng)學(xué)習(xí) 1. 視圖變換 在二維圖形繪制的時(shí)候,不用考慮z...
學(xué)習(xí)筆記,還寫(xiě)的不太好,主要是對(duì)學(xué)習(xí)到的東西做了一個(gè)總結(jié),一起加油,有問(wèn)題隨時(shí)提出,謝謝
WebGL-學(xué)習(xí)筆記(三)在利用緩沖區(qū)并在學(xué)會(huì)利用 mode繪制圖形動(dòng)畫(huà)以后,繼續(xù)研究二維圖形的顏色渲染以及紋理操作 1. 顏色渲染 1.1 利用步進(jìn)和偏移拆分緩沖區(qū)數(shù)據(jù) 利用緩沖區(qū)可以一次存儲(chǔ)點(diǎn)的多...
在利用緩沖區(qū)并在學(xué)會(huì)利用 mode繪制圖形動(dòng)畫(huà)以后,繼續(xù)研究二維圖形的顏色渲染以及紋理操作 1. 顏色渲染 1.1 利用步進(jìn)和偏移拆分緩沖區(qū)數(shù)據(jù) 利用緩沖區(qū)可以一次存儲(chǔ)點(diǎn)的多...
構(gòu)成三維模型的基本圖形是三角形,所以接下來(lái)就從如何繪制一個(gè)三角形開(kāi)始,之后涉及到圖形的變換和動(dòng)畫(huà)。 1. 圖形繪制 先回顧以下繪制單個(gè)點(diǎn)的方式:通過(guò)gl.getAttribL...
反正不管你信不信,我覺(jué)得WebGL是接下來(lái)一個(gè)時(shí)代的流量入口啦,誰(shuí)不喜歡酷炫的東西,所以本著跟著時(shí)代步伐的精神,終于開(kāi)始進(jìn)行WebGL的學(xué)習(xí)啦(饒過(guò)我JS的學(xué)習(xí)還沒(méi)有結(jié)束,J...
1. 簡(jiǎn)介 CORS(Cross Origin Resource Shared)是一種對(duì)服務(wù)端請(qǐng)求資源時(shí)的權(quán)限限制,出于安全原因考慮,瀏覽器在限制在通過(guò)腳本獲取資源的時(shí)候只能...
1. 簡(jiǎn)介 前端發(fā)展初期或者Javascript發(fā)展初期,我們所要解決的問(wèn)題只是一個(gè)頁(yè)面上各種內(nèi)容的排版,表單驗(yàn)證之類(lèi)的簡(jiǎn)單交互邏輯處理,這個(gè)時(shí)候單個(gè)js文件就完全能滿(mǎn)足我們...
ES6帶來(lái)了Javascript新的變化,新的語(yǔ)法特性,使得之以前版本中需要特性方式才能解決的問(wèn)題一些問(wèn)題得到了簡(jiǎn)化和支持,很大程度上提高了開(kāi)發(fā)效率,擴(kuò)展了Javascrip...
ES7(誤)引入的async函數(shù),可以說(shuō)是Javascript異步編程代碼組織方式的又一次升級(jí)。使得代碼可以通過(guò)順序式的方式來(lái)編寫(xiě)異步邏輯。 1. 創(chuàng)建 創(chuàng)建一個(gè)async函...
在Javascript中,普通函數(shù)一旦開(kāi)始運(yùn)行在函數(shù)運(yùn)行結(jié)束之前是不會(huì)中斷的,而ES6引入的Generator(生成器)可以使得函數(shù)可以發(fā)生中斷,分步運(yùn)行。 1 Iterab...
這次的內(nèi)容太多沒(méi)有研究過(guò)了,只用過(guò)很少的一部分,所以?xún)H僅作為初步的了解來(lái)進(jìn)行總結(jié)。 1. 性能提升 1.1 WebWorker WebWorker是HTML5提供的方案,是基...
1. Promise簡(jiǎn)介 Promise是ES6新引入的對(duì)象,是新增加的異步處理手段。在Javascript 中在異步后要進(jìn)行操作,最常用的手段是回調(diào),例如: 但是回調(diào)存在一...
1. 異步 Javascript中程序是分塊執(zhí)行的,塊的最常見(jiàn)單位是函數(shù),在Javascript引擎執(zhí)行的時(shí)候,通常最少存在一個(gè)現(xiàn)在正在執(zhí)行的塊和一個(gè)將要執(zhí)行的塊,對(duì)于異步的...
1. 語(yǔ)句和表達(dá)式 Javascript中語(yǔ)句相當(dāng)句子,表達(dá)式相當(dāng)于短語(yǔ),例如:var a = 1;,整個(gè)這一個(gè)包含兩個(gè)表達(dá)式var a, a = 1 , 合起來(lái)組成了一個(gè)語(yǔ)...
1. 基本類(lèi)型轉(zhuǎn)換 由于Javascript中存在七種基本類(lèi)型:number, string , boolean , object, null, undefined, sym...