posts - 36, comments - 419, trackbacks - 0, articles - 0
            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

          2010年3月11日

               摘要: 現(xiàn)在的WEB中經(jīng)常會需要產(chǎn)生一些邀請碼、激活碼。需要是唯一并且隨機(jī)的。下面總結(jié)下一些常用的產(chǎn)生隨機(jī)碼的方法,并分享自己的1個方法:  閱讀全文

          posted @ 2010-10-19 11:24 BearRui(AK-47) 閱讀(10500) | 評論 (22)編輯 收藏

               摘要: 很多WEB開發(fā)語言為了防止瀏覽器禁止了cookie而無法識別用戶,允許在URL中攜帶sessionid,這樣雖然方便,但卻有可能引起釣魚的安全漏洞。  閱讀全文

          posted @ 2010-08-23 21:00 BearRui(AK-47) 閱讀(3145) | 評論 (6)編輯 收藏

               摘要: js為什么需要include?讓我們想想這樣1個場景,a.js 需要用到1個公用的common.js,當(dāng)然你可以在用到a.js的頁面使用,但假設(shè)有5個頁面用到了a.js,你是不是要寫5遍閱讀全文

          posted @ 2010-08-09 08:29 BearRui(AK-47) 閱讀(3123) | 評論 (7)編輯 收藏

               摘要: 產(chǎn)品中有很多模塊需要導(dǎo)出excel功能,導(dǎo)出excel幾乎都是把頁面已經(jīng)顯示出來的數(shù)據(jù)列表導(dǎo)出為excel。但后臺使用poi生成excel卻要1個單元格1個單元格的去編寫。每個模塊都需要單獨寫導(dǎo)出excel的代碼,導(dǎo)致代碼里充斥了createRow,createCell,setCellValue的代碼。但這不是要命的,要命的是當(dāng)前臺數(shù)據(jù)列表格式變了的時候,后臺生成excel代碼的修改非常麻煩,特別是當(dāng)產(chǎn)品經(jīng)理要求在excel中也要保留WEB樣式的時候(背景色,字體色,寬度),就只能oh shit!  閱讀全文

          posted @ 2010-08-03 21:18 BearRui(AK-47) 閱讀(4414) | 評論 (5)編輯 收藏

               摘要: 相信很多使用jstl的朋友都抱怨過,為什么jstl只有閱讀全文

          posted @ 2010-07-28 16:13 BearRui(AK-47) 閱讀(4259) | 評論 (29)編輯 收藏

               摘要: 上一篇 "記一復(fù)雜頁面的前端優(yōu)化(1) - 不一樣的延遲加載," 說了下對彈出窗口的優(yōu)化,接下來說說其他的優(yōu)化.  閱讀全文

          posted @ 2010-07-20 15:54 BearRui(AK-47) 閱讀(2186) | 評論 (0)編輯 收藏

               摘要: 剛剛做完1個復(fù)雜頁面的前端性能優(yōu)化,這里的優(yōu)化是針對這個頁面具體的需求單獨做的優(yōu)化,所以這里不會談哪些減少http請求,合并壓縮js,css,圖片合并等等。因為這些是所有頁面都需要做的,如果需要了解這些,可以參考我這篇文章:  閱讀全文

          posted @ 2010-07-14 08:50 BearRui(AK-47) 閱讀(3179) | 評論 (11)編輯 收藏

               摘要: 最近在網(wǎng)上看到1個很有意思的CSS擴(kuò)展,這里介紹給大家。LESS 最早是1個ruby的gem,用于擴(kuò)展css的語法,用了LESS后,可以在css中使用變量,運算符,include,嵌套規(guī)則等等。現(xiàn)在LESS出了js版本,讓我們一起來看看LESS能為我們帶來什么吧?  閱讀全文

          posted @ 2010-07-01 08:58 BearRui(AK-47) 閱讀(2165) | 評論 (3)編輯 收藏

               摘要: UI要求越來越高,界面越做越華麗,給我們開發(fā)人員帶來的就是使用大量的背景圖片,下面介紹一些通過css(不使用圖片或少使用圖片)來實現(xiàn)一些很常見的效果:
          圓角、陰影、漸變等等。  閱讀全文

          posted @ 2010-06-25 08:52 BearRui(AK-47) 閱讀(3949) | 評論 (32)編輯 收藏

               摘要: 沒事使用代理上了下facebook,注冊進(jìn)入個人首頁后,習(xí)慣性的查看源代碼,發(fā)現(xiàn)了1個很有意思的現(xiàn)象,首頁內(nèi)容不少,但源代碼中HTML的代碼卻很少,但去多出了很多段的javascript代碼,這些js代碼都是用于動態(tài)生成html的,facebook為什么需要這樣做了?出于職業(yè)習(xí)慣,研究研究:  閱讀全文

          posted @ 2010-06-17 11:05 BearRui(AK-47) 閱讀(4483) | 評論 (13)編輯 收藏

               摘要: 用了這么多年的CSS,現(xiàn)在才明白CSS的真正匹配原理,不知道你是否也跟我一樣?看1個簡單的CSS:DIV#divBox p span.red{color:red;},按習(xí)慣我們對這個CSS 的理解是,瀏覽器先查找id為divBox的DIV元素,當(dāng)找到后,再找其下的所有p元素,然后再查找所有span元素,當(dāng)發(fā)現(xiàn)有span的class為red的時候,就應(yīng)用該style。多么簡單易懂的原理,可是這個理解卻是完完全全相反、錯誤的  閱讀全文

          posted @ 2010-06-07 22:53 BearRui(AK-47) 閱讀(6674) | 評論 (20)編輯 收藏

               摘要: ajax應(yīng)用越來越多,大部分ajax處理都是在前臺顯示1個"loading...",然后把數(shù)據(jù)提交給服務(wù)器進(jìn)行處理,處理完畢后顯示"處理完畢"。我們能否讓ajax更加友好點,實時顯示服務(wù)器處理的進(jìn)度了?這在一些長時間的請求中尤其重要,比如上傳文件、發(fā)送郵件、批量處理數(shù)據(jù)。答案當(dāng)然是可以的,不然就不會寫這個了,對吧,^_^。  閱讀全文

          posted @ 2010-06-01 23:05 BearRui(AK-47) 閱讀(6272) | 評論 (17)編輯 收藏

               摘要: 金蝶軟件是國內(nèi)著名的管理軟件企業(yè),產(chǎn)品覆蓋了從大型企業(yè)ERP,到中小企業(yè)的K3系列,以及針對小商戶的KIS系列管理軟件。

          今天,金蝶軟件開始進(jìn)軍個人市場,推出針對個人和家庭理財平臺——金蝶理財網(wǎng)(www.feidee.com)也上線了。金蝶理財網(wǎng)是一個專注于個人及家庭消費及財務(wù)管理的服務(wù)平臺。

          當(dāng)前金蝶理財網(wǎng)推出了第一款產(chǎn)品——隨手記,并同步推出了網(wǎng)站版,iphone版以及Android版,在未來的日子里,金蝶理財網(wǎng)還會推出針對大家生活中需要的購物類,資產(chǎn)管理類,投資類的系列產(chǎn)品!  閱讀全文

          posted @ 2010-06-01 11:05 BearRui(AK-47) 閱讀(2579) | 評論 (11)編輯 收藏

               摘要: 經(jīng)常上tudou網(wǎng),發(fā)現(xiàn)tudou首頁加載圖片的功能很有意思,tudou首頁從"娛樂"這個板塊往下的所有視頻的縮略圖并不是在頁面打開后就加載的,
          而是當(dāng)用戶拖動滾動條到了"娛樂"這個板塊,才開始加載圖片的。這樣做的好處當(dāng)然是如果有用戶不需要查看下面的內(nèi)容,則免去了下面所有圖片的請求,
          這對減少服務(wù)器的壓力還是很有幫助的。  閱讀全文

          posted @ 2010-05-24 22:27 BearRui(AK-47) 閱讀(3359) | 評論 (12)編輯 收藏

               摘要: 在處理比較耗時的請求的時候,我們總希望先讓用戶先看到部分內(nèi)容,讓用戶知道系統(tǒng)正在進(jìn)行處理,而不是無響應(yīng)。一般大家在處理這種情況,都使用ajax,先把html輸出到客戶端,然后再用ajax取加載比較耗時的資源。用ajax麻煩的地方是增加了請求數(shù),而且需要寫額外的js代碼、和js調(diào)用的請求接口。針對這種情況,還有一種處理方法,就是讓response分塊編碼進(jìn)行傳輸。response分塊編碼,可以先傳輸一部分不需要處理的html代碼到客戶端,等其他耗時代碼執(zhí)行完畢后再傳輸另外的html代碼。  閱讀全文

          posted @ 2010-05-19 22:38 BearRui(AK-47) 閱讀(5742) | 評論 (5)編輯 收藏

               摘要: 上一篇隨筆中網(wǎng)友 skyaspnet 問我如何壓縮HTML,當(dāng)時回答是推薦他使用gzip,后來想想,要是能把所有的html,jsp(aspx)在運行前都壓縮成1行未免不是一件好事啊。一般我們啟動gzip都比較少對html啟動gzip,因為現(xiàn)在的html都是動態(tài)的,不會使用瀏覽器緩存,而啟用gzip的話每次請求都需要壓縮,會比較消耗服務(wù)器資源,對js,css啟動gzip比較好是因為js,css都會使用緩存。我個人覺得的壓縮html的最大好處就是一本萬利,只要寫好了一次,以后所有程序都可以使用,不會增加任何額外的開發(fā)工作。  閱讀全文

          posted @ 2010-05-16 17:16 BearRui(AK-47) 閱讀(6576) | 評論 (14)編輯 收藏

               摘要: 很多網(wǎng)站為了獲取用戶訪問網(wǎng)站的統(tǒng)計信息,使用了google-analytics或其他分析網(wǎng)站(下面的討論中只提google-analytics,簡稱ga)。注冊ga后,ga就會生成一段js腳本,很多人直接把這段js復(fù)制到的最后面就完事(包括 博客園、CSDN、BlogJava)。可是ga自動生成的這段JS真的就是最合理的嗎?  閱讀全文

          posted @ 2010-05-13 10:10 BearRui(AK-47) 閱讀(4336) | 評論 (8)編輯 收藏

               摘要: 頁面呈現(xiàn)流程

          回流與重繪

          什么操作會引起重繪、回流

          聰明的瀏覽器

          如何減少回流、重繪

          實例測試  閱讀全文

          posted @ 2010-05-10 17:24 BearRui(AK-47) 閱讀(17451) | 評論 (38)編輯 收藏

               摘要: 本篇文章主要討論下目前JS,CSS 合并、壓縮、緩存管理存在的一些問題,然后分享下自己項目中用到的1個處理方案,并提供1個實例下載。  閱讀全文

          posted @ 2010-05-04 13:28 BearRui(AK-47) 閱讀(14045) | 評論 (14)編輯 收藏

               摘要: WEB性能測試工具主要分為三種,一種是測試頁面資源加載速度的,一種是測試頁面加載完畢后頁面呈現(xiàn)、JS操作速度的,還有一種是總體上對頁面進(jìn)行評價分析,下面分別對這些工具進(jìn)行介紹。  閱讀全文

          posted @ 2010-04-28 12:57 BearRui(AK-47) 閱讀(21796) | 評論 (17)編輯 收藏

               摘要: 準(zhǔn)備寫一系列關(guān)于高性能WEB開發(fā)的日記,主要是跟前端技術(shù)相關(guān)的(html,http,js,css等),將自己了解的一些知識做1個總結(jié)和記錄并分享,希

          望大家能喜歡,也喜歡自己能堅持寫下去。當(dāng)然因個人技術(shù)水平有限,寫作能力更是非常差,所以如果有什么地方寫得不好的,請大家都指點指點。  閱讀全文

          posted @ 2010-04-26 23:55 BearRui(AK-47) 閱讀(12739) | 評論 (16)編輯 收藏

               摘要: 上一篇文章中說到了 如何減少請求數(shù),這次說說如何減少請求、響應(yīng)的數(shù)據(jù)量(即在網(wǎng)絡(luò)中傳輸?shù)臄?shù)據(jù)量),減少傳輸?shù)臄?shù)據(jù)量不僅僅可以加快頁面加載速度,更可以節(jié)約服務(wù)器帶寬,為你剩不少錢。
          GZIP壓縮
          別亂用cookie
          妙用204狀態(tài)  閱讀全文

          posted @ 2010-04-26 19:53 BearRui(AK-47) 閱讀(7099) | 評論 (10)編輯 收藏

               摘要: http請求頭的數(shù)據(jù)量
          http連接開銷
          如何減少請求數(shù)
          1. 合并文件
          2. 合并圖片
          3. 把JS、CSS合并到1個文件
          4. 使用Image maps
          5. data嵌入圖片  閱讀全文

          posted @ 2010-04-18 18:58 BearRui(AK-47) 閱讀(14743) | 評論 (10)編輯 收藏

               摘要: 合并JS文件和CSS文件很多人都知道,也用過,目的是為了減少請求數(shù)。但有時候我們覺的把JS合并到1個文件,CSS又合并到另外1個文件也是浪費,我們?nèi)绾文馨袰SS和JS一起合并進(jìn)1個文件了?  閱讀全文

          posted @ 2010-04-18 18:56 BearRui(AK-47) 閱讀(10702) | 評論 (6)編輯 收藏

               摘要: 前2天,google官方blog發(fā)布1篇小文章,該文章指出將把 "網(wǎng)站的訪問速度" 加入搜索排名算法中,說明以后網(wǎng)站越快,在google中的排名就越有可能靠前。  閱讀全文

          posted @ 2010-04-11 14:46 BearRui(AK-47) 閱讀(1912) | 評論 (1)編輯 收藏

               摘要: 外部JS的阻塞下載

          外部js文件應(yīng)該放在什么位置

          嵌入JS的阻塞下載

          嵌入JS導(dǎo)致CSS阻塞加載的問題

          嵌入JS應(yīng)該放在什么位置  閱讀全文

          posted @ 2010-04-08 16:08 BearRui(AK-47) 閱讀(17038) | 評論 (42)編輯 收藏

               摘要: 隨著AJAX的火熱應(yīng)用,JSON也越來越被重視,隨之而來的就是眾多的JSON庫,下面對常用的3個JSON庫(json-lib,jackson,gson)進(jìn)行性能測試,看下結(jié)果如何:  閱讀全文

          posted @ 2010-03-11 18:00 BearRui(AK-47) 閱讀(6234) | 評論 (3)編輯 收藏

          主站蜘蛛池模板: 黄陵县| 天等县| 镇沅| 建德市| 昭平县| 蕲春县| 胶南市| 仁布县| 靖安县| 安宁市| 宝清县| 枞阳县| 新蔡县| 峨眉山市| 石景山区| 大邑县| 通辽市| 邢台县| 徐水县| 霍城县| 舒兰市| 依安县| 龙海市| 信宜市| 永康市| 金坛市| 卢龙县| 江永县| 涟源市| 开鲁县| 陇西县| 彭州市| 新绛县| 宜君县| 淄博市| 钟山县| SHOW| 葫芦岛市| 达孜县| 天峻县| 浑源县|