JavaScript

這兩天在做地圖這塊，一點點js代碼，各種坑。第一次接觸js，各種難，下面就這幾天的研究做一些總結，求坑 在事件監聽器中使用閉包 在執行事件監聽器時，通常可取的做法是將私人資料和持久性資料附加到對象中。JavaScript 不支援“私人”執行個體資料，但是支援允許內建函式訪問外部變數的閉包。在事件監聽器中，閉包非常適用於訪問通常不附加到發生事件的對象的變數。 以下樣本在事件監聽器中使用了函數閉包將加密訊息分配給一組標記。點擊每個標記將會看到加密訊息的一部分，該訊息並不包含在標記本身內。 複製代碼

最近在項目中，有很多地方都用到了線性漸層，比如：表單提交按鈕的背景，資料展示的標題背景等等，按照以前的做法是切 1px 圖片然後 repeat-x。下面我將介紹如何用 css 來完成該效果。css3：linear-gradient比如：黑色漸層到白色，代碼如下：.gradient{ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear,

說起“漸層色”，你會想起什嗎？ 當我開始搜尋尋找這個名詞的時候，才發現它實際上是有兩種理解或者說是兩種形式的：動態漸層和靜態漸層。 所謂動態漸層，舉個簡單的例子：他來了，她的臉漸漸紅了...漸漸的，漸漸改變的，是不斷在改變的；而靜態漸層，也就更簡單了：天上一到彩虹，赤橙黃綠青藍紫啊...在當前展示的成品中，顏色從一部分到另一部分的顏色是不一樣的，可能幅度比較小，是逐漸改變的，但有一點是至關重要的，它已經存在了，形成了變化的現狀且無法再改變。

1、先講講JQuery的概念，JQuery首先是由一個 America 的叫什麼 John Resig的人建立的，後來又很多的JS高手也加入了這個團隊。其實 JQuery是一個JavaScript的類庫，這個類庫集合了很多功能方法，利用類庫你可以用簡單的一些代碼實現一些複雜的JS效果。 2、JQuery實現了代碼的分離，不用再網頁中加入如：onclick之類的事件來調用函數了，直接引入JQuery類庫和自己編寫的JQuery代碼就可以了； 如： 複製代碼 代碼如下: $(function(){

一、基本文法： window.open(pageURL,name,parameters) 其中： pageURL 為子視窗路徑 name 為子視窗名字 parameters 為視窗參數(各參數用逗號分隔) 二、樣本 複製代碼 代碼如下: <script type="text/javascript"> window.open('page.html','newwindow','height=500,width=800,top=0,left=0,

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

在昨天的《Javascript權威指南》學習筆記之十：ECMAScript 5 增強物件模型一文中，對於一段代碼的調試出現了一個奇怪現象，現將原始碼貼在下面： 複製代碼 代碼如下: <script type="text/javascript"> function Person(){} var per = new Person; Object.defineProperties(per, { "nickName": { value:"Tom", writable:true },

1.樣式如下設定： <style type="text/css"> .mask { position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777; z-index: 1002; left: 0px; opacity:0.5; -moz-opacity:0.5;

function deleteAll() {var all = document.getElementsByName("checkname");//獲得你選中的內容是一個數組if (all == null || all.length == 1) {alert("暫無訂單");return;} else {var idStr = "";//定義一個自己要刪除的id的字串for ( var i = 0; i if (all[i].checked) {idStr +=

關於JavaScript繼承，方式很多，包括compile-to-javascript的語言TypeScript, CoffeeScript以及網站MDN, GitHub,

首先先看一下基本定義：　　複合選取器就是兩個或多個基本選取器，通過不同方式串連而成的選取器，主要包括“交集”選取器、“並集”選取器、“後代”選取器。 　　交集選取器　　“交集”複合選取器是由兩個選取器直接連接構成，其結果是選中二者各自元素範圍的交集。其中第一個必須是標記選取器，第二個必須是類別選取器或者ID選取器。這兩個選取器之間不能有空格，必須連續書寫。　　注意其中第一個必須是標記選取器，

最近在做的一個網站發生了一個很詭異的BUG： 接下來排查錯誤：一開始以為是CSS樣式中的:before語句對頁面元素有了影響，但是:before僅對body元素進行了設定，僅僅只是增加了一個元素，不會造成如此多的元素的間隔距離都拉開了的效果；且在刪除:before語句後瀏覽，問題依然存在。因此排除了這個可能性。然後開始仔細的檢查（過程很痛苦），發現這些出問題的地方都有一個共同點：因為網站是採用靜態化實現，使用了伺服器端的靜態包含，而每個多餘的行都出現在每個包含檔案（<!--#in

　　在顯示複雜的表格式資料的時候，相信 Web 開發人員都碰到過顯示不下的情況。RWD Table Patterns 是一個很好的響應式表格解決方案。它採用移動優先以及漸進增強設計理念，在不支援響應式的瀏覽器會使用捲軸代替。您可能感興趣的相關文章創意無限！一組網頁側邊欄過渡動畫【附源碼下載】真是好東西！13種非常動感的頁面載入動畫效果你見過嗎？9款超炫的複選框（Checkbox）效果超贊！基於 Bootstrap 的響應式的後台系統管理範本太贊了！超炫的頁面切換動畫效果【附源碼下載】 

　Node的優勢我就不再亂吹捧了，它讓javascript統一web的前後台成為了可能。但是對於新手來說，server端的JS代碼可能不像client端的代碼那麼好調試，直觀。client端JS代碼的調試基本上經曆了一個從“肉眼--alert()--firebug(或者其它的developer

      最近在做項目中發現很多CSS代碼裡面都使用!important去覆蓋原有高優先順序的樣式。按照常理來說，越是靈活的東西，需要做的工作就會更多。所以想當然的認為像!important這樣靈活、方便的規則如果用得多的話肯定會對效能有所影響。基於這種考慮，本來想把所有的這些樣式通過提高優先順序給去掉的。不過後來一想，還是去google一下吧，猜想一般都是不可靠的。於是查到了這篇文章Is !important bad for

在 JS Array 中支援兩個方法，shift() 和 pop()，分別是指從一個資料中的最前面和最後面刪除一個值，並返刪除值。看一個樣本就明白了：複製代碼 代碼如下:var arr = ['s','o','f','i','s','h'];arr.shift(); // 返回 's'arr; // 目前是 ['o','f','i','s','h']arr.pop() // 返回 'h'arr // 目前是 ['o','f','i','s']在很多 JS

在用 Express 的時候，路由是我最困惑的事之一。知道用 app.get('*') 可以處理所有頁面，但這樣除了自訂的其他路由外，靜態檔案是被忽略的。最近在寫一個小工具的時候，找到了一個解決方案：複製代碼 代碼如下:var express = require('express'),    router = require('./routes');    var app = module.exports =

根據id取url，並下載 複製代碼 代碼如下: <a class="url" apkids="${apk[0]}" href="javascript:void(0);">view</a> $(function(){ $(".url").click(function(){ var apkID=$(this).attr("apkids"); jQuery.ajax({ type:"post", url:"<c:url

項目中需要將後台瀏覽器的視窗全屏，也就是我們點擊一個按鈕要實現按F11全屏的效果。 在HTML5中,W3C制定了關於全屏的API，就可以實現全螢幕的效果，也可以讓頁面中的圖片，視頻等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支援 全屏 複製代碼 代碼如下: var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) {

使用 conditional comment 來判斷 IE 的版本。嗯，是早早有人提出，但沒有認真看代碼。昨天剛好在看 CSS3 PIE 的時候看到，覺得是不是不靠譜。今天看到 Paul Irish 也提起，那麼，推薦一下吧。這是作者部落格上寫的：複製代碼 代碼如下:// ----------------------------------------------------------// A short snippet for detecting versions of IE in