原创 吊炸天的react入門教學

React 組件開發入門 Introduction React由Facebook的程序員創建,是一個非常強大的javascript類庫。 一個很大的賣點是virtual DOM機制,在DOM操作的性能上有較大的優勢。 React

原创 PubSub模式簡單實現

PubSub是一種設計模式,中文叫發佈訂閱模式,簡單來說就是消息發佈者不直接向訂閱者發佈消息,而是發佈到中介,而中介根據不同主題對消息進行過濾,並通知對該主題感興趣的訂閱者。該模式在前端現在很火的組件化開發十分常用,因爲該模式松耦合,易

原创 簡單說一說排序算法

作爲一名合格的程序員,還是要懂一些排序算法。 學習這個話題,通常都會先學冒泡排序,因爲它在所有的排序算法中是最簡單也是最**的。當然,簡單是不會有好結果的。它的性能也是最差的。 冒泡排序通過比較任何兩個相鄰的項,如果第一個比第二個

原创 怎麼做出牛逼的二維碼圖片?

怎麼做出牛逼的二維碼圖片?當然不是黑白兩色的那種二維碼圖片了,要牛逼,要圖形化,場景化、遊戲化,一起看看牛逼的二維碼圖片是怎麼做出來的吧! 我曾經以爲,二維碼就是這樣的 或者是這樣的   好看一點的也不過是這樣的……

原创 簡單說一說數據結構——棧

數組是Javascript裏面非常靈活的數據結構,如何用數組來構建棧? 棧是一種遵從後進先出(LIFO)的有序集合。新添加的或刪除的元素都保存在棧的末尾,稱爲棧頂,另一端就叫棧底。在棧裏,新元素都靠近棧頂,舊元素都接近棧底。 現

原创 聊一聊瀏覽器的內容

今天翻讀平時工作做的便籤時,注意到了一張瀏覽器內核相關的記錄,盡毫無印象,於是寫下這篇文章: 瀏覽器組成 瀏覽器簡單的說由兩部分組成:shell + 內核。Shell的含義,簡單地說,就是提供給用戶操作,以便調用內核去實現各

原创 localStorage存儲代替GET方式

做久了前端開發就會知道,有時候需要把頁面A的數據傳到頁面B上,用URL參數的形式會顯得累贅。而且瀏覽器和服務器對於URL的長度也有所限制。 瀏覽器 1、IE IE瀏覽器(Microsoft Internet Explorer) 對

原创 簡單說一說數據結構——集合

迄今爲止,我們已經學習了數組(列表)、棧、隊列和鏈表(及其變種)等順序數據結構。 這一節我們講講集合。集合的定義是由一組無序且唯一(即不能重複)的項組成的。不包含任何元素的集合就叫做空集。上高中那會,我們都接觸過集合,其中一些概念

原创 js對象淺拷貝和深拷貝詳解

** 1.淺拷貝 ** 拷貝就是把父對像的屬性,全部拷貝給子對象。 下面這個函數,就是在做拷貝: var Chinese = {   nation:'中國' } var Doctor = {   career:'醫生' }  

原创 簡單說一說數據結構——隊列

上一次我們已經學習了棧。今天我們來說一說隊列。 隊列和棧非常類似,都是非常容易理解的數據結構。隊列是遵循先來先服務原則的一組有序的項。隊列在尾部添加新元素,並從頂部移除元素。 在現實中,最常見的隊列的例子就是排隊: 排在前面的

原创 移動H5前端性能優化指南

概述 1. PC優化手段在Mobile側同樣適用 2. 在Mobile側我們提出三秒種渲染完成首屏指標 3. 基於第二點,首屏加載3秒完成或使用Loading 4. 基於聯通3G網絡平均338KB/s(2.71Mb/s),所以首屏資源

原创 跨兼容瀏覽器的事件處理程序

從事前端開發工作的童鞋們,肯定會遇到瀏覽器事件處理兼容問題。從DOM0級事件處理程序到DOM2級事件處理程序。以及IE這個永恆的話題。 下面是兼容所有瀏覽器的時間處理程序,包含添加、刪除、阻止冒泡、取消默認行爲、獲取事件對象eve

原创 $(...).live is not a function

jquery中的live()方法在jquery1.9及以上的版本中已被廢棄了,如果使用,會拋出TypeError: $(…).live is not a function錯誤。 解決方法: 之前的用法: .live(events,

原创 取消鼠標右鍵默認事件contextmenu

想要web頁面充分展示自身特色,修改瀏覽器默認的右鍵事件必不可少。 右鍵單擊網頁,總是彈出另存爲、審查元素、查看網頁源代碼等等之類的菜單。就我看來這是挺影響體驗的。像右鍵這麼重要的位置,必須充分利用。調整頁面鏈接之類等等的需求都是

原创 常用的git命令

Git是目前世界上最先進的分佈式版本控制系統(沒有之一)。 balabalabala…….. 配置 git config --global user.name "your name" git config --global use