大家應該都知道用text-overflow:ellipsis 屬性來實現單行文字的溢位顯示省略號(…)。當然部分瀏覽器還需要加寬度width 屬性。 overflow: hidden;

常常看到一種酷炫的效果，滑鼠hover一片區域後，區域顯示出虛線邊框，並且還有線條動畫，那麼這種效果具體是怎麼實現的呢，本文提供了幾種思路僅供參考。 基本HTML <div class="

做響應式系統設計的時候遇到需要對標題進行多行文字擷取的效果，如下圖： 看似十分簡單的標題截斷效果，但是竟然沒有一個統一 CSS 屬性實現標準，需要用到一些奇淫妙計來實現，一般來說，在做這

1.釋出訂閱處理複雜邏輯 支援先訂閱後釋出，以及先發布後訂閱 方法原始碼 var Event = (function() { var clientList = {}, p

濫用jQuery選擇器 濫用Angular事件指令（1.x） 在ng-repeat指令中使用事件指令會導致繫結很多次事件，效率低下；應該使用事件代理的方

css3的3d起步 要玩轉css3的3d，就必須瞭解幾個詞彙，便是透視( perspective )、旋轉( rotate )和移動( translate )。 透視 即是以現實的視角來看螢幕上的2D

多行文字溢位省略號---ie8不支援 overflow: hidden; text-overflow: ellipsis; display: -webkit-box

動畫實現的幾種方式：效能排序 js< requestAnimationFrame <css3< Canvas js實現方式： 1.setTimeout 自身呼

meta篇 1.視窗寬度 <meta name="viewport" content="width=device-width,initial-scale=1.0,minim

1.iterable iterator區別 要了解兩者區別，先要了解一下迭代器協議： 迭代器協議是指：物件需要提供 next ()方法，它返回迭代中的元素，在沒有更多元素後，丟擲S

在頁面顯示中我們經常會需要進行省略，比如簡介裡面的省略，比如固定div中字數超過限制之後的省略。我們可以用css輕鬆做到。 單行文字的省略 單行文字省略比較簡單。關鍵程式碼如下： <style

本文將從最簡單的例子開始，從零講解在 JavaScript 中如何實現繼承。 小例子 現在有個需求，需要實現 Cat 繼承 Animal ，建構函式如下： <pre style="-w

1.說說前端中的事件流？ 事件流描述的是從頁面接收事件的順序，DOM2 級事件流包括下面幾個階段。 事件捕獲階段 處理事件階段 事件冒泡階段 （

這個問題是老生常談了, 但是之前一直沒有找到一種很好的處理方式, 這次主要就是說明一下我見過的幾種處理方式. 問題 我需要在如圖的 input 中完成自動填充, 但是又不希望出現C

整理自： STICK YOUR LANDINGS! POSITION: STICKY LANDS IN WEBKIT 中文原文： position