原创 javascript開發貪吃蛇小遊戲練習

對於javascript語言,經過一段時間努力,有些入門,所以搗鼓一些小遊戲練手。和之前的canvas相比,只能說有些進步,對於遊戲圖層分佈漸漸有了模糊的認知。 對於設計模式,編程開發,算法之類的,任重而道遠了。 貪吃蛇小遊戲代碼有點亂,

原创 javascript2048遊戲開發練習筆記

我是寫筆記,實際點是保存自己練習成果,視頻教程來自網絡的 JavaScript網頁遊戲開發實戰篇 喜歡的自行百度 2048遊戲分析: 1.鍵盤事件:上下左右 2.單元格(16個),背景色 3.數字單元格(16個),背景色,字體顏色 4.判

原创 bootstrap之tab.js分析

我一定要征服移動端佈局,深入分析bootstrap就成爲了捷徑之一。路雖長,我雖笨,但架不住傻逼似得堅持。加油!! tabjs是bootstrap選項卡動態,裏面常見的下拉框等效果,今天來試試源碼難度,順帶溫習jQuery的API,何樂不

原创 jQuery插件開發-----tab選項卡

經過實踐,發現我不是一個能夠堅持的人,所以一有計劃馬上執行,爲了每天保持學習,敲代碼,所以不斷看視頻教程,看書,當年成爲學渣就是因爲不能重複看一本書。爲了分擔家裏負擔,好書重複翻看,好的視頻教程重複看,忍忍也就過去了,我需要提升! 關於

原创 html5+canvas+javascript開發打灰機小遊戲

今天不出太陽,整個人都有點頹廢。爲了我的大前端計劃,不得已找點代碼練練手。 打灰機是很早就流行的手機遊戲,那時候智能手機還很貴,我還是學生一枚。現在出來工作了,發現別人寫的打灰機遊戲,然後遊戲邏輯很差勁的我,開始了學習之路。 遊戲使用ht

原创 bootstrap的less源碼學習之button組件控制

本來想看看柵格系統,但後來發現有點多,而且個人有些懶了,就看看button組件算了。做個筆記,緩解下枯燥煩悶的自學。 minxin文件夾中的buttons.less 文件規定按鈕 僞類,按鈕顏色,禁用選項,主要是用來給上一級文件夾中對應b

原创 jQuery方法原生js實現 --- siblings兄弟節點

今天工作失誤,導致移動端瀏覽器無法工作,初步估計是es6未經過編譯便進入項目。經驗欠缺,吃一塹長一智吧。 工作中用到兄弟節點的地方不算太多,或許選項卡,輪播圖會用到。爲了對jQuery進一步深入,特意研究一下siblings()方法。 <

原创 前端大牛博客備忘

司徒正美  http://www.cnblogs.com/rubylouvre/ 葉小釵   http://www.cnblogs.com/yexiaochai/ 艾倫   http://www.cnblogs.com/aaronjs/

原创 js語法中with的學習

首先呢,嚴格模式下with報錯,而且with在js引擎環境下運行緩慢,所以並不建議使用。當然了,通過各種資料,with貌似都是用來拓展作用域,延長作用域鏈,簡化書寫,具體的就不深入了。 with 語句用於設置代碼在特定對象中的作用域。 它

原创 es6+canvas+webpack+babel編譯實現簡單打字遊戲

之前用es5和canvas寫過打字遊戲,今天爲了增強對es6理解以及webpack環境配置,決定重新對以前代碼進行模塊化開發。由於有些簡單,就直接上目錄結構項目依賴{ "name": "typing", "version": "1

原创 簡單的前端渲染模板實現

國慶節過去第一天,有點懶,但一想到今年的法定節假日都已經過完,慢慢就燃起奮鬥慾望。今天碰巧看到網絡上一些高手博客寫着渲染模板教程,就做個隨筆記錄吧! 渲染模板簡單的說,就是將一些數據,字符串加載到幾個的變量當中。 var tpl = '

原创 iframe跨域問題思考

工作遇到一個bug,彈窗調整至頂層window.top.dialog,使用的artDialog彈窗插件,本來用的好好的,可是隨着需求的增加,bug就出現。 需求:在一個彈窗基礎上,再添加彈窗展示某項數據,後臺接口請求數據 代碼現狀:那個彈

原创 仿Zepto自動觸發事件函數---trigger()

某個博客說,上半年單身已經結束,下半年單身還將繼續,莫名喜感 去年恬不知恥的去看了jQuery源碼,被虐之後接着去看zepto源碼,現實給了我很好教訓。看不懂,枯燥,味同嚼蠟。要不是知道自己年紀經不起荒廢,要不是知道很多高手成神之路都少不

原创 jQueryy原生js實現---hover事件

jQuery常用鼠標事件之一,hover事件。相信大家對它很熟悉,對其原理也很熟悉。通常就是鼠標經過,鼠標離開事件的集合。我爲了更好理解jQuery插件庫,所以找一些常用方法用js實現,增強對js的理解。 根據上面分析,核心事件就是onm

原创 js文檔碎片---DocumentFragment

當我們操作html節點時候,很多情況是需要大量添加DOM元素,如果是不斷地使用appendChild插入子節點方式,性能會大打折扣。所以我們應該使用文檔碎片,一種輕量級文檔處理方式,但是並沒有所謂的文檔碎片標籤。 文檔碎片可以當作倉庫,