JavaScript

之前看到有人分析12306背景邏輯。。火車票的預定和退訂不同於普通的購物。一個難題就是火車票可以分站來賣。比如，一張北京到上海的火車票，沿途可以有很多站，可以北京-濟南，濟南-南京...等等。如何設計資料模型來存取這些票是一個問題。而不是簡單的數量+-1.其中看到一條思路挺好：用二進位字串來表示一張火車票，比如，北京到上海共10站，那麼一張全程票初始狀態表示為：'1111111111'；賣出一張全程票，則該票變為'0000000000';賣出一張半程票，比如北京-濟南三站(第一站-第三站)，則票

《Backbone.js的集合詳解(上)》 Backbone.js的集合只是一個簡單的有序集的模型。通過適應模型和集合，我們可以避免資料處理邏輯放到了我們的視圖層。此外，模型和集合還提供了便利的與後端一起工作的方法，當資料發生變化時，可以自動化地標記Backbone.js視圖。這樣，它可以用於如下的情況：Model: Animal, Collection: Zoo通常情況下你的集合只適應一種模型，但模型本身並不局限於集合的類型。Model: person, Collection:

JavaSript模組化在瞭解AMD，CMD規範前，還是需要先來簡單地瞭解下什麼是模組化，模組化開發？模組化是指在解決某一個複雜問題或者一系列的雜糅問題時，依照一種分類的思維把問題進行系統性的分解以之處理。模組化是一種處理複雜系統分解為代碼結構更合理，可維護性更高的可管理的模組的方式。可以想象一個巨大的系統代碼，被整合最佳化分割成邏輯性很強的模組時，對於軟體是一種何等意義的存在。對於軟體行業來說：解耦軟體系統的複雜性，使得不管多麼大的系統，也可以將管理，開發，維護變得“有理可循”。還有一些對於模

 　　Js限制文字位元組本來比較容易實現，唯一值得注意的就是中文字元的判斷，因為中文和英文所佔的位元組不一樣，英文只佔1個位元組，而中文則需要2個，以下JavaScript函數是平時做項目時寫的，經過了多次修正，應該比較準確了，後面會告訴你使用方法。先來主函數代碼：　　checkbyte.js代碼：　　下面是例子，使用前請引入checkbyte.js　　value: 值　　byteLength：資料庫位元組長度　　title：欄位中文名稱　　attribute：屬性名稱　　使用說明：　

一個普通的javascrip函數，只有一個入口參數 複製代碼 代碼如下: function test(info) <img none';="" document.getelementbyid('_20_37_open_text').style.display="none" ;="" document.getelementbyid('_20_37_closed_image').style.display="inline"

　　複選框（Checkbox）在各個瀏覽器中的效果不一致，因此很多 Web 開發人員會自己重新設計一套介面和使用體驗都更佳的複選框功能。下面就給大家分享9款超炫的複選框（Checkbox）效果，純 CSS3 實現，未使用任何圖片。　　溫馨提示： 　　為了實現圓角和複選框的立體感效果，這裡運用了 CSS3 的圓角（border-radius）、盒陰影（box-shadow）、漸層（linear-gradient）以及 CSS3 動畫技術。下面是效果一的 CSS

jQuery(':not(selector)') 在jQuery的早期版本中,:not()篩選器只支援簡單的選取器,說明我們傳入到:not這個filter中的selector可以任意複雜,比如:not(div a) and :not(div,a) 複製代碼 代碼如下: <p >"a">sdfsdfs</p> <p >"b">sdfsdfs</p> <p >"c">sdfsdfs</p> $("p:not(.

trigger 和triggerHandler都是類比事件發生的 用具體的案例來描述一下區別 複製代碼 代碼如下: <html lang="en"> <head> <meta charset="utf-8"> <title>test</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head>

雖然jquery流行已經很多年了，一直都感覺很難，也沒有花時間去學習它，只是偶爾哪天心血來潮了去看一點點，時隔多日又會忘得一乾二淨。最近用到表格奇偶行不同色，不得不去再看jquery，雖然感覺還是難，但已經不像以前一樣無從下手了。做完後不得不來感歎一下jquery真是太牛了，不用自己再寫一大堆javascript函數去實現了，簡單幾句輕鬆搞定。 先定義好表格的奇偶行樣式，如下代碼： 複製代碼 代碼如下: body { font-size:12px; } th { color: #FFFFFF;

大家都清楚json 類似於字典的樣子吧，這裡就不再贅述了，XSS直接上代碼：json = new JSONObject();json.put("code", 200);json.put("info", "{'replace':function(){alert(/xss/);}}");json.put("msg", "success");System.out.println(json);// 輸出：{"code":200,"info":{"replace":function(){

 今天又遇到一個網頁資料抓取的任務，給大家分享下。說道網頁資訊抓取，相信Jsoup基本是首選的工具，完全的類JQuery操作，讓人感覺很舒服。但是，今天我們就要說一說Jsoup的不足。1、首先我們建立一個頁面 --><script type=text/javascript>var datas = [ {href : http://news.qq.com/a/20140416/017800.htm,title : 高校一保安長相酷似作家莫言}, {href :

最近在論壇看到一篇文章關於prototype斷鏈的，原文如下var sound = {echo: function() { alert("sound"); } };function Person() {this.name="name_";};Person.prototype = sound;//----早點綁上去----var fo1o = new Person(); var xxxxxx=Person.prototype;//----遲了綁上去----？？xxxxxx.yyyy="yyyy_"

 平時最常使用的就是這種同步載入形式：    <script src="http://yourdomain.com/script.js"></script>    同步模式，又稱阻塞模式，會阻止瀏覽器的後續處理，停止了後續的解析，因此停止了後續的檔案載入（像）、渲染、代碼執行。 js 之所以要同步執行，是因為 js 中可能有輸出 document

今天複習下面五個標籤：<!--...--> 1、<!--...-->這個標籤大家都知道幹嘛用的吧，沒錯，就是注釋，但是它還有一個作用 <script type="text/javascript"> <!-- alert("Hello World!" </script>View Code這樣可以讓瀏覽器隱藏不支援的代碼，並且不會顯示在頁面 2、<!DOCTYPE> 文檔聲明好吧，我承認我現在只用<!

隨著瀏覽器不斷的升級改進，CSS和JavaScript之間的界限越來越模糊。本來它們是負責著完全不同的功能，但最終，它們都屬於網頁前端技術，它們需要相互密切的合作。我們的網頁中都有.js檔案和.css檔案，但這並不意味著CSS和js是獨立不能互動的。下面要講的這五種JavaScript和CSS共同合作的方法你也許未必知道！用JavaScript擷取虛擬元素(pseudo-element)屬性大家都知道如何通過一個元素的style屬性擷取它的CSS樣式值，但能擷取虛擬元素(pseudo-eleme

後台代碼Handler.ashx 複製代碼 代碼如下: <%@ WebHandler Language="C#" Class="Handler" %> using System; using System.Web; public class Handler : IHttpHandler { public void ProcessRequest (HttpContext context) { string fileName = "web.config";//用戶端儲存的檔案名稱

js調用後台，後台調用前台等方法總結 1. javaScript函數中執行C#代碼中的函數： 方法一：1、首先建立一個按鈕，在後台將調用或處理的內容寫入Button1_Click中; 複製代碼 代碼如下: protected void Button1_Click(object sender, EventArgs e) { this.TextBox1.Text = "voodooer"; } 2、在前台可以這樣調用： 複製代碼 代碼如下: <input type="button"

這個問題弄了半小時沒想明白,後來覺得是這樣的. 菜單 複製代碼 代碼如下: <li class="menu"><a href="xxx.com" target="_blank"></a></li> 點擊<li>時,觸發裡面的超串連: 複製代碼 代碼如下: // 正確選擇 $("li.menu").children("a")[0].click() // 以下是不行的

 活動字幕是網頁中經常使用的組件之一，它能使整個網頁更有動感，顯得很有生氣。現在的網站中也越來越多地使用活動字幕來加強網頁的互動性。用JavaScript編程可以實現各種活動字幕效果，所需的代碼很少，確實能夠以較少的下載時間換來較好的效果。該標記文法格式如下：　　<marquee　　aligh=left/center/right/top/bottom　　bgcolor=#n　　font=n　　direction=left/right/up/down　　behavior=type　

今天看到一個javascript的題目，按常理迴圈綁定事件，但是得到的結果卻不是想要的。 複製代碼 代碼如下: <a href="#">text</a> <br> <a href="#">link</a> <script> var as = document.getElementsByTagName('a'); for ( var i = as.length; i--; ) { as[i].onclick =