原创 css使元素居中的九種辦法

一、使用text-align: center;居中 對於行內元素或具有inline-block屬性的元素居中,比如span、img等可以使用text-align: center;來實現。 /*css*/ div{ border:1

原创 JavaScript Scoping and Hoisting

今天談一談JS作用域相關的東西。因爲文章是一篇譯文,所以針對標題沒有做翻譯。可以簡單的理解成JS作用域提升或者JS變量提升。好了,下面開始翻譯。。。 下面的代碼執行完後會輸出什麼? var foo = 1; function bar(

原创 唯快不破:提升Web 應用的 13 個優化

時過境遷,Web 應用比以往任何時候都更具交互性。搞定性能可以幫助你極大地改善終端用戶的體驗。閱讀以下的技巧並學以致用,看看哪些可以用來改善延遲,渲染時間以及整體性能吧! 更快的 Web 應用 優化 Web 應用是一項費勁的工作。Web

原创 JS 解決跨域彙總

什麼是跨域? 在瞭解跨域之前,首先要知道什麼是同源策略(same-origin policy)。簡單來講同源策略就是瀏覽器爲了保證用戶信息的安全,防止惡意的網站竊取數據,禁止不同域之間的JS進行交互。對於瀏覽器而言只要域名、協議、端口其中

原创 前端必須掌握30個CSS3選擇器

也許你已經學會了CSS的三個簡單常用的選擇器:#ID,.class,標籤選擇器,可是這些就足夠了嗎?隨着CSS3的到來,作爲前端開發者需要掌握下面三十個基本的選擇器,這樣纔可以在平時開發中得心用手。 本文中將綜合前端開發中常用的30個CS

原创 css3佈局利器flexbox

本文由大漠根據Chris Mills的《Flexbox — fast track to layout nirvana?》所譯,整個譯文帶有我們自己的理解與思想,如果譯得不好或不對之處還請同行朋友指點。如需轉載此譯文,需註明英文出處:htt

原创 js中的事件委託

知識點溫故而知新 什麼是事件委託:通俗的講,事件就是onclick,onmouseover,onmouseout,等就是事件,委託呢,就是讓別人來做,這個事件本來是加在某些元素上的,然而你卻加到別人身上來做,完成這個事件。 也就是:利用

原创 使用canvas繪製幾何圖形

幾何圖形分兩種,一種是由線段構成的,一種是由弧線構成的,下面將利用canvas繪製一個矩形和圓形。 canvas canvas是HTML5引入的一個定義圖形的標籤,相當於一個容器,所以圖形的繪製還必須用腳本來完成。 繪製矩形 html <

原创 JS 函數的幾個作用

一、作爲一個類構造器使用 function Class(){} Class.prototype={}; var item=new Class(); 二、作爲閉包使用 (function(){ //獨立作用域 })(); 三、作爲