原创 有趣的 CSS 題目(1): 左邊豎條的實現方法

題目1、下面這個圖形,只使用一個標籤,可以有多少種實現方式: 假設我們的單標籤是一個 div: <div></div> 定義如下通用CSS: div{     position:relative;

原创 彙總jQuery的61種選擇器及示例

The Write Less , Do More ! jQuery選擇器 1. #id : 根據給定的ID匹配一個元素 <p id="myId">這是第一個p標籤</p> <p id="not">這是第二個p標籤</p> <scri

原创 如何識別牛逼的前端工程師

如何定義牛逼工程師 有軟件工程方面的研究說,對於開發者個體而言,最優秀的開發者的生產效率約爲平均值的2倍,而優秀的開發者會吸引其它優秀的人,或者激勵與幫助團隊中的其它成員,最終使團隊之間的生產效率差異達到10倍之多。 所謂牛逼的工程

原创 前端跨域知識總結

前言 相信每一個前端er對於跨域這兩個字都不會陌生,在實際項目中應用也是比較多的。但跨域方法的多種多樣實在讓人目不暇接。老規矩,碰到這種情況,就只能自己總結一篇博客,作爲記錄。 正文 1. 什麼是跨域? 跨域一詞從字面意

原创 JavaScript在瀏覽器上的調試技巧

在網站開發中,我們難免會遇到各種bug,這時,我們就需要去調試我們的JavaScript腳本找出問題,然後去修改代碼。那我們如何去調試呢? 最簡單的就是alert()方法,不過,alert 彈出窗口會中斷程序, 而且如果要

原创 有趣的 CSS 題目(8):純CSS的導航欄Tab切換方案

純CSS的導航欄Tab切換方案 不用 Javascript,使用純 CSS 方案,實現類似下圖的導航欄切換: CSS 的強大之處有的時候超乎我們的想象,Tab 切換,常規而言確實需要用到一定的腳本才能實現。下面看看如

原创 手把手教你玩轉 CSS3 3D 技術

css3的3d起步 要玩轉css3的3d,就必須瞭解幾個詞彙,便是透視(perspective)、旋轉(rotate)和移動(translate)。透視即是以現實的視角來看屏幕上的2D事物,從而展現3D的效果。旋轉則不再是2D平面上的

原创 41個Web開發者必須收藏的JavaScript實用技巧

1. 將徹底屏蔽鼠標右鍵 oncontextmenu=”window.event.returnValue=false” < table border oncontextmenu=return(false)>< td>no< /tab

原创 優秀的前端開發工程師簡歷是怎麼樣的?

簡歷不僅僅是履歷,它的重要作用是展示能力!!! 在阿里常年招聘,篩過各式各樣的簡歷,每到招聘季,篩簡歷、面試過程非常耗精力,當然,原因之一是我想招非常優秀的人,寧可多花些時間,另一方面,除了那些不合格的簡歷之外,還有好多簡歷語焉不詳,

原创 [前端框架] Bootstrap 3 與 Foundation 5 的五大區別

開發工程師, 使用 Bootstrap. 前端開發人員, 使用 Foundation. 我們來談談爲什麼. Bootstrap 與 Foundation 有許多關鍵的區別, 但是, 我想你只需要記住一件事: ZURB 和 Twitt

原创 如何成爲一個偉大的前端工程師

這讓我不由得陷入思考中。我不得不承認看到這個問題的時候我很驚訝,因爲我從未真正覺得自己是一個“偉大”的前端工程師。事實上,在這個行業開頭幾年時間裏,對於我的每一份工作,我甚至可以說我都是不合格的。我申請了這些職位——我沒有意識到自己懂得其