原创 初遇Express(小demo)

Express_demo 此網站實現了簡單登陸功能 我的目錄: 這個項目比較簡單,我講一講一些重要功能的實現和我一些覺得需要注意的點吧【可愛臉】 1.關於Jade的回車格式問題。 我在編寫Jade的時候報了這樣的錯:

原创 清除浮動的三種方法(::after/.clear/overflow)

一、::after僞元素大法 <ul> <li></li> <li></li> <li></li> </ul> li{ float:left; ] ul::after{ //清除浮動 content:""; clear:b

原创 absolute與margin實現完全垂直佈局(IE8+)

原理 我們常常使用margin:0 auto;來實現塊水平居中佈局,這是因爲默認情況下塊級元素會佔滿一整行,若其設置了寬,之前佔滿一行的特性被覆蓋掉了,從而產生了空白空間,而margin的auto值就是用來自動分配這些空間(兩邊a

原创 使用來更快速的請求接口

話說前幾天的任務吧,是一個整個頁面數據都需要請求接口來渲染的配置頁面(標題/圖標什麼的也都是後臺提供),我本想用AJAx來請求的,但是導師review的時候表示這樣頁面加載會比較慢,讓我嘗試用<script> 來請求那些不會頻繁的

原创 關於對“===”和“==”的思考

前提:偶然逛知乎看見關於對“===”和“==”比較的提問,覺得蠻有意思的,讓我這種小白明白這麼叫圖樣圖森破。所以來寫篇博客紀念下; 知乎原帖: Javascript 中 == 和 === 區別是什麼? JavaScript 中

原创 兼容IE的完全居中佈局

代碼詳見: https://github.com/screamingColor/save/blob/master/test/center.html IE8下的效果: 本文采用絕對定位和flexbox兩種方式: 第一種絕對定位

原创 Echarts.js遇見的問題(tooltip)

當我將鼠標移到bar上時,tooltip就像上圖一樣滿框。 解決: 因爲要渲染圖表,所以我們要給div容器設寬高,可是我之前將樣式寫在了css裏(內部/外部都一樣)。然後就出現了這樣的錯誤。 我的碎碎念 :當時想着tool

原创 HTTP/2 新特性淺析

HTTP/2 源自 SPDY/2 原文: http://io.upyun.com/2015/05/13/http2/ SPDY 系列協議由谷歌開發,於 2009 年公開。它的設計目標是降低 50% 的頁面加載時間。當下很多著名

原创 中臺 (Middle Office)

中臺的興起: (爲什麼不說誕生呢? 因爲銀行領域很早就分前臺 中臺 後臺) 2015阿里巴巴中臺戰略誕生 2008 年,隨着阿里巴巴戰略的調整,天貓出現了。相比淘寶,有其自身的特點,所以當時天貓和淘寶就出現了重複建設的問題,造成了

原创 對CSS中的relative,absolute,fixed的探討

一、relative對absolute的限制作用 1.限制left/top/right/bottom的定位。 2.限制z-index層級。 限制後relative的層級高低決定了absolute的層級高低。 3.限制超越o

原创 transition/animation與visibility/display

首先來看transition的測試結果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>

原创 Jade模板引擎基本語法

《原文地址》 在 Express 中調用 jade 模板引擎 jade 變量調用 if 判斷 循環 Case 選擇 在模板中調用其他語言 可重用的 jade 塊 (Mixins) 模板包含 (Includes) 模板引用 (Ex

原创 node.js開發之多人博客

項目github地址 網站搭建:Express4.13.1+mongoDB 模板引擎採用jade 功能分塊: 登陸 註冊 權限控制 上傳頭像 發表文章 編輯文章 刪除文章 個人主頁/文章頁實現 多用戶間評論 訪問量功能 標題/作

原创 css3—實現3D特效

rotate實例 translate實例 正方體實例 實現3d效果,我們理所應當的在三維的座標下實現。 1.perspective屬性:透視, 沒有透視 哪裏來的3dm呢.當爲元素定義 perspective 屬性時,其子

原创 深入理解BFC和Margin Collapse

原文出處:http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html BFC的理解與應用 首先我們來看看w3c規範對BFC的解釋,其實對於這種概念的