EonerCMS——做一個仿案頭系統的CMS(內附測試地址)

  終於可以拿出來給大家測試了,測試地址http://saw.caifutang.com/EonerCMS,東西就不用再介紹了吧,之前做過一個簡單的介紹視頻,這次再拿出來曬下,就當作作品介紹吧。  開發記錄:  關於CMS後台展示/操作方式的個人拙見——最早的一個想法,當時僅僅有這個想法,但未開動  EonerCMS——做一個仿案頭系統的CMS(一)——開篇,因為我是個行動派,所以馬上就開動了,後來想了想,應該會遇到很多問題,於是就打算把問題都記錄下來。於是第一篇博文算是引言了  EonerCM

用語義化標籤去寫你的HTML,相容IE6,7,8

  HTML5增加了更多語義化的標籤,如header,footer,nav……讓我們在頁面編寫的時候,不需要再用下面這種方法去布局了:<div class="header">這是頭部</div><div class="content">這是中間內容區</div><div

用Readyfor 4GB破解32位系統的4GB記憶體限制

  工資真的是和大姨媽一模一樣啊,一個月來一次,一周左右就走了。10號發的工資,今天去買了個移動硬碟,加了跟2G記憶體,還了朋友500,然後就剩下飯錢了,這個月又光了,有木有!!!!!  不過開心的事是有1TB移動硬碟了,本本記憶體也4G了>.<欣然回家開啟電腦,右鍵我的電腦看屬性,然後就囧住了:  這才想起來自己的系統是32位的,除非換成64位才能享受4G的快感,但是由於電腦裡軟體過多,程式猿都懂的,重裝系統對我們來說傷不起啊,資料庫要備份,項目要備份,軟體要備份,神馬都要備份,這

教你如何在部落格裡加入分享功能——分享外掛程式(HRshare)

  下面我要用到的外掛程式是我自己寫的,關於外掛程式地址是:jquery.HooRay——自己做的一個jquery常用工具外掛程式。關於分享外掛程式的製作流程我也寫了篇文章,有興趣的可以看下:自己寫的一個分享按鈕的外掛程式(可擴充,內附開發製作流程)  閑話不多說,進入正題吧,大家可以看下文章最後是不是有一排分享的按鈕,那個就是最終的效果了,當然不止那一種效果,一共有以下幾種效果,分別是:  完整的代碼就是這樣<link rel="stylesheet" href="http://saw.

EonerCMS——做一個仿案頭系統的CMS(十四)

  這次的功能不用我介紹,是的,就是要做那個win7下視窗超級預覽的功能。為了方便,我就做個demo來示範,就不用圖裡的例子來做講解了。  首先,我們必須知道transform,它是CSS3中的新增屬性,這次我們要用到的就是:transform:scale()。這裡要提一點注意,scale()是不影響layout的,也就是scale()僅僅是視覺上效果不一樣,實際的樣式都是不變的,而且scale()的縮放是以中心縮放的,這就會造成一個浮動元素縮放後top、right、bottom、left在視覺

細數新版WebQQ幾大不錯的前端設計和一些小問題

  WebQQ於昨晚更新,並且把名字都改了,現改名叫Q+

【轉載】通過JS破解圖片防盜鏈限制

  首先看下效果,以下兩張圖分別使用直接盜鏈和破解盜鏈,可以右鍵查看圖片URL,是同一張圖片。直接盜鏈破解盜鏈  實現代碼:function showImg( url ) { var frameid = 'frameimg' + Math.random(); window.img = '<img id="img" src=\''+url+'?'+Math.random()+'\' /><script>window.onload =

在WAMP環境下搭建ZendDebugger調試工具

  一直以來,寫php都是用Dreamweaver,有時候真是痛苦啊,出現一個bug,想看一些元素的值,必須用echo輸出來才知道,現在瞭解到一個斷點調試利器,php終於也能像java、.NET那樣斷點調試,這就是——ZendDebugger  東西不是新貨,所以介紹就不做介紹了,下面主要是配置流程。  首先,下載ZendDebugger,下載連結:http://downloads.zend.com/pdt/server-debugger/,因為我是win系統,所以就找.zip結尾的就行了,我下

jquery實現讓導航超出顯示範圍外時自動貼在螢幕最頂上

  經常會遇到這樣的情況,當頁面展示內容過長時,想點導航切換欄目,就得把捲軸拉回到頂上,這樣操作總不太人性化,能不能讓導航超出顯示範圍外時自動貼在螢幕最頂上呢?答案肯定是能的。如果不太明白,把捲軸拉到下面點,看下我部落格是效果就明白了。  其實實現起來並不難,我們先把實現流程大致想一下,首先,如果導航在顯示範圍內,就不用做修改。當導航超出顯示範圍,也就是導航距離螢幕頂部的距離小於0的時候,我們要讓它浮動在螢幕頂上,然後大於0的時候,進行一個複原操作,原理就是這麼簡單,大致看下吧$().ready

EonerCMS——做一個仿案頭系統的CMS(九-附最新源碼)

  首先說明,上面圖片和文章無關,只是我隨便弄的一張配圖,因為我剛才在想4個DIV能不能擺成那種造型,當然最終是以失敗告終。  恢複正題,這次更新變動不大,增加了一個效果和一個方法,也發現了一個bug,但還沒有解決。  一、表徵圖視窗移動動畫  這個不用介紹太多,自己試下就知道了,示範地址:http://saw.caifutang.com/eonercms  當我們改變瀏覽器大小的時候,表徵圖以及開啟的視窗會以動畫的效果移動。  二、重新整理案頭  這個功能是考慮到以後做CMS裡欄目模組使用權限

EonerCMS——做一個仿案頭系統的CMS(七)

智能修改視窗的位置  在測試的時候,我發現調整瀏覽器尺寸後,原先靠近瀏覽器邊緣的視窗就直接被隱藏掉了,如:  出現這問題的原因也很簡單,因為視窗的top、left的值是寫死的,當瀏覽器的寬高小於視窗top、left時,必然會被隱藏掉。解決辦法就是在調整瀏覽器尺寸的同時,把視窗的top、left也一起修改,但是具體要修改成多少呢?  經過自己的考慮和他人的指點,最終的解決辦法就是按比例修改,也就是按當時視窗離左/右、上/下的距離與整個視窗大小的比例進行縮放,說的可能有點迷糊,不如看下修改公式吧: 

EonerCMS——做一個仿案頭系統的CMS(十一)

  隨著jq1.7的發布,事件綁定有了統一的API:on()、off(),我的EonerCMS也做了相應的更新,因為改動部分不很多,所以就一筆帶過了。  因為仿os介面架構已經做的差不多了,要準備開始做實際性的功能了,比如CMS必須有的分類管理,新聞管理等,所以要準備製作這幾個欄目需要的頁面。為了使用者體驗的友好,我打算是列表頁和編輯頁是在同一個頁面裡,用滑動切換的模式操作,如:查看demo  我現在只做了這一個demo頁面,效果自認為還不錯,但在IE6下一看,相容性就一塌糊塗了,所以現在正在考

你還在用jquery.lazyload這個坑爹的圖片分屏載入外掛程式嗎?

  百度搜尋“圖片分屏載入”,映入眼帘的就是jquery.lazyload,相信很多人用過,或許現在還在用,今天我就來說說這個外掛程式的嚴重BUG。  何為圖片分屏載入?顧名思義,就是讓圖片出現在瀏覽器可視地區內時,才進行載入。好處就是當頁面片過多時候,不需要一次性載入完,大大提高了友好性,也減輕的伺服器的壓力。  關於jquery.lazyload的demo,大家可以看一下:demo  我們發現,第一屏內的圖片,是正常載入了,當滾動到第二張的時候,過了幾秒,也漸顯出來了,似乎沒什麼大問題。這時

EonerCMS——做一個仿案頭系統的CMS(三)

  轉眼似乎半個多月過去了,最近忙了點其他的事,所以這個CMS做的進度也慢了,不過昨天和今天稍微加了點班,把最大的一塊製作OK了,也就是下面我要說的——視窗  先看下視窗大致構成圖吧:  視窗很簡單,頂部的標題區、中間的展示地區和底部的功能區域。首先,視窗肯定是通過表徵圖點擊後才產生的,也就是視窗不是事先載入並隱藏好,是點擊某個表徵圖後再通過jquery寫入到頁面裡來,那我們要做的就是給表徵圖綁定一個建立視窗的事件,我們看下代碼://建立表單Core.create = function(obj)

完美解決IE6不支援position:fixed的bug

  廢話不多說,先看一下下面這段代碼:<!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

用jQuery類比頁面載入進度條

  因為我們無法通過任何方法擷取整個頁面的大小和當前載入了多少,所以想製作一個載入進度條的唯一辦法就是類比。那要怎麼類比呢?  我們知道,頁面是從上往下執行的,也就是說我們可以大致估算出在頁面的某個位置載入了多少,而後用jq類比出一個進度條來顯示。  首先我們先畫一個進度條的樣子,也就是圖中的樣子,這個不用過多說明,自己看代碼  CSS.loading{position:relative;top:0;left:0}.tip1{float:left;background:#A70000;color

EonerCMS——做一個仿案頭系統的CMS(十-附最新源碼)

  廢話不多說,繼上次遺留的問題——記憶體流失。  趁周末,查了好多資料,也問了好多JS高手,大致是這麼個情況。因為我每開啟一個視窗,就綁定了一個永久性的dom元素,而dom元素的回收是靠計數器,計數器是會累加的,如果沒有清零,即便刪掉了節點,其實還是駐留在記憶體中。  既然大致明白了原理,處理起來就相對比較簡單了,就一句話,首先先看下原先的關閉視窗的代碼//關閉$('.task-window li[window="'+obj.attr('window')+'"]').remove();obj.

你是如何保護使用者的密碼的?

  只要有會員系統的網站就會涉及到密碼,如果處理不好就會造成前陣子那種事。下面我就說說我在開發時是如何處理密碼這塊功能的。  首先,密碼必須加密,但簡單的MD5加密已經沒有太大意義,為了防止字典破解,我會給密碼加鹽後在MD5,我一般是用使用者自己的密碼當鹽。  這一步操作後基本上就不怕資料庫暴露了,接下來要做的就是前端的了。我們知道,HTTP傳輸協議是明文的,也就是可能使用者密碼還沒有到後端,在傳輸途中就可能泄露了,那要怎麼解決呢?  其實我們完全可以把加密這一步驟放到前端來,密碼加密好後再進行

Web Developer——瑞士軍刀一樣的FF外掛程式

  如果你知道或者已經在用這個外掛程式了,可以拉到文章結尾處點“推薦”按鈕,然後再按Ctrl+W了,哈哈。  本文開始  我的FF一直只裝了firebug和一個滑鼠手勢外掛程式,一是懶得去APP中心淘,二是覺得firebug用著還湊合。  但今天偶爾機會認識了Web

藉助Google Translate API實現網站多國語言翻譯功能

  功能很簡單,之前在做項目時用到的,現在分享出來。先看下效果吧:  中文 | 英文電鋸驚魂2、3、4導演達倫斯·鮑斯曼的新片《母親節》已經出下載了,此片翻拍1980年的恐怖片經典《Mother's Day》,由《推動搖籃的手》演技派女星蕾貝嘉·狄摩妮攜手《3D血腥情人節》潔米金、《舞力全開》布莉安娜·艾維根、《噬血真愛》黛博拉安華爾及《X戰警》尚恩·艾希摩(Shawn

總頁數: 61357 1 .... 7059 7060 7061 7062 7063 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.