原创 寫一個webpack中雪碧圖的loader

在項目的開發中其實對於小素材的使用優化,有幾種不同的方法 分別是 使用base64 這個的好處是直接與文本在一起,減少向服務器段請求資源的鏈接通信的時間。不好的是每次刷新頁面,都會衝i重新下載刷新。 使用icon小圖標,這個的方式也是大

原创 webpack學習的記錄(三) 一篇帶你搭建一個webpack4.0

這個是工程鏈接 https://github.com/soGooday/canvasWF 前言 筆者爲了學習webpack感覺也是走了不少的彎路。有很多點想知道,但是找不到。下面筆者就帶着大家帶着你快速的入門。 這篇文章的宗旨的-我先帶着

原创 webGl shader的學習記錄(六):如何畫出一個漸變色填充的三角形

 在前幾節中我們分別學習 點 線 三角形的學習。今天我們給三角形添加一個漸變色  在這個章節中如果你跟着看了前幾張的學習內容,你就很快可以理解本章的內容了。如果你並沒有webgl的經驗,你可以去我的博文中看我之前的文章; 這一章節中其實與

原创 webGl shader的學習記錄(二)js 與(glsl語言) OpenGL ES之間如何進行交互?及其如何在js中對vertexShader與fragmentShader進行賦值

 再上一個的章節之中我們知道,着色的書寫分兩個着色器(頂點着色器與片元着色器),從而結合成爲一個可以使用的單獨使用的着色器的程序。 下面我們將會接觸到的是,如何使用js 與(glsl語言) OpenGL ES之間進行交互。 在瞭解兩者之

原创 文字添加邊框

text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;  

原创 vue-router 中的query與params的坑

下面有提到在什麼樣子的路由的情況下必須使用params還是query。我想你一定也想知道。爲什麼我用其他的就不行了。因爲會出錯的。我把每一種組合的情況都寫了一邊。並且觀看了結果。你也可以進行實驗檢測。 關於<router-link>的使

原创 關於適配H5的問題 ( iOS ajax無法請求到後臺) H5新手模板

因爲同事之前寫一個互動頁面用了1M,領導說太大了,於是讓我寫一個初始環境下的H5互動,因爲之前是做遊戲的,沒有接觸過H5的適配,所以開始了爬坑之旅。 看下 下面的這個文章是關於flexible.js的適配 地址:https://www.j

原创 webGl shader的學習記錄(一) 在canvas的中心畫出一個紅點 點圖元

筆者也在學習 如何寫出shader 下面是自己的想法希望對大家有用 其實在webGl寫shader的時候,我們可以分將整體分爲幾個部分 第一部分是 頂點着色器         1,建立頂點着色的相關代碼,         2,創建頂點着

原创 關於webpack的file-loader與url-loader打包出現路徑不對的問題

  這個是試驗包 鏈接:https://pan.baidu.com/s/17zlR7WIRDw3y18Kk7mJYUA  提取碼:o4pr  複製這段內容後打開百度網盤手機App,操作更方便哦 筆者在搭建的webpack的包目錄結構如下

原创 typeScript 的學習

類型基礎 : 強類型語言 弱類型語言  強類型語言 :兩個變量的賦值必須是同一種類型,或者經過轉化後是同一種類型 弱類型語言 :兩個變量的賦值不必須是同一種類型 //typeScript 強類型語言 int a = 10; stri

原创 cocosCreate中http使用的模板文件

var httpUtils = cc.Class({ extends: cc.Component, properties: { // foo: { // default: nul

原创 webGl shader的學習記錄(五):如何畫線段

 今天學習一下如何使用webgl畫一條線段   let vertexShaderSource = ` //浮點數設置爲中等精度 precision mediump float; //接收 JavaScript

原创 js 中的 原型鏈 prototype _proto_

  原型鏈 這是第三次修改這個篇文章了 我想我需要將自己的思路說出來 下面的1-4只是爲了告訴明確兩件件事情。(原型鏈是會配合着屬性的查找使用的。要不然我們一般也用不到原型鏈。),第二 原型鏈的查找,僅僅只會沿着_proto_去查找

原创 瀏覽器環境下js引擎的事件循環機制

首先我還是寫一個總的流程 這樣大家看下面的文章的時候,會有目的的去看 1,先理解什麼叫宏任務 什麼叫微任務(目前常見得微任務只有Promise) 2,執行順序:1>首先將腳本執行一遍,會產生出相應的宏任務-系統會將其放入宏任務隊列,

原创 webpack中使用zepto: zepto:Uncaught TypeError: Cannot read property 'createElement' of undefined

筆者在webpack中應用zepto的時候出現了上述的報錯,然後參觀了大神的文章還是沒有處理好 https://segmentfault.com/a/1190000012438982 (參考的文章) 然後我使用的是  npm i -D