最近一段時間因為工作強度比較大，而我也正是那種往往在高強度和壓力狀態下才會冒出ideal的屌絲，因此最近在頁面建構方面的收穫也頗豐，現在作為筆記記下來。
以前最害怕的就是拼雪碧圖了，特別是有hover狀態的，因為乙個畫素的差別都會導致，當滑鼠hover上去的時候會發生跳動。恰好這次頁面上有巨多的hover狀態，看見就鬱悶了。也許真的是時間太緊了，如果按照以前的那種拼圖的方法，在一天之內根本是完不成的任務的，窮則思變，自己想了一套拼雪碧圖的方法，使用了一下還比較靠譜，現在就將它記下來。
a)在雪碧圖之前，我們需要乙個適合大小的畫布（canvas），在ps下面的命令是ctrl+n,畫布的大小最好是10的整數倍，至於原因後面會用上
b)建立好畫布後，下面的就是規劃畫布，因為在使用background-position時頗有差之毫釐失之千里的感覺，所以畫布一定要好好規劃，在規劃畫布的時候還要聯絡頁面元素的大小，如果頁面最小的
圖示都是20px * 20px的，那麼此時你的畫布每個單位的大小就不應該小於20px * 20px. 在這一步中需要用到ｐｓ中的乙個grid的東西，快捷鍵是ctrl + '(enter 鍵左邊的那個鍵)，當彈出grid的時候
這樣第乙個圖和第二個圖當hover狀態就不會出現偏差了。
總結：使用上述方法的好處就是在用background-position定位的時候比較容易，並且都是整數值。還有乙個需要注意都是在拼完後一定要儲存好psd，因為這些圖很有可能在後面的工程中會發生變化，為了
不造成重拼和的浪費，直接調整原圖是比較靠譜的。
下面是乙個demo的位址 在這個demo中可以看見下面的文字並沒有按照我們預想的那樣進行居中，但是有乙個怪異的現象的是，當你f12，通過控制台工具選中這個a元素的時候，這個時候文字就會發生奇異的現象，它竟然居中了，這一點是我始終沒有想通的乙個問題。但是普通使用者來看文字沒有居中，這就是乙個問題。從出現的現象來看應該是text-align屬性出了問題。
在css2的規範中看見了有兩處講到了關於text-align這個屬性：
通過三者的綜合以及根據對a裡面，方位值的計算，我們不難得到為何當span的display：absolute時文字沒有居中。
a)因為a的text-align為center，所以a裡面的inline-block是從中部開始定位的，根據中的如果'left','width','right'都為auto,的話，根據direction首先確定span的left值，這裡的left值真好是50px,然後是根據規則span的寬度值是根據shrink演算法得到。這樣也就解釋了為什麼span是右邊界對齊a的中間部分。
b)修正：其實關於這個問題有很多的實現方式，最簡單的就是將span的position改為releative,這樣關於span的left,width等值的計算將會按照這個來計算，這樣span的left,right計算後的值就為0.然後span是a裡面的inlline-level 的box,這時span的開始位置就是a的中間位置。
最近一些想法
1.it系統的建設中，當前的方 似乎仍舊沒有足夠重視對目標的認識 這造成的結果，以盲人摸象來形容，實際上是太輕了。今天上街看給小孩玩的電動小象形狀會唱歌但不會動的那種汽車，小孩的媽媽說，咱們去騎小象吧，這給了我乙個認識 我們建模的時候甚至在更早的步驟中進行分析和抽象的時候，往往就是這麼做的。即便不是...
最近的一些想法
2013年，上半年已過完，細數上半年的經過和發生的一系列事情，包括工作 租房 週未 跟同事聚會等等事情，雖然平淡但也算過得去，可是還是不如意。最近產生了一些想法，因為周圍發生的事情太多了，偶爾也回憶起以前公司 家裡發生的事情，總是想，如果三年前，我要是能更努力些，就不至於現在無能為力了。目標，現在看...
關於頁面跳轉的一些想法
1.首先是利用target屬性進行跳轉頁面，blank 在新視窗開啟，self 預設，在相同框架開啟，parent在父框架開啟，top在整個視窗開啟，最後是framename在指定框架內開啟 簡單示範一下target framename 的使用 herf中要輸入完全的鏈結 2.ajax跳轉頁面 3....