案例：阿里百秀移動(dòng)端首頁 技術(shù)選型 方案：我們采取響應(yīng)式頁面開發(fā)方案 技術(shù)：bootstrap框架 設(shè)計(jì)圖：本設(shè)計(jì)圖采用1280px設(shè)計(jì)尺寸 頁面布局分析 屏幕縮放發(fā)現(xiàn) 中屏...
IP屬地：陜西
-
四十三、項(xiàng)目實(shí)戰(zhàn)—阿里百秀 -
四十二、移動(dòng)端web開發(fā)之響應(yīng)式布局一、移動(dòng)端web開發(fā) 1.1、響應(yīng)式開發(fā)原理 就是使用媒體查詢針對(duì)不同寬度的設(shè)備進(jìn)行布局和樣式的設(shè)置，從而適配不同設(shè)備的目的。設(shè)備的劃分情況： 小于768的為超小屏幕（手機(jī)）...
-
一、為什么工作干得越好，越不給升職加薪呢？
為什么工作干得越好，越不給升職加薪呢？我有個(gè)侄子，昨天他找到我，他現(xiàn)在是部門的主管。他跟我說，手上的項(xiàng)目要么是自己研發(fā)帶頭做起來的，要么是老板直接派發(fā)的。最近一年，手上項(xiàng)目很...
-
四十一、CSS3的新特性（下）一、CSS3的新特性 1.1、CSS3盒子模型 css3中可以通過來指定盒子模型，有2個(gè)值：即可指定為、，這樣我們計(jì)算盒子大小的方式就發(fā)生了改變?？梢苑譃閮煞N情況： box-...
-
四十、CSS3的新特性（中）一、CSS3的新特性 1.1、偽元素選擇器（重點(diǎn)） 偽元素選擇器可以幫助我們利用CSS創(chuàng)建新標(biāo)簽元素，而不需要HTML標(biāo)簽，從而簡(jiǎn)化HTML結(jié)構(gòu)。 選擇符簡(jiǎn)介::before...
-
三十九、CSS3的新特性（上）一、CSS3的新特性 1.1、CSS的現(xiàn)狀 新增的CSS3特性有兼容性問題，ie9+才支持。 移動(dòng)端支持優(yōu)于PC端。 不斷改進(jìn)中。 應(yīng)用相對(duì)廣泛 現(xiàn)階段主要學(xué)習(xí)：和以及CSS...
-
三十八、HTML5的新特性一、HTML5的新特性 的新增特性主要是針對(duì)于以前的不足，增加了一些、和等。這些新特性都有兼容性問題，基本是IE9+以上版本的瀏覽器才支持，如果不考慮兼容性問題，可以大量使用...
-
-
三十六、常見布局技巧一、常見布局技巧 1.1、margin負(fù)值運(yùn)用 1.讓每個(gè)盒子margin往左側(cè)移動(dòng) -1px 正好壓住相鄰盒子邊框。2.鼠標(biāo)經(jīng)過某個(gè)盒子的時(shí)候，提高當(dāng)前盒子的層級(jí)即可（如果...
-
三十五、溢出的文字省略號(hào)顯示一、溢出的文字省略號(hào)顯示 1.1、單行文本溢出顯示省略號(hào)---必須滿足三個(gè)條件 1.2、多行文本溢出顯示省略號(hào) 多行文本溢出顯示省略號(hào)，有較大兼容性問題，適合webkit瀏覽...
-
三十四、vertical-align屬性應(yīng)用vertical-align CSS的屬性使用場(chǎng)景：經(jīng)常用于設(shè)置圖片或者表單（行內(nèi)塊元素）和文字垂直對(duì)齊。官方解釋：用于設(shè)置一個(gè)元素的，但是它只針對(duì)于行內(nèi)元素或者行內(nèi)塊元素有...
-
三十三、CSS三角的做法&用戶界面樣式一、CSS三角 網(wǎng)頁中常見的一些三角形，使用CSS直接畫出來就可以了，不必做成圖片或者字體圖標(biāo)。一張圖，你就知道CSS三角是怎么來的了，做法如下： 1.1、京東三角 二、CS...
-
三十二、精靈圖&字體圖標(biāo)一、精靈圖 1.1 為什么需要精靈圖 一個(gè)網(wǎng)頁中往往會(huì)應(yīng)用很多小的背景圖像作為修飾，當(dāng)網(wǎng)頁中的圖像過多時(shí)，服務(wù)器就會(huì)頻繁地接收和發(fā)送請(qǐng)求圖片，造成服務(wù)器請(qǐng)求壓力過大，這將大大...
-
三十一、綜合案例—土豆網(wǎng)鼠標(biāo)經(jīng)過顯示遮罩案例：土豆網(wǎng)鼠標(biāo)經(jīng)過顯示遮罩 練習(xí)元素的顯示與隱藏 練習(xí)元素的定位核心原理：原先半透明的黑色遮罩看不見，鼠標(biāo)經(jīng)過大盒子，就顯示出來。遮罩的盒子不占有位置，就需要用絕對(duì)定位和d...
-
三十、元素的顯示與隱藏類似網(wǎng)站廣告，當(dāng)我們點(diǎn)擊關(guān)閉就不見了，但是我們重新刷新頁面，會(huì)重新出現(xiàn)！本質(zhì)： 1. display屬性 display屬性用于設(shè)置一個(gè)元素應(yīng)如何顯示。 display：no...
-
二十九、綜合案例—淘寶焦點(diǎn)圖布局一、效果圖 二、布局解析 大盒子我們類名為：tb-promo 淘寶廣告 里面先放一張圖片。 左右兩個(gè)按鈕 用鏈接就好了。左箭頭 prev 右箭頭 next 底側(cè)小圓點(diǎn)ul繼續(xù)...
-
六、日志系統(tǒng)二、具體操作 2.1 初始狀態(tài) Spring使用commons-logging日志包。打印的日志是下面這樣的。不用細(xì)看，截圖放在這是為了和后面日志打印的情況對(duì)比。 2.2 加...
-
五、Spring整合MyBatis一、目標(biāo)與思路 1.1、 目標(biāo) adminMapper通過IOC容器裝配到當(dāng)前組件中后，就可以直接調(diào)用它的方法，享受到框架給我們提供的方便。 1.2、思路 二、操作清單 在子...
-
-
一、初始JavaScript一、初始JavaScript 1.1 JavaScript歷史 布蘭登·艾奇（Brendan Eich，1961年~）。 神奇得大哥在1995年利用10天完成得JavaScr...