原创 less練習之transition

以前同學使用sass寫css,說比較好用,而且看起來有點高大上。作爲初級web前端的我,剛好遇到bootstrap的使用,爲了更好學會它,我選擇less操作css。 less和sass語法相對簡單,內置函數目前沒用到,一切剛開始。從慕課網

原创 【轉載】Js 冒泡事件阻止

原文  http://www.cnblogs.com/jams742003/archive/2009/08/29/1556187.html    1. 事件目標 現在,事件處理程序中的變量event保存着事件對象。而event.targ

原创 jQuery源碼學習---簡單dom封裝(一)

封裝簡易的dom操作。 一、解決命名空間和變量污染 1.作用域 2.立即執行函數 3.閉包 jQuery是一個類數組對象,裏面有各種方法,當然jQuery的dom選擇器是sizzle很牛叉,據瞭解還有更快的dom選擇器,實力上去再探索。j

原创 移動端rem佈局初步練習

漸漸明白,要做就要做高級,現在社會已經不需要實習工,不需要初級員工。如果你培訓幾個月能夠找到相關工作,如果剛畢業什麼都不懂能夠找到工作,請好好珍惜。因爲很多小白給人免費實習別人都嫌礙事,本人親歷。 你不努力,就別想着高工資了,現在沒有那個

原创 HTML5+JS遊戲開發模塊----canvas打字遊戲升級版

之前發了簡單版本打字遊戲,現在增加圖片,設置開始按鈕,記錄分數,字母顯示也改成對象數組,直接操作對象而不是操作對象屬性,孰好孰壞,我也不懂,我也是初學者。 直接上代碼 字母類//字母類 function Letters(){ //改變之

原创 Axios源碼研究學習系列---xhr請求模塊大概分析

 改變是人生的定律,專注於過去和現在的人,必將錯過未來 首先文件結構,插件標準模式,嚴格模式,用ES6語法promise返回,所以就是常見的axios.get(url).then(res=>{})形式 'use strict'; va

原创 css3的transition練習

現在開個css3特效分類,目的很簡單,掌握它的常用屬性與技巧。 今天是2017-3-30 明年今天在回首,希望我已經成爲一名優良的web前端工程師。 transition:屬性 國度時間 時間函數 延遲時間 過渡效果需要IE10以上才能很

原创 原生javascript開發打字遊戲---代碼重構版本

瀏覽器支持版本:IE9+ 火狐 谷歌等 上一次使用canvas製作,代碼有些亂,這一次使用原生javascript製作,原理就是div動態生成,定時器刷新,div刪除,div重新生成,字母消失特效 由於使用addEventListener

原创 bootstrap源碼jQuery插件之button.js源碼分析筆記

架不住移動端的兼容的誘惑,bootstrap隨着學習,它的強大以及可以讓我學習的地方衆多。今天又來寫寫button.js這個相對簡單的按鈕插件,寫完這篇文章,估計我對js又有新的提高和鞏固。本文只是作爲本人筆記,看法,不保證對,也很膚淺,

原创 jQuery插件開發初步練習

看了下,前面的bootstrap的carousel.js源碼分析好像還沒有補充完整,現在想想算了。每月計劃還是要做的,carousel.js(輪播)雖然沒說完,但我知道自己底細,對bootstrap插件源碼不夠了解,對jQuery插件缺乏

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

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

原创 bootstrap之 carousel.js輪播插件源碼分析

公司主要客戶是外國人,主要交流語言是英語,公司裏的人都使用一口流利的中國式英語進行對話,中國式英語在不正式場合沒什麼問題,大家都聽得懂即可。可惜,我不會,所以接下來得好好練習英語口語了。相信我能夠堅持下來,起碼把中國式英語學會。 以前都是

原创 bootstrap的less文件分析之@media媒介查詢

關於bootstrap響應式佈局,國內外名氣滿滿的前端樣式佈局框架。3.0之前版本都採用less動態css預處理語言,實現機制是通過@media媒介查詢來達到樣式控制。 例如:@media screen and (min-width:32

原创 html5+canvas+純原生javascript+audio開發仙劍記憶力翻牌遊戲

感覺又是在發小白文,沒辦法,我還在不斷學習中。前端進階計劃再一次因爲學習難度,項目經驗而告吹。 好在,我在緩慢進步~ 文章內容來源我網絡上看到別人用js和css3寫的仙劍記憶力翻牌遊戲,感覺自己可以學到些什麼。所以就有了一天一夜的奮鬥成果

原创 jQuery插件防衝突原理

說到jQuery插件,bootstrap的jQuery插件名聲在外,當然主要原因是bootstrap框架被很多人喜愛,學習,並不是因爲他的js插件功能強大,比它強大好用的jQuery很多!不過對於插件,眼前成熟做法都會在結尾那裏加上防止變