原创 css3邊框背景border-image

邊框背景——border-image 邊框背景主要是用來給元素邊框添加背景圖像,本質是用一張圖片來修飾邊框背景,看下圖效果:     -------------------------->> 用左邊圖片來完成右邊的效果; 先看一

原创 jq基礎筆記

  同學心目中的jQuery:     簡單易用,功能強大,對移動端來說,體積稍大。 1.1  回顧前面學到的js我們遇到的一些痛點 1.    window.onload 事件有個事件覆蓋的問題,我們只能寫一個(如果頁面有兩個windo

原创 前端面試三

1.  jQuery的選擇器  基本選擇器、層次選擇器、過濾選擇器和表單選擇器 基本:id選擇器、class選擇器、標籤選擇器、複合選擇器和“*”選擇器 層次:$("div p") 選取<div>裏所有的<p>元素      $

原创 常見的前端面試題

1、怎麼清除浮動 父級div定義height使用空標籤清除浮動clear:both;(增加無意義的標籤)父級div定義僞類:after和zoom(:after{display:block;clear:both;content:“ ”;v

原创 CSS選擇器

CSS選擇器,主要是用來確定html的樹形結構中的DOM元素節點。主要分爲三部分: 一、基本選擇器 選擇器 類型 功能描述 * 通配選擇器 選擇文檔中所有的html元素 E 元素選擇器 選擇指定的

原创 Css Hack(ie6-9,firefox,chrome,opera,safari)

爲了適應不同瀏覽器不同的版本(版本主要就ie來說),ie這朵奇葩現在我們要兼容6-9,它的10也快出來了。。。在ie下我們可以寫條件註釋來區分ie和其他瀏覽器,以及ie的版本,這些請大家自行google。這篇文章主要討論的是css ha

原创 Ajax基礎

Ajax基礎 1、什麼是服務器 網頁瀏覽過程分析如何配置自己的服務器程序(wamp)(已配置,lamp   WampServer軟件 ) 2、什麼是Ajax (AJAX 是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術

原创 Ajax應用

Ajax應用 一、瀑布流的ajax應用(樂乎網站有瀑布流的案例) 1、製作原理 列等寬型瀑布流:花瓣網畫圖說明 2、準備的文件 數據文件接口ajax函數(已經封裝好)    3、函數的編寫 佈局: <body> <ul i

原创 拖拽中怎麼修復bug

簡易拖拽  1.拖拽 ==   鼠標按下    接着移動鼠標。    bar.onmousedown =function(){            document.onmousemove = function(){     

原创 jQuery事件綁定機制完整版

1.1  jQuery事件 1.1.1   綁定 click/mouseenter/blur/keyup // 綁定事件 bind:$node.bind(“click”,function(){}); // 觸發一次 one : $node

原创 數組的定義

數組對象的作用是:使用單獨的變量名來存儲一系列的值。 定義數組 我們用關鍵詞new創建一個數組名字爲Array對象: var Array=new Array(); 1、var myCars=new Array()

原创 如何去掉點擊a鏈接時周圍的虛線框

                                  如何去掉點擊鏈接時周圍的虛線框outline屬性 1. CSS方式  在IE下是使用html屬性:hideFoucs,在HTML標籤中加上hidefocus=”

原创 前端面試題二

1.介紹js的基本數據類型Undefined、Null、Boolean、Number、String2.js有哪些內置對象?數據封裝類對象:Object、Array、Boolean、Number和 String其他對象:Function、

原创 js圖片無縫滾動

無縫滾動的原理:假設輪播區域有7張圖片進行輪播,當第一張圖片向左移動後,輪播區域尾部必然會有空缺的區域;爲了不讓不能播區域有空缺,我們可以在佈局的7張圖片後面再加上7張同樣的照片,當第一張圖片向左移動後,第八張圖片就會補位到輪播區域的第

原创 ajax函數的編寫

封裝好的ajax js文件代碼如下:ajax.js function ajax(url, fnSucc, fnFaild){ //1.創建Ajax對象 if(window.XMLHttpRequest) { var oAjax=ne