原创 使用SVG中的Symbol元素製作Icon(鏈接地址)

http://isux.tencent.com/16292.html(如何使用symbol標籤製作icon) http://www.w3ctech.com/topic/92(svg icon和icon font的區別)

原创 函數柯里化or not

今天leader說需要寫一個通用函數,可以實現在不同的情況下都可以僅調用這一函數,而只是傳遞參數不同,我首先想到的是函數柯里化,實現把不同的參數轉化成單一參數的方式,於是,利用了常見的函數柯里化方式並加以改造,利用了我們最常見的參數對象a

原创 a鏈接在ie下的小bug,你知不知道a鏈接裏應該是要有內容的呢

今天寫了一段比較簡單的代碼,是一個div上有兩個鏈接,整體div是一個鏈接,局部區域上是另外一個鏈接,由於div裏需要包含圖片,而且a鏈接不能嵌套,這個整體鏈接不能寫在div上,所以我採用了絕對定位的方式,類似於<div><a class

原创 ¥符號在不同字體和設備上的顯示

作爲電商公司,商品的展示是前端所需要實現的基本功能,而人民幣符號則會由於不同字體有不一樣的展示。 目前我們公司採用的是在pc平臺上統一是¥(中間兩橫的人民幣符號),實際代碼組織爲: <p> <em class="yahei">¥</em>

原创 三元表達式之理解/jquery源碼分析之$.inArray實現

每次看到三元表達式就會惶惶然分不清如何讀,正如語文中的斷句一樣,jquery源碼中的三元表達式更是不知如何斷句。 附jquery中的inArray實現。 大家熟悉jquery的應該都不陌生inArray的用法。在源碼實現中,先判斷了ar

原创 react數據處理問題

在react官網http://reactjs.cn/react/docs/tags-and-attributes.html中羅列了react支持的各種標籤及屬性,react使用者無法使用其他自定義屬性,譬如react element<in

原创 &&與||到底返回什麼~,&&or&

在實際開發過程中,我們往往需要加數據保護判斷,譬如後端返回的接口數據是data,你需要渲染data.result.status在頁面上,那麼可以直接寫data.result.status在頁面上麼,答案是否定的,任何時候,當無法保證這些數

原创 簡單而不簡單的倒計時

大家對倒計時的第一反應就是通過setTimeout方法來反覆執行,貌似這個問題都沒有需要探討的價值,其實不然。 不同手機上和pc上的new Date()會有些許差異,所以比如說給定一個未來的時間戳,你獲取當前時間與未來時間戳的時間差,並不

原创 eslint使用姿勢(優雅的代碼規範)

作爲一種可以規範化我們代碼的工具,eslint在越來越多的場景下開始被使用,它可幫助我們迅速定位代碼格式bug gulp-eslint sublime-eslint 是我經常接觸到的eslint形式~,接

原创 border最小寬度限制1px

今天準備用<span></span>標籤來實現分割線, 其原始css如下: border-right:0.01rem solid #fff; width:0; height:0.2rem; display:inline-block; 由於

原创 附兩個自己認爲比較重要的鏈接地址(移動端的position:fixed,flexbox實現垂直居中佈局)

http://bradfrost.com/blog/mobile/fixed-position/移動端實現position:fixed有哪些問題 http://zh.learnlayout.com/flexbox.html

原创 利用命令快速構建react工程(create-react-app or nwb)

cretae-react-app 前一段時間在很多app和博客中看到facebook的create-react-app命令,可以利用這個命令迅速搭建react工程,官網詳細見https://github.com/facebookincub

原创 react及webpack相關注意點,小工具

官網上提示目前,一個component 的 render,只能返回一個節點。如果你需要返回一堆 div,那你必須將你的組件用 一個div 或 span 或任何其他的組件包裹。而在實際操作中,不僅僅在render函數中,在其他函數中也是同

原创 立即自執行函數和分組操作符

今天遇到函數自執行的情況,排查了一會才發現問題根源,特地百度了一下,結果發現一個很有意思的小問題。 function f(){console.log('called')}(1) 按照我的常規想法,上述例子在控制檯裏應該輸出的是called

原创 不同行內元素的baseline問題(附自己覺得重要的地址)

今天因爲需求需要把span標籤和input放在一行,結果出現上下位錯位的問題, 左邊的是input框,右邊是span標籤內嵌套了兩個a標籤,a標籤有背景圖片並綁定相關事件,大家可以很明顯看到有幾像素的偏差,而這個並不是font-size: