終於可以拿出來給大家測試了,測試地址http://saw.caifutang.com/EonerCMS,東西就不用再介紹了吧,之前做過一個簡單的介紹視頻,這次再拿出來曬下,就當作作品介紹吧。 開發記錄: 關於CMS後台展示/操作方式的個人拙見——最早的一個想法,當時僅僅有這個想法,但未開動 EonerCMS——做一個仿案頭系統的CMS(一)——開篇,因為我是個行動派,所以馬上就開動了,後來想了想,應該會遇到很多問題,於是就打算把問題都記錄下來。於是第一篇博文算是引言了 EonerCM
HTML5增加了更多語義化的標籤,如header,footer,nav……讓我們在頁面編寫的時候,不需要再用下面這種方法去布局了:<div class="header">這是頭部</div><div class="content">這是中間內容區</div><div
工資真的是和大姨媽一模一樣啊,一個月來一次,一周左右就走了。10號發的工資,今天去買了個移動硬碟,加了跟2G記憶體,還了朋友500,然後就剩下飯錢了,這個月又光了,有木有!!!!! 不過開心的事是有1TB移動硬碟了,本本記憶體也4G了>.<欣然回家開啟電腦,右鍵我的電腦看屬性,然後就囧住了: 這才想起來自己的系統是32位的,除非換成64位才能享受4G的快感,但是由於電腦裡軟體過多,程式猿都懂的,重裝系統對我們來說傷不起啊,資料庫要備份,項目要備份,軟體要備份,神馬都要備份,這
下面我要用到的外掛程式是我自己寫的,關於外掛程式地址是:jquery.HooRay——自己做的一個jquery常用工具外掛程式。關於分享外掛程式的製作流程我也寫了篇文章,有興趣的可以看下:自己寫的一個分享按鈕的外掛程式(可擴充,內附開發製作流程) 閑話不多說,進入正題吧,大家可以看下文章最後是不是有一排分享的按鈕,那個就是最終的效果了,當然不止那一種效果,一共有以下幾種效果,分別是: 完整的代碼就是這樣<link rel="stylesheet" href="http://saw.
這次的功能不用我介紹,是的,就是要做那個win7下視窗超級預覽的功能。為了方便,我就做個demo來示範,就不用圖裡的例子來做講解了。 首先,我們必須知道transform,它是CSS3中的新增屬性,這次我們要用到的就是:transform:scale()。這裡要提一點注意,scale()是不影響layout的,也就是scale()僅僅是視覺上效果不一樣,實際的樣式都是不變的,而且scale()的縮放是以中心縮放的,這就會造成一個浮動元素縮放後top、right、bottom、left在視覺
WebQQ於昨晚更新,並且把名字都改了,現改名叫Q+
首先看下效果,以下兩張圖分別使用直接盜鏈和破解盜鏈,可以右鍵查看圖片URL,是同一張圖片。直接盜鏈破解盜鏈 實現代碼:function showImg( url ) { var frameid = 'frameimg' + Math.random(); window.img = '<img id="img" src=\''+url+'?'+Math.random()+'\' /><script>window.onload =
一直以來,寫php都是用Dreamweaver,有時候真是痛苦啊,出現一個bug,想看一些元素的值,必須用echo輸出來才知道,現在瞭解到一個斷點調試利器,php終於也能像java、.NET那樣斷點調試,這就是——ZendDebugger 東西不是新貨,所以介紹就不做介紹了,下面主要是配置流程。 首先,下載ZendDebugger,下載連結:http://downloads.zend.com/pdt/server-debugger/,因為我是win系統,所以就找.zip結尾的就行了,我下
經常會遇到這樣的情況,當頁面展示內容過長時,想點導航切換欄目,就得把捲軸拉回到頂上,這樣操作總不太人性化,能不能讓導航超出顯示範圍外時自動貼在螢幕最頂上呢?答案肯定是能的。如果不太明白,把捲軸拉到下面點,看下我部落格是效果就明白了。 其實實現起來並不難,我們先把實現流程大致想一下,首先,如果導航在顯示範圍內,就不用做修改。當導航超出顯示範圍,也就是導航距離螢幕頂部的距離小於0的時候,我們要讓它浮動在螢幕頂上,然後大於0的時候,進行一個複原操作,原理就是這麼簡單,大致看下吧$().ready
首先說明,上面圖片和文章無關,只是我隨便弄的一張配圖,因為我剛才在想4個DIV能不能擺成那種造型,當然最終是以失敗告終。 恢複正題,這次更新變動不大,增加了一個效果和一個方法,也發現了一個bug,但還沒有解決。 一、表徵圖視窗移動動畫 這個不用介紹太多,自己試下就知道了,示範地址:http://saw.caifutang.com/eonercms 當我們改變瀏覽器大小的時候,表徵圖以及開啟的視窗會以動畫的效果移動。 二、重新整理案頭 這個功能是考慮到以後做CMS裡欄目模組使用權限
智能修改視窗的位置 在測試的時候,我發現調整瀏覽器尺寸後,原先靠近瀏覽器邊緣的視窗就直接被隱藏掉了,如: 出現這問題的原因也很簡單,因為視窗的top、left的值是寫死的,當瀏覽器的寬高小於視窗top、left時,必然會被隱藏掉。解決辦法就是在調整瀏覽器尺寸的同時,把視窗的top、left也一起修改,但是具體要修改成多少呢? 經過自己的考慮和他人的指點,最終的解決辦法就是按比例修改,也就是按當時視窗離左/右、上/下的距離與整個視窗大小的比例進行縮放,說的可能有點迷糊,不如看下修改公式吧:
隨著jq1.7的發布,事件綁定有了統一的API:on()、off(),我的EonerCMS也做了相應的更新,因為改動部分不很多,所以就一筆帶過了。 因為仿os介面架構已經做的差不多了,要準備開始做實際性的功能了,比如CMS必須有的分類管理,新聞管理等,所以要準備製作這幾個欄目需要的頁面。為了使用者體驗的友好,我打算是列表頁和編輯頁是在同一個頁面裡,用滑動切換的模式操作,如:查看demo 我現在只做了這一個demo頁面,效果自認為還不錯,但在IE6下一看,相容性就一塌糊塗了,所以現在正在考
百度搜尋“圖片分屏載入”,映入眼帘的就是jquery.lazyload,相信很多人用過,或許現在還在用,今天我就來說說這個外掛程式的嚴重BUG。 何為圖片分屏載入?顧名思義,就是讓圖片出現在瀏覽器可視地區內時,才進行載入。好處就是當頁面片過多時候,不需要一次性載入完,大大提高了友好性,也減輕的伺服器的壓力。 關於jquery.lazyload的demo,大家可以看一下:demo 我們發現,第一屏內的圖片,是正常載入了,當滾動到第二張的時候,過了幾秒,也漸顯出來了,似乎沒什麼大問題。這時
轉眼似乎半個多月過去了,最近忙了點其他的事,所以這個CMS做的進度也慢了,不過昨天和今天稍微加了點班,把最大的一塊製作OK了,也就是下面我要說的——視窗 先看下視窗大致構成圖吧: 視窗很簡單,頂部的標題區、中間的展示地區和底部的功能區域。首先,視窗肯定是通過表徵圖點擊後才產生的,也就是視窗不是事先載入並隱藏好,是點擊某個表徵圖後再通過jquery寫入到頁面裡來,那我們要做的就是給表徵圖綁定一個建立視窗的事件,我們看下代碼://建立表單Core.create = function(obj)
廢話不多說,先看一下下面這段代碼:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>IE6 position:fixed bug</title><style>*{padding:0;margin:0}p{height:2000px}#gs{border:1
因為我們無法通過任何方法擷取整個頁面的大小和當前載入了多少,所以想製作一個載入進度條的唯一辦法就是類比。那要怎麼類比呢? 我們知道,頁面是從上往下執行的,也就是說我們可以大致估算出在頁面的某個位置載入了多少,而後用jq類比出一個進度條來顯示。 首先我們先畫一個進度條的樣子,也就是圖中的樣子,這個不用過多說明,自己看代碼 CSS.loading{position:relative;top:0;left:0}.tip1{float:left;background:#A70000;color
廢話不多說,繼上次遺留的問題——記憶體流失。 趁周末,查了好多資料,也問了好多JS高手,大致是這麼個情況。因為我每開啟一個視窗,就綁定了一個永久性的dom元素,而dom元素的回收是靠計數器,計數器是會累加的,如果沒有清零,即便刪掉了節點,其實還是駐留在記憶體中。 既然大致明白了原理,處理起來就相對比較簡單了,就一句話,首先先看下原先的關閉視窗的代碼//關閉$('.task-window li[window="'+obj.attr('window')+'"]').remove();obj.
只要有會員系統的網站就會涉及到密碼,如果處理不好就會造成前陣子那種事。下面我就說說我在開發時是如何處理密碼這塊功能的。 首先,密碼必須加密,但簡單的MD5加密已經沒有太大意義,為了防止字典破解,我會給密碼加鹽後在MD5,我一般是用使用者自己的密碼當鹽。 這一步操作後基本上就不怕資料庫暴露了,接下來要做的就是前端的了。我們知道,HTTP傳輸協議是明文的,也就是可能使用者密碼還沒有到後端,在傳輸途中就可能泄露了,那要怎麼解決呢? 其實我們完全可以把加密這一步驟放到前端來,密碼加密好後再進行
如果你知道或者已經在用這個外掛程式了,可以拉到文章結尾處點“推薦”按鈕,然後再按Ctrl+W了,哈哈。 本文開始 我的FF一直只裝了firebug和一個滑鼠手勢外掛程式,一是懶得去APP中心淘,二是覺得firebug用著還湊合。 但今天偶爾機會認識了Web
功能很簡單,之前在做項目時用到的,現在分享出來。先看下效果吧: 中文 | 英文電鋸驚魂2、3、4導演達倫斯·鮑斯曼的新片《母親節》已經出下載了,此片翻拍1980年的恐怖片經典《Mother's Day》,由《推動搖籃的手》演技派女星蕾貝嘉·狄摩妮攜手《3D血腥情人節》潔米金、《舞力全開》布莉安娜·艾維根、《噬血真愛》黛博拉安華爾及《X戰警》尚恩·艾希摩(Shawn