案例：阿里百秀移動端首頁 技術(shù)選型 方案：我們采取響應(yīng)式頁面開發(fā)方案 技術(shù)：bootstrap框架 設(shè)計圖：本設(shè)計圖采用1280px設(shè)計尺寸 頁面布局分析 屏幕縮放發(fā)現(xiàn) 中屏...
IP屬地：陜西
-
四十三浩嫌、項(xiàng)目實(shí)戰(zhàn)—阿里百秀 -
四十二葬馋、移動端web開發(fā)之響應(yīng)式布局一、移動端web開發(fā) 1.1蒂教、響應(yīng)式開發(fā)原理 就是使用媒體查詢針對不同寬度的設(shè)備進(jìn)行布局和樣式的設(shè)置巍举，從而適配不同設(shè)備的目的。設(shè)備的劃分情況： 小于768的為超小屏幕（手機(jī)）...
-
一凝垛、為什么工作干得越好懊悯，越不給升職加薪呢？
為什么工作干得越好梦皮，越不給升職加薪呢炭分？我有個侄子，昨天他找到我剑肯，他現(xiàn)在是部門的主管捧毛。他跟我說，手上的項(xiàng)目要么是自己研發(fā)帶頭做起來的，要么是老板直接派發(fā)的呀忧。最近一年型将，手上項(xiàng)目很...
-
四十一、CSS3的新特性（下）一荐虐、CSS3的新特性 1.1七兜、CSS3盒子模型 css3中可以通過來指定盒子模型，有2個值：即可指定為福扬、腕铸，這樣我們計算盒子大小的方式就發(fā)生了改變☆醣可以分為兩種情況： box-...
-
四十狠裹、CSS3的新特性（中）一、CSS3的新特性 1.1汽烦、偽元素選擇器（重點(diǎn)） 偽元素選擇器可以幫助我們利用CSS創(chuàng)建新標(biāo)簽元素涛菠，而不需要HTML標(biāo)簽，從而簡化HTML結(jié)構(gòu)撇吞。 選擇符簡介::before...
-
三十九俗冻、CSS3的新特性（上）一、CSS3的新特性 1.1牍颈、CSS的現(xiàn)狀 新增的CSS3特性有兼容性問題迄薄，ie9+才支持。 移動端支持優(yōu)于PC端煮岁。 不斷改進(jìn)中讥蔽。 應(yīng)用相對廣泛 現(xiàn)階段主要學(xué)習(xí)：和以及CSS...
-
三十八、HTML5的新特性一画机、HTML5的新特性 的新增特性主要是針對于以前的不足冶伞，增加了一些、和等步氏。這些新特性都有兼容性問題响禽，基本是IE9+以上版本的瀏覽器才支持，如果不考慮兼容性問題戳护，可以大量使用...
-
-
三十六瀑焦、常見布局技巧一腌且、常見布局技巧 1.1、margin負(fù)值運(yùn)用 1.讓每個盒子margin往左側(cè)移動 -1px 正好壓住相鄰盒子邊框榛瓮。2.鼠標(biāo)經(jīng)過某個盒子的時候铺董，提高當(dāng)前盒子的層級即可（如果...
-
三十五、溢出的文字省略號顯示一、溢出的文字省略號顯示 1.1精续、單行文本溢出顯示省略號---必須滿足三個條件 1.2坝锰、多行文本溢出顯示省略號 多行文本溢出顯示省略號，有較大兼容性問題重付，適合webkit瀏覽...
-
三十四顷级、vertical-align屬性應(yīng)用vertical-align CSS的屬性使用場景：經(jīng)常用于設(shè)置圖片或者表單（行內(nèi)塊元素）和文字垂直對齊。官方解釋：用于設(shè)置一個元素的确垫，但是它只針對于行內(nèi)元素或者行內(nèi)塊元素有...
-
三十三弓颈、CSS三角的做法&用戶界面樣式一、CSS三角 網(wǎng)頁中常見的一些三角形删掀，使用CSS直接畫出來就可以了翔冀，不必做成圖片或者字體圖標(biāo)。一張圖披泪，你就知道CSS三角是怎么來的了纤子，做法如下： 1.1、京東三角 二款票、CS...
-
三十二控硼、精靈圖&字體圖標(biāo)一、精靈圖 1.1 為什么需要精靈圖 一個網(wǎng)頁中往往會應(yīng)用很多小的背景圖像作為修飾艾少，當(dāng)網(wǎng)頁中的圖像過多時象颖，服務(wù)器就會頻繁地接收和發(fā)送請求圖片，造成服務(wù)器請求壓力過大姆钉，這將大大...
-
三十一说订、綜合案例—土豆網(wǎng)鼠標(biāo)經(jīng)過顯示遮罩案例：土豆網(wǎng)鼠標(biāo)經(jīng)過顯示遮罩 練習(xí)元素的顯示與隱藏 練習(xí)元素的定位核心原理：原先半透明的黑色遮罩看不見，鼠標(biāo)經(jīng)過大盒子潮瓶，就顯示出來陶冷。遮罩的盒子不占有位置，就需要用絕對定位和d...
-
三十毯辅、元素的顯示與隱藏類似網(wǎng)站廣告埂伦，當(dāng)我們點(diǎn)擊關(guān)閉就不見了，但是我們重新刷新頁面思恐，會重新出現(xiàn)沾谜！本質(zhì)： 1. display屬性 display屬性用于設(shè)置一個元素應(yīng)如何顯示。 display：no...
-
二十九胀莹、綜合案例—淘寶焦點(diǎn)圖布局一基跑、效果圖 二、布局解析 大盒子我們類名為：tb-promo 淘寶廣告 里面先放一張圖片描焰。 左右兩個按鈕 用鏈接就好了媳否。左箭頭 prev 右箭頭 next 底側(cè)小圓點(diǎn)ul繼續(xù)...
-
六、日志系統(tǒng)二、具體操作 2.1 初始狀態(tài) Spring使用commons-logging日志包篱竭。打印的日志是下面這樣的力图。不用細(xì)看，截圖放在這是為了和后面日志打印的情況對比掺逼。 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...