摘要： ReactNative框架推出已經(jīng)有一段時(shí)間了，相信很多小伙伴都在嘗試實(shí)現(xiàn)Write Once, Run Anywhere的夢(mèng)想，比如淘寶的ReactWeb等等，但是這些框架都局限于因?yàn)镽eactNative本省的局限性，比如不支持CSS，不支持DOM操作，不支持選擇器等等，而沒有辦法實(shí)現(xiàn)Js代碼的... 閱讀全文

摘要： 最后補(bǔ)充一下：IE6,7用vbscript可以decode，傳送門：http://www.baidu.com/s?wd=vbscript+urldecode+gbk(昨晚更新)IE8是不支持script的src的datauri的，昨晚想了一個(gè)hack方法MSND傳送門：http://msdn.microsoft.com/en-us/library/cc848897(v=vs.85).aspxIE8支持link的datauri，我想是否可以構(gòu)造一個(gè)link過來的css，通過設(shè)置background-image，然后通過ie的currentStyle[‘backgroundImage’]取到中文這 閱讀全文

摘要： 號(hào)外：kitjs官方討論QQ群建立了，QQ群號(hào)88093625，歡迎大家加入，討論前端相關(guān)話題新增雙月日歷，多月日歷地址：http://xueduany.github.com/KitJs/KitJs/index.html#datepicker_nmonth4月13日更新（感謝大家熱心反饋）1.加入鼠標(biāo)劃動(dòng)多選2.加入再次單擊選中日期，會(huì)取消選擇 demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#datepicker 本日歷，支持多語言本地化，且中文支持非常好 獨(dú)家支持日歷日期多選操作，按住shift鍵，多選，和按住ctrl... 閱讀全文

摘要： 1. 星星評(píng)級(jí)(http://kitjs.co.cc/demo/StarLevel/demo.html) 支持Webkit核心，使用方法如下瀏覽器上，用鼠標(biāo)在星星上按下，左右移動(dòng)，選擇星星級(jí)別，釋放左鍵，選擇成功，給出提示手機(jī)上，手指按下，左右移動(dòng)，選擇星星級(jí)別，手指移開，選擇成功，給出提示2. 標(biāo)簽選項(xiàng)卡(http://kitjs.co.cc/demo/TabPanel/demo.html) 支持Webkit核心，使用方法如下電腦上，1.左鍵單擊選擇，打開tab對(duì)應(yīng)的div容器2.tab選項(xiàng)卡可以鼠標(biāo)左鍵按住左右拖動(dòng) 1.拖動(dòng)可分三檔， a)慢速拖動(dòng)，tab跟隨鼠標(biāo)b)中檔拖動(dòng)，tab會(huì)有移 閱讀全文

摘要： IE6,7,8下使用Javascript記錄光標(biāo)選中范圍 閱讀全文

摘要： 簡介對(duì)于combox功能實(shí)現(xiàn)的最小化js代碼，頁面原型參考dojo的combox模樣，支持鍵盤動(dòng)作以及自動(dòng)篩選,高亮等API初始化方法編碼方式Css申明方式只要class中包含了combox即可，class中同時(shí)包含其他樣式也可以。如亦可配置參數(shù)說明combox支持配置參數(shù)如下 debug: true/false，是否顯示原始的select元素可見 searchMode: 0為模糊不區(qū)分大小寫，1... 閱讀全文

摘要： 上一篇文章，大家對(duì)于ReactMix(https://github.com/xueduany/react-mix)框架有了一個(gè)基本認(rèn)識(shí)，知道我們是一個(gè)語法糖，幫助大家基于一套代碼，所有平臺(tái)都能跑。那么今天就是來實(shí)戰(zhàn)一下，寫一個(gè)所有平臺(tái)都能跑的頁面出來。 首先我們要準(zhǔn)備了解的基本知識(shí)如下，在H5開發(fā)中，我們的頁面布局方式有 1. 默認(rèn)布局（塊狀元素和內(nèi)聯(lián)元素） 2. 浮動(dòng)布局（Float） ... 閱讀全文

摘要： ReactMixhttps://github.com/xueduany/react-mix自從昨天發(fā)布起來，得到了不少小伙伴的熱捧，很高興幫助大家解決了憋在心中很久的問題“如果我只會(huì)HTML,Css,Jquery”，我可以不用學(xué)習(xí)就會(huì)什么MVVM啦？會(huì)ReactNative啦?答案自然是沒問題，在這... 閱讀全文

摘要： 好久沒有寫博客了，想到2年前答應(yīng)要放出源代碼的也沒放出來，最近終于有空先把純js實(shí)現(xiàn)無限空間大小的本地存儲(chǔ)的功能開源了，項(xiàng)目地址https://github.com/xueduany/localstore，demo見http://xueduany.github.io/localstore/，下面給大... 閱讀全文

摘要： 最近前端圈子里面，發(fā)現(xiàn)大家都在熱炒概念，什么knockout，angularJs，都被捧成神了，鄙人不才，最近心情也不好，特地寫這篇文章來找罵寫代碼的碼農(nóng)都知道，Java社區(qū)雖然不是一個(gè)提出分層思想的，確實(shí)貫徹的最好的，如今是個(gè)Java開發(fā)都不會(huì)不知道SSH的開發(fā)模式，從MVC到MVVM的概念的熱炒，其實(shí)真沒什么技術(shù)進(jìn)步（如果你覺得本文言辭激烈，過于憤世嫉俗，實(shí)在看不下去，歡迎移步另一位園友的分層進(jìn)化史科普文章http://www.rzrgm.cn/indream/p/3602348.html）先看什么是MVVMView一般就是我們平常說的HTML文本的Js模板，里面可以嵌入一些js模板 閱讀全文

摘要： 昨天聽w3ctech分享時(shí)候，說道orientationchange在不同OS和版本中，存在兼容問題，很多時(shí)候觸發(fā)時(shí)候都沒有渲染結(jié)束，開發(fā)同學(xué)一般都是基于setTimeout一段時(shí)間之后，在去執(zhí)行具體的注冊(cè)事件類似這樣的系統(tǒng)兼容問題還有很多，其核心原因在于1. 渲染未結(jié)束，js事件提前出發(fā)或者延后觸發(fā)2. 無法根本之道何時(shí)渲染完畢，只能用setTimeout估摸具體時(shí)間所以這里本質(zhì)上還是js對(duì)于渲染模型的觀察者模式public的api不夠詳細(xì)造成，所以我們就想到一個(gè)旁敲側(cè)擊的方式，1. 通過media query之類的Observe來做實(shí)時(shí)觀察2. 再結(jié)合reflow/repaint會(huì)觸發(fā)re 閱讀全文

摘要： 最近做微信沃卡項(xiàng)目，有個(gè)聯(lián)通靚號(hào)匹配規(guī)則，諸如AAA，AA，ABAB，AABB等等類似的號(hào)碼匹配規(guī)則，乍一看，貌似還有小復(fù)雜，其實(shí)使用正則可以實(shí)現(xiàn)輕松匹配。這里需要用到正則的兩個(gè)基本知識(shí)點(diǎn)1. 反向引用，\1,\2分表表示第一個(gè)第二個(gè)正則子表達(dá)式捕獲分組2. 零寬斷言，度娘傳送門http://baike.baidu.com/view/5201192.htm注意，js語言的正則中只有?!負(fù)向預(yù)查和?=正向預(yù)查,沒有?<= 而這兩個(gè)都是非捕獲再來看我們的例子AAA的正則/(\d)(?=\1)(\d)(?=\1)\d/的意思，第一個(gè)位置是一個(gè)數(shù)字（后面跟著和第一個(gè)匹配分組一樣的）一個(gè)數(shù)字（后面 閱讀全文

摘要： 前言：了解js編譯原理的屌絲們都知道，js是單線程的，想當(dāng)年各路神仙為了實(shí)現(xiàn)js的多線程，為了解決innerHTML輸出大段HTML卡頁面的頑疾，紛紛設(shè)計(jì)了諸如假冒的“多線程“實(shí)現(xiàn)，我自己也在寫開源框架KitJs時(shí)候，寫過類似的組件http://www.rzrgm.cn/xueduanyang/archive/2012/05/30/2526422.html ，其原理就是改造代碼中的for為setInterval，改遞歸為尾遞歸等等，為可憐的刷新率60Hz爭取17ms的微弱時(shí)間。當(dāng)然了，這些都不是真正的多線程。其實(shí)W3C很早就有關(guān)于純前端真多線程實(shí)現(xiàn)的，就是http://www.w3.or 閱讀全文

摘要： demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#bubble 號(hào)外：kitjs官方討論QQ群建立了，QQ群號(hào)88093625，歡迎大家加入，討論前端相關(guān)話題 最近做手機(jī)項(xiàng)目時(shí)候，需要實(shí)現(xiàn)一個(gè)類似iphone SMS效果的氣泡效果。 這里分享下實(shí)現(xiàn)心得， 首先分析下iphone的氣泡效果有一下特點(diǎn) 1. 圓角 2. 向下的外陰影 3. 上邊和下邊的內(nèi)陰影 4. 上邊內(nèi)的一個(gè)內(nèi)嵌的玻璃氣泡的反光效果 首先定義一個(gè)容器，盒模型為display: inline-block，方便自適應(yīng)文字大小 .bubble { position... 閱讀全文