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