原创 原生 js 實現全屏滾動效果

原理: 1. 計算當前瀏覽器屏幕高度,每次翻頁顯示的內容高度即爲屏幕高度              2. 對鼠標滾輪事件進行監聽,注意滾輪事件的瀏覽器兼容問題。 廢話不多說,直接上代碼 html代碼: <span style="font-

原创 JavaScript高級程序設計讀書筆記——String總結

 1.  string類型的創建 var str = new String(s); var str = "abcdefg"; 2. 判斷是否爲String類型          instanceOf                

原创 原生javascript 簡易實現放大鏡效果

原理: 其實所謂的放大就是準備兩張一樣的圖片,除大小不一樣。鼠標移動到不同位置,將會顯示大圖片對應的圖片內容。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

原创 JavaScript高級程序設計讀書筆記—— 基本數據類型

一、javaScript數據類型 5種基本數據類型 1. undefined 2. null 3. boolean 4. Number 5. String 以及一種複雜數據類型  object undefined 類型只有一個值,即u

原创 javascript 以及 jquery DOM節點操作

DOM節點 父節點: parentNode, 子節點:childNodes 首個子節點:firstChild 末尾子節點:lastChild 兄弟子節點:nextSlibling、previousSlibling 原生Javascrip

原创 js中cookie的使用詳細分析

cookie概述 在上一節,曾經利用一個不變的框架來存儲購物欄數據,而商品顯示頁面是不斷變化的,儘管這樣能達到一個模擬 全局變量的功能,但並不嚴謹。例如在導航框架頁面內右擊,單擊快捷菜單中的【刷新】命令,則所有的JavaScript變量

原创 javascript高級程序設計讀書筆記——Array總結

 1. 數組的創建           var array = new Array();           var array = new Array(5);創建長度爲5的數組。(但上限並非是5.如果元素個數超過5,數組長度也會改變)

原创 jquery實現圖片輪播效果

html 部分 <div id="lunbo"> <ul id="pics"> <li style="display: inline;"><img src="http://pic.qiantucdn.com/58pic/14/6

原创 背景圖片如何自適應屏幕

  自己比較頭疼的問題,網上搜了好多資料,大概整理了一下 1. 直接設置CSS樣式達到目的 .bg{ background-image: url(../images/1.jpg);//此爲圖片地址 background-size:

原创 html5 + jq 實現圖片上傳預覽,兼容主流瀏覽器

<span style="font-family:Microsoft YaHei;font-size:12px;"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

原创 前端開發實習日記 -2

  這周開始在導師的帶領下嘗試些功能點。 因爲以前沒有真切接觸過nodejs開發,儘管看了一些教程,但水平遠遠不夠。只是讓我寫一個小接口,也用了整整一天時間。但是主要是功能點雖然不麻煩,但是涉及到的插件及庫都沒有接觸過,所以必須不斷百度,

原创 css實現左右佈局,左側div固定不變,右側div寬度自適應

1.如果不考慮瀏覽器的兼容問題的話,可以使用css3的新增屬性 calc()  ;calc是calculate的簡寫,漢語爲計算的意思。 .left{ width: 200px; float: left; height: 20

原创 寫給自己的文章~前端開發實習總結

7.11號,我正式開始實習啦。 實習第一天,配置環境整整一天,因爲大家都忙,來的時候也沒有帶書什麼的,我也就只能眼巴巴地瞅着電腦屏幕發呆。 第二天,在導師的要求下,上午看了ejs模板引擎的使用,下午看git基本操作的文檔。一天下來頭暈眼花

原创 第三章 列表

列表的抽象數據類型定義 屬性/方法 描述 listSize(屬性) 列表的元素個數 pos(屬性 列表的當前位置 length(屬性) 返回列表中元素的個數 clear(方法) 清空列表中的所有元素 toStr

原创 第四章 棧

棧的主要方法和屬性 方法/屬性 描述 length 棧內元素個數 pop 彈出棧頂元素 push 添加元素 peek 預覽棧頂元素 clear 清除所有元素 1. 棧的實現 function Stack()