原创 web前端面試題

歡迎轉載,但請註明出處:http://blog.csdn.net/sysuzjz/article/details/44562467 以下各問題來自於本人在各公司應聘時被提問的問題,特地整理出來,有錯誤或不同意見的歡迎評論指出。因各大公司面

原创 angular開發 控制器之間的通信

利用作用域的繼承方式 由於作用域的繼承是基於js的原型繼承方式,所以這裏分爲兩種情況,當作用域上面的值爲基本類型的時候,修改父作用域上面的值會 影響到子作用域,反之,修改子作用域只會影響子作用域的值,不會影響父作用域上面的值;如果需要

原创 ajax,SEO,誰言魚和熊掌不可兼得

隨着用戶體驗的深入人心,越來越多的系統採取了單頁面結構(SPA),不可不說,單頁面系統體驗好,耗費流量少,無需全局刷新。不過對搜索引擎卻不能抓取到太多信息,對SEO不是很友好,舉例來說 搜索引擎只能獲取  www.demo.com/in

原创 Chrome渲染Transition時頁面閃動Bug

前段時間,有同事和會員反饋使用Chrome訪問淘寶首頁會出現畫面閃動的現象,但是我在Mac和Win下面的Chrome都無法重現這個問題,後來重裝了一遍Win7下的Chrome Beta版本,終於重現了這個問題,正好研究解決下… 問題

原创 淺談前端安全

隨着前端技術的發展,安全問題已經從服務器悄然來到了每一個用戶的的面前,盜取用戶數據,製造惡意的可以自我複製的蠕蟲代碼,讓病毒在用戶間傳播,使服務器當掉.更有甚者可能會在用戶不知覺得情況下,讓用戶成爲攻擊者,這絕對不是駭人聽聞。富客戶端的

原创 移動端真機調試終極利器-BrowserSync

之前有分享過一篇《如何在移動設備上調試網頁》,感謝 xyyjk 留言推薦BrowserSync這個工具,自己也花了點時間研究了一下,還是很好上手的。比起之前介紹的方法更加方便(之前的方法已經過時)。BrowserSync可以實時同步更新

原创 JavaScript函數參數,傳值還是傳址?

  首先,十萬以及萬分肯定的說一句, JavaScript 函數傳遞參數時,是值傳遞。雖然您可能不信,因爲 ECMAScript 變量可能包含兩種不同數據類型的值:基本數據類型,和引用數據類型。難道引用數據類型傳遞的時候難道也是值傳

原创 jquery中的ready函數與window.onload誰先執行

關於$(document).ready(): jquery中的$(document).ready(),那$(document).ready()到底是什麼作用呢?是不是可以用window.onload = function(){ ...

原创 angular筆記 directive scope 調用父scope帶參數方法

在使用angular directive的時候,爲了不污染環境,我們爲給directive自己一個scope,如果這個scope需要使用父類中scope的對象,會使用 = & @三種標示,在開發項目中,我遇到需要調用父類帶參數方法的情況,

原创 怎麼去掉select邊框和小三角,appearance用法

今天寫微信網站的靜態頁面,想去掉select自帶的小三角和邊框,用以往的辦法不行了,微信內置的是qq瀏覽. 以往的辦法:設置select的邊框爲0px,背景設成透明(background: transparent;),這時候你會看到邊

原创 RequireJS和AMD規範

RequireJS和AMD規範 來自《JavaScript 標準參考教程(alpha)》,by 阮一峯 目錄 概述 define方法:定義模塊 require方法:調用模塊 AMD模式小結 配置requir

原创 仿拉勾網圖片文字切換效果

原始效果自行見拉勾網。 demo以及代碼在這

原创 騰訊校園招聘 漣漪動畫的實現

前言: 今天逛騰訊招聘校招頁面的時候,發現頁面上的4個按鈕在hover狀態的時候,有漣漪波動效果,作爲一名正在不斷學習的前端來說,模仿是必須的,因此,花了點時間完成了他的頁面。 思路: 他的原圖 思路1:通過設置border-radi

原创 使用gulp自動優化requireJS項目

引言 前端javascript文件越來越多了,依賴加載,文件合併的問題也就隨之出現。好在有基於AMD規範的requirejs和國產基於CMD規範的seajs可以管理依賴。但是,使用這樣的js來管理js模塊的依賴,就會導致頁面js文件

原创 通過CSS3,實現元素覆蓋效果

在很多網站中,我們都可以看到這樣的效果,當用戶鼠標進入某一個元素後,下方就會有遮罩層上浮動畫,如圖: 今天我們就用hover僞類加上css3實現,沒有使用任何JS <!DOCTYPE html> <html> <head lang="z