原创 提高 JavaScript 性能【從URL解析到DOM點操作】

前公司創業公司創業還沒成功,新制度倒是層出不窮,紛紛擾擾。心裏不快,乾脆裸辭跑回廣州。面試了兩天就確定了新公司,從小程序又轉戰Vue。 許久沒碰Vue,手生得很啊!很感謝新公司CTO傑哥給我機會讓我快速瞭解公司業務,上手項目。雖然剛進公

原创 源碼系列 --- 五分鐘擼個小遊戲【小小乒乓球】

前置條件:官網下載jQuery或者直接link一波jQuery。 邏輯部分: 每30毫秒小球判斷方向並位移一次。 處理了多按鍵同時按下的情況。 編寫了邊界處理:觸碰到邊界就改變方向,並記錄得分。 編寫了碰撞事件:觸碰到擋板就會改變方向。

原创 【一分鐘閱讀】關於組件化,我有一些小建議

隨着公司項目多端化,開發所需要注意的細節越來越多。我在會議上提出組件化開發,希望能把業務細節與技術細節區分開來。  一、組件化流程 首先我們需要找到切入點,我採取的是通過模仿element-ui的組件,先讓我們美工小姐姐,照着elem

原创 Vue3.0來了,一分鐘快速瞭解3.0新特性

10月5日,尤大大帶着pre-alpha版本的Vue3.0走來了。 粗略看了一下源碼,發現源碼基本都轉化成了 typeScript 。 我們對照着 “ Vue 3.0 Updates ” 的主題演講來分析一下: 1、速度方面: 通過更新

原创 【翻譯】The HTML5 Canvas Handbook【持續翻譯中】(第三次更新)

前言 HTML5 中引入了 canvas 元素,canvas 是動態生成位圖圖像(bitmap)的 JavaScript 框架。 基本的設置有點複雜,所涉及的對象本身設計得很差,這也是標準演變過程的實際縮減的結果。而 Canvas 元素值

原创 前端開發樣式表規範

CSS書寫順序 1、DOM 節點屬性(display及其衍生屬性:display:flex; justify-content: center等) 2、位置關係(position、left、top等) 3、content 外屬性(margi

原创 提高 JavaScript 性能

前公司創業公司創業還沒成功,新制度倒是層出不窮,紛紛擾擾。心裏不快,乾脆裸辭跑回廣州。面試了兩天就確定了新公司,從小程序又轉戰Vue。 許久沒碰Vue,手生得很啊!很感謝新公司CTO傑哥給我機會讓我快速瞭解公司業務,上手項目。雖然剛進公

原创 canvas製作八卦圖源碼

 源碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

原创 【翻譯】The HTML5 Canvas Handbook【持續翻譯中】(第二次更新)

前言 HTML5 中引入了 canvas 元素,canvas 是動態生成位圖圖像(bitmap)的 JavaScript 框架。 基本的設置有點複雜,所涉及的對象本身設計得很差,這也是標準演變過程的實際縮減的結果。而 Canvas 元素值

原创 使用JavaScript實現線性表的常見功能

目錄   假設有兩個線性表LA和LB分別表示兩個集合A和B,現要求一個新集合A=AUB 刪除線性表L中重複的元素 順序表插入算法 順序表刪除算法 逆置線性表 假設有兩個線性表LA和LB分別表示兩個集合A和B,現要求一個新集合A=AUB

原创 2018年web前端經典面試題及答案

閱讀目錄 JavaScript部分 JQurey部分 HTML/CSS部分 正則表達式 開發及性能優化部分 本篇收錄了一些面試中經常會遇到的經典面試題以及自己面試過程中遇到的一些問題,並且都給出了我在網上收集的答案。馬上就要過春節了,開年

原创 水平垂直居中的幾種方式

本文介紹的方法種類不太全,因爲筆者只想分享用過的、通用性高並且簡便易用的。  第一類:基於 flex 場景 HTML代碼: <div class="box blue"> <div id="mainer" class="yel

原创 CSS樣式層疊關係(一)-- 外部,內部與內聯

HTML 中標籤元素的樣式可以有多種寫法 有鏈接外部樣式表, HTML 頁面內嵌樣式表與元素內聯樣式 這篇文章就講一下這三種方式引入 CSS 樣式之間相似處與區別,着重寫三者的優先級關係。 相似: 三者都是通過對 標籤、id、class

原创 遊戲前端學習(一) typescript + egret + egret-EUI系列

本系列主要是我的工作學習歷程,包括日常採坑,遊戲相關的編程、語法、擴展庫等。所以文章會有點流水賬的形式。  最近找了份新的工作,主要是微信小遊戲開發的,由於我擁有 Java、JavaScript、微信小程序開發等基礎,所以目前主要補充

原创 小程序學習記錄(二)——view、text、image標籤、flex佈局

距離上一篇博客已經過去有小半個月時間了,這期間我爲了一個工作機會趕出了幾個項目、四處奔波面試、不斷學習,修改簡歷等。這些會在這兩天整理一下以博客的形式記錄下來。本篇博客繼續我們的小程序學習記錄,記錄的是我覺得小程序比較有意思的常用標籤與