ajaxAbort
發表于 2016-10-22
| 分類于 js
之前在重構一個移動項目的最后階段，出現了一個很奇怪的現象?？焖偾袚Q底部菜單footer就會報出異常，導致某些模塊沒有銷毀，頁面假死等等，一系列的問題。背景博主公司有一套自己的前端框架，現在還沒開源，暫時不說細節了。博主通過簡單的排查是api調用之后中斷出現了問題，也就是ajax中斷（abort）處理不當。請求處理每個請求都會單獨處理是否要有loading頁，都會有成功回調和失敗回調，但是abort并沒有在失敗回調里面，這個也許是框架一個可以優化點?？蚣苁欠帜K開發的，每個模塊都有module層（ ...閱讀全文 ?
debuggerInit
發表于 2016-10-16
| 分類于 js
在測試過程中，有些問題看似是前端的問題，但因為是在界面上錯誤，一般測試都會把錯誤指向給前端，而其中很多的接口錯誤，服務錯誤，都應該讓后端來解決。為了更準確的定位問題，最近給測試工程師講了一些前端code debugger。ppt先導這個時候開發會怎么想呢？網絡問題設備問題接口問題后端數據問題前端處理問題為了這么多不確定因素，需要更精確的定位問題所在。前后接口標準現在很多項目都是前后分離的，各家公司都有自己的標準。12345678910111213141516171819// 錯誤規則var re ...閱讀全文 ?
javascript深拷貝
發表于 2016-08-21
| 分類于 js | 23條評論
javascript深拷貝是初學者甚至有經驗的開發著，都會經常遇到問題，并不能很好的理解javascript的深拷貝。深拷貝(deepClone)？與深拷貝相對的就是淺拷貝，很多初學者在接觸這個感念的時候，是很懵逼的。為啥要用深拷貝？在很多情況下，我們都需要給變量賦值，給內存地址賦予一個值，但是在賦值引用值類型的時候，只是共享一個內存區域，導致賦值的時候，還跟之前的值保持一直性?？匆粋€具體的例子12345678910111213// 給test賦值了一個對象var test = { a ...閱讀全文 ?
怎么找工作，怎么找到工作，怎么找到滿意工作？
發表于 2016-08-14
| 分類于 總結 | 10條評論
很多人在找工作的過程中，總是碰壁，在之前一篇文章中講述了我的一些個人經歷。我是個普通的人，而我相信很多人都跟我一樣，不是那么的有才華，也不是那么的笨，所以我的經歷應該更普眾化。還有就是找工作是個漫長的過程，不要急、不要急、不要急。簡歷簡歷應該是找工作中，最基本也是最重要的一道工序了。因為在別人不了解你的情況下，只能通過簡歷來看你的個人能力了。要注意以下幾點。簡歷命名遵循的格式是 姓名職位名稱工作年限這是第一點很重要，很多人直接就是簡歷2個字，太簡單隨意了。簡歷格式網上有各種各樣的格式，都是可 ...閱讀全文 ?
實現小小的fullpage(二)
發表于 2016-08-05
| 分類于 js | 3條評論
之前寫的一個小小的fullpage,今天又來第二彈了。因為遇到了問題，值得這次記錄下來。問題之前寫的fullpage看似完美，簡單易移植。但是今天測試給我提了個bug。說當滾動了一屏之后，再最大化或者最小化窗口的時候就會沒有占滿屏幕。解決問題這個一定是缺少監聽resize事件了。resize事件123$(window).on('resize', function() { $container.find('.slide').css('height', $container.heig ...閱讀全文 ?
致現在的我-2016中
發表于 2016-08-01
| 分類于 總結 | 6條評論
說下最近的一些情況，現在主要負責公司的一款產品的前端工作。而每當自己停下來回想自己之前的道路，感覺時間過的好快，什么都沒有留下來，所以就有想法，趁現在還能有點印象，記下來。O(∩_∩)O~畢業那年2014年，是人生的轉折點。依稀記得畢業后在上海找工作不斷奔波的情景?？佳惺?014年第一個失敗就是考研沒考上。現在再回過來看的時候，其實這次失敗也不算是什么。更確切的是說人生的一個很小很小的點點。這里我就不細說了，到時候寫個考研的回憶錄吧！(￣┰￣*)畢業2014年6月畢業了，現在很是感慨呢！一眨眼 ...閱讀全文 ?
2016-7-24 掘金小活動
發表于 2016-07-24
| 分類于 總結 | 1條評論
這次活動是掘金在杭州處理一些事情，然后臨時抽出時間跟大家一起聚聚的。所以整個活動的時間并不是很長?；顒舆^程羊山歲主持的一個接龍游戲。游戲就是先提問一個問題，然后隨便抽號，抽到就得回答問題。123456某a: '......'?獨白: a問了個問題，抽到了某女 b某b: '剛才沒聽清問題？',某a: '我的問題是你的第一次經歷是怎樣的？',獨白: wwwwwwwwww，.....簡單的相互交流下。接下來是陰明的簡單介紹了下掘金現在正在做的 ...閱讀全文 ?
href的那些事
發表于 2016-07-17
| 分類于 html | 暫無評論
看個問題<a href="">test</a>,此時href的值是什么呢？帶著這樣的疑問，開始今天的話題‘href的那些事’。問題分析為什么會有這個問題呢？上周在項目中，msui會對頁面a標簽綁定些事件，會用到href內容。href=""這么寫，就會一直報錯。因為瀏覽器此時獲取到的href的值當前頁面絕對路徑。此時就會導致msui內部一直報錯。href的定義w3c的定義The href attribute on a and area ...閱讀全文 ?
visible選擇器
發表于 2016-07-16
| 分類于 js | 暫無評論
現在移動端項目在重構階段，將之前的jQuery全部替換成Zepto了。由于Zepto的精簡，以置于之前的jQuery的代碼不能運行了，其中visible選擇器就是其中一個。既然已經選擇了Zepto，那就給Zepto增加visible功能。分析第一反應就是思考通過元素的屬性來判斷，然后嘗試了使用display和visibility來進行判斷。但是經過小的測試，是我想的簡單了！display是無法繼承父元素的，visibility是能夠繼承父元素，但是父元素采用的是display顯示與隱藏。參考地址 ...閱讀全文 ?
怎么寫好組件
發表于 2016-07-16
| 分類于 js | 暫無評論
我們為什么要寫組件呢？這里不細分組件、插件、控件，追究其原因無非讓代碼，能夠復用，追求更快的開發效率。其實還有個重要的原因，項目大了之后，難以維護。這個時候就會把項目中重復的部分抽取出來，形成一個組件。但是組件也會有些’缺點’，這個最后講。組件需求要實現如圖的一個條件選擇器有的時候，項目時間緊張，就會直接切圖，通過jquery的dom選擇器實現這個’簡單的功能’。需求分析為了更好的維護，以及更好的復用此組件，就要做些抽象。數據層: 用來決定按鈕個數以及按鈕是否選擇表現層: 按鈕使用現有的ui組件 ...閱讀全文 ?
2016-6-25技術活動
發表于 2016-07-10
| 分類于 總結 | 暫無評論
這個是上個月的活動的了，一直想記錄下每次活動的收獲，補下。這次老大邀請了張云龍 (fouber)和李靖 (小胡子哥)來我司做分享。張云龍的 “技術體系成長”云龍現在擔任全民tv技術總監，給我們展現他們公司所做的技術積累，以及其在創業過程中的辛酸淚。其中有個故事感觸很大。12345678910A: '我想做個易企秀，大概要多少錢？';龍: '得10W吧，還得組個團隊做下';A: '這么貴？';龍: '恩';第二天A: '我做好了，發個鏈接給你看看';龍: '驚呆!，怎么做的？';A: '淘寶買的， ...閱讀全文 ?
實現小小的fullpage
發表于 2016-06-03
| 分類于 js | 暫無評論
需求背景今天運營給了一個需求，要做個引導頁，也就是全屏滾動。考慮到只有3張圖，就自己碼個吧！說干就干。思路設置一個外層container, 用戶的可見區域，也就是全屏container內有3個層次，每個層次大小都跟container一樣大小每次滾動時候通過css的transform屬性進行偏移，并結合transition過渡一下效果1234567891011121314151617181920212223242526*{ margin: 0; padding: 0; ...閱讀全文 ?
content案例
發表于 2016-05-15
| 分類于 css | 暫無評論
實現如下的消息提醒第一種方式很簡單在標簽(i)后面，在添加一個元素并通過定位元素，來達到實現效果。但是其實之前看過張鑫旭的一篇文章，content內容一直沒有具體的應用。這次就想通過content來實現content實現首先其實這個消息主要有2個部分外形-圓型和背景顏色內容-消息個數給i標簽添加before偽類來實現樣式，設置before中的content值就能實現如圖效果12345678910111213141516i:before{ content: '2'; disp ...閱讀全文 ?
codeSnippet
發表于 2016-05-13
| 分類于 工具 | 暫無評論
利用代碼段提高代碼效率（sublime為例）新建XXX.sublime-snippet文件在tools中 選擇 new snippet保存 名稱代碼段路徑在 ..\Sublime Text 3\Packages\User 中，可以直接拷貝配置好的代碼段使用配置代碼段12345678910111213<snippet> <content><