JavaScript

標籤：ECMA-262定義的對象是：無序屬性的集合，其屬性可以包含基本值、對象或者函數說白了就是把一組特定的變數和方法封裝起來那麼我們先建立一個對象var person=new Object();person.name="Sakura";person.age=22;person.job="前端開發";person.sayName=function(){ console.log(this.name);

淺談JavaScript

JavaScript來實現開啟連結頁面的簡單一實例，javascript連結在頁面中的連結除了常規的方式以外，如果使用javascript，還有很多種方式，下面是一些使用javascript，開啟連結的幾種方式：1.使用window的open方法開啟連結，這裡可是在制定頁面中開啟連結，也可以定製開啟頁面的尺寸等等。<a href=”javascript:window.open(‘http://www.bkjia.com','_self') “> open a link

jQuery頁面載入初始化的3種方法(推薦)，jquery3種jQuery 頁面載入初始化的方法有3種 ，頁面在載入的時候都會執行指令碼，應該沒什麼區別，主要看習慣吧，本人覺得第二種方法最好，比較簡潔。第一種：$(document).ready(function(){ alert("第一種方法。"); }); 第二種： $(function(){ alert("第二種方法。"); });  第三種：jQuery(function($) { alert("

Jquery中map函數的用法，jquerymap函數很久沒用map()這個函數了，由於最近看一篇react的文章，其中有談到map()這個函數，於是就重新查了一些資料，發現map()函數可以用在不同的地方，下面小編總結具有內容分享給大家，也方便今後尋找。其實，本人一直很少用map（）這個函數，因為最近看一篇React的文章，其實有談及map（）函數，於是自己也重新查了一些資料，發現map（）函數也可以用在不同的地方：map()函數把每個元素通過函數傳遞到當前匹配集合中，產生包含傳回值的新的Jq

JavaScript和jquery擷取父級元素、子級元素、兄弟元素的方法，javascriptjquery最近工作中總遇到取各種父啊子啊兄弟姐妹啊，每次都得查，這次整理個全乎的~先給大家上乾貨：【js的擷取方式】<div id = "dom">          <div></div>        &

CSS結構偽類E:first-child/last-child/only-child/empty，E:first-child解釋：E的父元素的第一個子項目正好是E，給這個E定義樣式E:last-child解釋：E的父元素的最後一個子項目正好是E，給這個E定義樣式E:only-child解釋：E的父元素只有一個子項目，這個正好是E，給這個E定義樣式E:empty解釋：E元素沒有子項目和常值內容，給這個E定義樣式  例子：只要E元素是它的父級的第一個子項目，就選中。它需要同時滿足

CSS樣式之背景、文本，css樣式文本一、背景    1、背景顏色用background-color屬性，例如:body{background-color:red}    2、用映像做背景用background-image屬性，例如body{background-image:ul1(23.jpg)    3、背景由圖片重複平鋪用backgroud-repeat屬性，repeat-x或repeat-y分別表示水平或垂直平鋪， 

前端最佳化-伺服器端-減少Http次數，伺服器端次數     在頁面中除了內容圖片以外的圖片都是修飾圖，去掉無意義修飾圖或者用css替換秀試圖效果是減少HTTP請求次數的有效方式。      一:css替換圖片     圓角 陰影 漸層 等css效果在當前主瀏覽器中已得到廣泛的支援，而在之前是通過圖片來實現這些效果的，比如圓角按鈕        

bootstrap源碼分析之scrollspy（滾動偵聽），bootstrapscrollspy源碼檔案： Scrollspy.js 實現功能 1、當捲動區域內設定的hashkey距離頂點到有效位置時，就關聯設定其導航上的指定項2、導航必須是 .nav > li > a 結構，並且a上href或data-target要綁定hashkey3、菜單上必須有.nav樣式4、捲動區域的data-target與導航父級Id（一定是父級）要一致 <div id="selector"

CSS3製作漂亮的照片牆，css3照片牆CSS3可以做動畫大家肯定都是耳熟能詳的了，但是大家有木有巧妙的利用這一個功能來製作一款漂亮的照片牆呢？那麼今天我們就利用CSS3動畫這一特性來一起製作漂亮的照片牆吧！<div class="content"> <img class="pic1" src="img/1.jpg" /> <img class="pic2" src="img/2.jpg" /> <img class="pic3"

網站設計之合理架構CSS，架構css架構CSS　　在當前瀏覽器普遍支援的前提下，css被我們賦予了前所未有的使命。然而依賴css越多，樣式表檔案就會變得越大越複雜。與此同時，檔案維護和組織的考驗也隨之而來。　　(曾幾何時)只要一個css檔案就夠了——所有規則(rule)匯聚一堂，增刪改都很方便——可這種日子早已遠去。(現在)建立新網站時，必須花點時間好好籌劃怎麼組織和架構css。檔案的組織　　構建css系統的第一步是大綱的擬定。(我認為)css組織

css3很美的蟠桃動畫，css3美的蟠桃動畫查看效果：http://hovertree.com/texiao/css3/26/源碼下載：http://hovertree.com/h/bjaf/ndhxgfkn.htm如下：代碼如下：<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><meta name="Copyright" content="Tencent" /&

學會九種web網站建設語言及工具視頻教程，九種網站建設課程目標：從零基礎開始，學會HTML，HTML5，CSS，CSS3，JavaScript，jQuery，jQueryUI，Bootstrap，Wordpress，php, MySQL等建站知識，令您從零到專業，130堂課時，超值網站開發課程！適合人群：無需經驗和基礎的初學者 詳見：九種web網站建設語言及工具http://www.kokojia.com/course-3583.html課程介紹：從零基礎開始，學會九種建網語言及工具，

【CSS進階】虛擬元素的妙用--單標籤之美，css最近在研讀 《CSS SECRET》（CSS揭秘）這本大作，對 CSS 有了更深層次的理解，折騰了下面這個項目：CSS3奇思妙想 -- Demo （請用 Chrome 瀏覽器開啟，非常值得一看）。採用單標籤完成各種圖案，許多圖案與本文有關。也希望覺得不錯的同學順手在我的 Github 點個 star ： CSS3奇思妙想 。 本文從這裡開始，本文主要講述一下 虛擬元素 before 和 after

第 31 章

總結jQuery外掛程式開發中的一些要點，總結jquery外掛程式要點基礎1、jQuery外掛程式開發主要使用如下兩個方法：1.1、添加靜態方法jQuery.extend(object);為擴充jQuery本身，為類添加新的方法，可以理解文添加靜態方法。$.extend({ 　　addMethod : function(a, b){return a + b;} // $.addMethod(1, 2); //return

jQuery外掛程式製作的執行個體教程，jquery外掛程式執行個體教程一、jQuery外掛程式的類型1. jQuery方法很大一部分的jQuery外掛程式都是這種類型，由於此類外掛程式是將對象方法封裝起來，在jQuery選取器擷取jQuery對象過程中進行操作，從而發揮jQuery強大的選取器優勢。2.

如何利用Promises編寫更優雅的JavaScript代碼，promisesjavascript你可能已經無意中聽說過 Promises，很多人都在討論它，使用它，但你不知道為什麼它們如此特別。難道你不能使用回調嗎？有什麼了特別的？在本文中，我們一起來看看 Promises 是什麼以及如何使用它們寫出更優雅的 JavaScript 代碼。Promises 易於閱讀比如說我們想從 HipsterJesus 的API中抓取一些資料並將這些資料添加到我們的頁面中。這些 API 的響應資料形式如下：{

jQuery點擊輸入框顯示驗證碼圖片，jquery驗證碼先看：要求：當輸入框獲得焦點時，自動顯示驗證圖片。代碼如下（學習而已，僅供參考）：/***********************下是驗證碼對象*****************/var Validation = {};Validation.init = function(eleName,imageSrc){ this.image = imageSrc; $('#'+eleName).focusin(function(){