中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > 手把手教你做超酷的條形碼效果
用javascript來實現(xiàn)動畫導航 回到列表 JavaScript開發(fā)時的五個小提示
 手把手教你做超酷的條形碼效果

作者:dknt 時間: 2007-11-30 文檔類型:原創(chuàng) 來自:藍色理想

第 1 頁 手把手教你做超酷的條形碼效果 [1]
第 2 頁 手把手教你做超酷的條形碼效果 [2]
第 3 頁 手把手教你做超酷的條形碼效果 [3]
第 4 頁 手把手教你做超酷的條形碼效果 [4]
第 5 頁 手把手教你做超酷的條形碼效果 [5]
第 6 頁 手把手教你做超酷的條形碼效果 [6]

J(ava)script中,用0x前綴表示十六進制數(shù)。我們可以實踐一下下面的代碼。

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

可以看到現(xiàn)在每個數(shù)都是小于255的了。

注意,(iDecimalUnicode & 0xFF00) >> 8 中,>> 的優(yōu)先級比 & 高,所以按照我們的目的,(iDecimalUnicode & 0xFF00) 一定要有括號。

我們希望能有個統(tǒng)一的處理邏輯,把每個字節(jié)分成兩部分,每個部分用十六進制的1位就可以表示,換句話說,就是每部分都是一個不超過16的十進制數(shù)。類似Ruby中的代碼段數(shù)據(jù)類型,在J(ava)script中,也可以用匿名函數(shù)來實現(xiàn)類似的功能。我們可以建一個名為tmpOP變量來承接這個匿名函數(shù),然后利用它來簡化程序邏輯。此外,我們應(yīng)該有個東西來儲存分解出來的結(jié)果。那就用個result數(shù)組來裝吧。另外按照語義,我們這個函數(shù)做的已經(jīng)不僅僅是轉(zhuǎn)化二進制了,而是轉(zhuǎn)化成意義上的十六進制位了。我們應(yīng)該是恨敏捷的,所以把函數(shù)名改成getHexes吧。

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

很高興看到現(xiàn)在就彈出一個alert吧,剛才那么多alert是很鬧心。我很抱歉。這次因為我們使用了alert一個數(shù)組,感覺整齊一點。

現(xiàn)在發(fā)現(xiàn)數(shù)組的每一個元素都是小于16了吧,很好,大象快裝進去了。

有一個問題,我們不能把字符串的每個字符都轉(zhuǎn)化成條形碼,若是一個1萬多字的文章怎么辦,那不扯呢嗎。所以我們要限制一下處理的字符數(shù)。以條形碼的視點來看,似乎寬度應(yīng)該是固定的,也就是說我們用以對應(yīng)的 aResult 數(shù)組的長度應(yīng)該是固定的。那也好辦,在我們的 tmpOP 里控制一下就行了。我們可以假設(shè)我們只需要8個十六進制位來生成條形碼?梢栽趃etHexes里加一個 iMaxLength 參數(shù)來控制。
如下:

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

現(xiàn)在確實只有8個小于16的數(shù)了。

在 tmpOP 中,發(fā)現(xiàn) aResult 數(shù)組的長度超過最大值,就返回一個0,外面發(fā)現(xiàn)這個0以后,就直接退出循環(huán),因為沒有必要再繼續(xù)往下取字符了。

有些地方略顯不妥,本著精益求精的精神,我們要把我們的程序效率提高提高。首先,我們知道了位相與的目的,就可以寫一些更直接處理的代碼,因為我們把處理雙字節(jié)時,為了分成兩個單字節(jié),實際上多與運算了一次,和后面的分解雙十六進制位有重復的位相與。說俗了就是多干了一次沒用的事。不如一次就分解出4個十六進制位。

此外,我們總是向數(shù)組詢問length屬性來獲知數(shù)組長度,要知道數(shù)組做這件事是很累的,反正我們也有條件自己心理有數(shù),為什么還要總問它呢。

基于這兩點,我們把程序改動如下:

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

看到了效果跟上一個是一樣的,說明我們沒改錯。其中,aPos數(shù)組就可以儲存掩碼,數(shù)組的索引 X 4 就是需要右移的位數(shù)。tmpOP( iDecimalUnicode , i) 就表示取 iDecimalUnicode 從右邊數(shù)第i個十六進制位(第0個就是最右邊的1個十六進制位)。

大象是勉勉強強塞進去了,下面我們就把活做的利索點,把冰箱門兒帶上。要不條形碼還沒露面,我們怎么收場?

出處:藍色理想
責任編輯:moby

上一頁 手把手教你做超酷的條形碼效果 [3] 下一頁 手把手教你做超酷的條形碼效果 [5]

◎進入論壇網(wǎng)頁制作WEB標準化版塊參加討論,我還想發(fā)表評論

相關(guān)文章 更多相關(guān)鏈接
Firewoks打造液體金屬表面效果
Firewoks制作立體質(zhì)感水晶
Javascript的一種模塊模式
用javascript來實現(xiàn)動畫導航
JS擴展Photoshop新功能
作者文章
ImageLoader 1.1 Release
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:4/61個記錄/頁 轉(zhuǎn)到 頁 共6個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2