原创 【25】手把手教你響應式佈局(一)

一:佈局方式有如下幾種: 1. 固定佈局:固定佈局以PX(像素)作爲單位的,在PC端,設計稿多少PX就寫多少PX,前幾年都是這種佈局,常見的是以960px或者1000px來設計的,但是這樣設計有如下缺點: 1.1.頁面很死板,在更大的屏幕

原创 【16】jquery中prop()方法和attr()方法的區別淺析

jquery1.6中新加了一個方法prop(),一直沒用過它,官方解釋只有一句話:獲取在匹配的元素集中的第一個元素的屬性值。 大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled = "di

原创 ionic解決android返回鍵的問題

 先用@HostListener('document:ionBackButton', ['$event']) 監聽安卓返回鍵 用window.location 判斷當前頁面是否需要後退 window.history.back(); js回

原创 【43】ajax 跨域,這應該是最全的解決方案了

前言 從剛接觸前端開發起, 跨域這個詞就一直以很高的頻率在身邊重複出現,一直到現在,已經調試過N個跨域相關的問題了,16年時也整理過一篇相關文章,但是感覺還是差了點什麼,於是現在重新梳理了一下。 個人見識有限,如有差錯,請多多見諒,歡迎

原创 【28】H5 坦克大戰(酷)

讓我們直接上來就看代碼吧 下面有筆記在csdn上不支持看效果 想看效果的碼農們點擊鑫大大的小屋 <html> <head> <meta charset="utf-8"> <title></title>

原创 【24】純css實現一臺正在打字的電腦

今天給大家分享一個純css製作的一臺正在打字的電腦 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Genera

原创 【17】關於HTTP協議,一篇就夠了

HTTP簡介 HTTP協議是Hyper Text Transfer Protocol(超文本傳輸協議)的縮寫,是用於從萬維網(WWW:World Wide Web )服務器傳輸超文本到本地瀏覽器的傳送協議。 HTTP是一個基於TCP/

原创 【27】你以爲border-radius只是圓角嗎【各種角度】

border-radius,國內翻譯成圓角,你可能以爲這個屬性就是用來畫圓角,沒錯,但是除此之外,它還可以做點別的事情。radius其實指的是邊框所在圓的半徑,這個CSS3屬性不僅能夠創建圓角,還可以創建橢圓角(如下圖),把這些角

原创 【15】前端開發--面試題整理(JS篇)

1.截取字符串abcdace的ace alert('abcdace'.substring(4)); 2.規避javascript多人開發函數重名問題 命名空間 封閉空間 js模塊化mvc(數據層、表現層、控制層) seajs 變量轉換

原创 【30】純CSS製作一臺打字的電腦

這幾天由於時間緊的原因就不多說話了看效果吧 想看效果的點擊鑫大大的小屋 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta

原创 【21】總結一年來的前端學習心得

到今天,前端學習剛好滿一年。我也順利從機械狗變成一枚前端狗。對於前端學習,自己也是摸着石頭過河,中間也有過困惑和迷茫。本文主要講述自己一年來對於前端學習的心得體會,希望能對學習前端的人提供一些幫助。 前端主要分爲三部分:html

原创 【22】字體效果(陰影/浮雕)

利用CSS text-shadow 屬性支持 text-shadow 的瀏覽器有 Firefox 3.5, Chrome 2.0, Opera 9.5, Safari4.0, 其中 Safari 是老早就可以的,但直到 4.0 才支持多

原创 【26】jQuery實現的搜索列表過濾【好】

可以直接複製代碼,如果要拷貝到本地別忘了引用本地的jq ; 因爲在這個csdn上不能直接預覽 想預覽的話去(前端網)預覽 <!DOCTYPE html> <html> <head> <meta charset="UTF-

原创 【29】純css3製作的冒着氣泡的瓶子

這幾天由於時間緊的原因就不多說話了看效果吧 想看效果的點擊鑫大大的小屋 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>瓶子裏的水</tit

原创 【19】深入理解 JavaScript 中的函數

   本文旨在提供web開發人員必須瞭解的所有JavaScript函數的基本知識。 簡而言之函數只不過是一組執行某個操作的語句。函數可能會有一些輸入參數(在函數體中使用),並在執行後返回值。    JavaScript函數也具有這些特