原创 trick::target實現選項卡切換

:target是什麼? MDN是這樣描述的::target The :target pseudo-class represents the unique element, if any, with >an id matching

原创 JavaScript面試問題:事件委託和this

JavaScript不僅門檻低,而且是一門有趣、功能強大和非常重要的語言。各行各業的人發現自己最混亂的選擇是JavaSscript編程語言。由於有着各種各樣的背景,所以不是每個人都對JavaScript及其基本原理有廣泛的認識。

原创 HTML5: Screen Orientation API

媒體查詢允許網站根據智能手機和平板的方向來調整佈局。但有時候你希網站鎖定到一個特定的方向,橫屏或豎屏,此時,原生應用的格式是可以被指定的。APP只在預設格式下顯示—獨立於實際的設備方向。通過使用HTML5的 Screen Orie

原创 JavaScript面向對象精要(二)

構造函數和原型對象 構造函數也是函數,用new創建對象時調用的函數,與普通函數的一個區別是,其首字母應該大寫。但如果將構造函數當作普通函數調用(缺少new關鍵字),則應該注意this指向的問題。 var name = "Pomy"

原创 CSS中的變量使用詳解

CSS中的變量給了我們諸多優點:方便、代碼重用、更可靠的代碼庫和提升防錯能力。 示例 :root { --base-font-size: 16px; --link-color: #6495ed; } p { font

原创 美團面試中被問到的問題彙總

美團的面試已經結束了將近半個月了,前後的三輪面試也經過了10天左右(人在廣州,都是電話面試),結果也還是好的,順利拿到了美團的暑期實習。 本來不打算寫什麼面試總結,爲什麼?看下圖: 按照0.01%的有效率轉化,算了一下,大概也

原创 Trick:不用table,怎麼等分DIV

在SF上,有人提出一個問題:不用table,如何把Div分成3行*3列。提供了三種思路: 第一種方式 html: <div id="box"> <div> <span>1</span> <s

原创 文60個有用CSS代碼片段

1、垂直對齊 如果你用CSS,則你會有困惑:我該怎麼垂直對齊容器中的元素?現在,利用CSS3的Transform,可以很優雅的解決這個困惑: .verticalcenter{ position: relative;

原创 設計出色響應式網站的十個技巧

移動技術並沒有漸退的跡象,反而對於個人和企業去建立門戶網站,必須考慮移動用戶已經變成了趨勢。對於那些在不同設備上看起來很酷、功能十分有效的正在發展中的網站,響應式設計仍保持實踐性。作爲一個Web設計師,也會嘗試用各種各樣的網頁設計

原创 編寫更好的CSS必備的40個工具

衆所周知,CSS是非常棒的,它使網站看起來很漂亮,可以爲網站添加動畫,並讓呈現和內容分離。去了解CSS的一切是非常難做到的,它只會變得更加困難,因爲我們想讓我們的代碼跨瀏覽器兼容。 這裏介紹了很多第三方工具,從簡化工作流程到生成

原创 CSS3實現酷炫導航

上面是一個效果圖,代碼在下面: html <html> <head> <meta charset="utf-8"/> <title>CSS3 實現的導航</title> <link type="tex

原创 一些你不知道的CSS屬性

Box-sizing 儘管box-sizing在CSS3中才被引入,其有一個值是border-box,讓元素的高和寬包含了填充和邊框。 .div { width: 150px; height: 100px;

原创 trick:CSS 3+checkbox實現JQuery的6個基本動畫效果

在JQuery中,有六個基本動畫函數:show()/hide()、fadeIn()/fadeOut()、slideUp()/slideDown()。這篇文章,就利用CSS3+checkbox實現這六個基本動畫。 show()/hi

原创 PHP:40+開發工具推薦

PHP是爲Web開發設計的服務器腳本語言,但也是一種通用的編程語言。超過2.4億個索引域使用PHP,包括很多重要的網站,例如Facebook、Digg和WordPress。和其它腳本語言相比,例如Python和Ruby,Web開發

原创 Python初學者的17個技巧

交換變量 x = 6 y = 5 x, y = y, x print x >>> 5 print y >>> 6 if 語句在行內 print "Hello" if True else "World" >>> Hello