最近這幾天任務完成了,也沒什麼重要的事情,抽空學習了一下WebServices的知識,感覺還是挺有意思,難度也不是很大。首先,用VS2008建立一個asp.net網站其次,項目 右鍵—>添加新項—>Web 服務 如下圖:就會產生WebService.cs和WebService.asmx兩個檔案在WebService.cs中添加代碼:複製代碼 代碼如下:using System;using System.Collections.Generic;using
經常發現在寫JavaScript的時候,都需要用到網頁、瀏覽器或螢幕的高度和寬度來解決布局定位的問題,時常前用後忘,要不就是在網上search,乾脆自己總結一下,這樣也方便再次使用,省時省力。網頁可見地區寬:document.body.clientWidth 網頁可見地區高:document.body.clientHeight 網頁可見地區寬:document.body.offsetWidth (包括邊線的寬) 網頁可見地區高:document.body.offsetHeight
抽象原廠模式說明1. Factory 方法模式的問題: 在Factory 方法模式裡,建立類都需要通過 工廠類,如果要擴充程式,就必須修改工廠類,這違背了閉包原則,對擴充開放,對修改關閉;對於設計有一定的問題。 2. 如何解決:就要用到抽象原廠模式,就是對功能類單獨建立工廠類,這樣就不必修改之前的代碼,又擴充了功能。 3. 原廠模式其實就是對 實現同一介面的 實作類別 的 統一 工廠方式建立調用,但 javascript 沒有介面這號東西,所以就去掉這一層
本人做前端開發一年多了,對前端的見解還是多多少少有一點的,今天特拿出來跟大家分享分享。做前端開發少不了各種利器。比如我習慣用的還是Google瀏覽器和重型武器Fiddller。一: 原始情況首先大家看看如下的代碼:複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JsLoad.Default" %><!DOCTYPE html
很多人用過 style.color、style.display 等直接設定元素的樣式屬性,但是 style.cssText 用過的人就不多了。cssText 本質是什嗎?cssText 的本質就是設定 HTML 元素的 style 屬性值。cssText 怎麼用?複製代碼 代碼如下:document.getElementById("d1").style.cssText = "color:red; font-size:13px;";看了這個樣本後,相信不說,也知道 style.cssText
Javascript在互連網上名聲很臭,但你又很難再找到一個像它這樣如此動態、如此被廣泛使用、如此根植於我們的生活中的另外一種語言。它的低學習門檻讓很多人都稱它為學前指令碼語言,它另外一個讓人嘲笑的東西是動態語言的概念是偏偏使用了高標準的待用資料類型。其實,你和Javascript都站錯了立場,而現在,你讓Javascript很生氣。這裡有五個原因能說明你的Javascript技術很爛。1.
通常我們的網站裡面會載入一些js代碼,統計啊,google廣告啊,百度同盟啊,阿里媽媽廣告代碼啊,一堆,最後弄得頁面載入速度很慢,很慢。解決辦法:換一個js包含的方式,讓javascript載入速度倍增。把通常載入方式: <script src="xxxx.js"></script>改變成:複製代碼 代碼如下:<script type="text/javascript">document.write("<scr"+"ipt src=\"xxx.js\"&
上次研究觀察者模式,很多文章說它也叫Subscribe/Publish(發布/訂閱模式)。可在《Javascript設計模式》一書中,這兩種模式還是有些區別的。書中原話如下:1.Observer模式要求希望接收到主題通知者的觀察者必須訂閱內容改變的事件。2.Subscribe/Publish模式使用了一個主題/事件通道,這個通道介於訂閱者和發行者之間。該事件系統允許代碼定義應用程式的特定事件,該事件可以傳遞自訂參數,自訂參數包含訂閱者所需要的值。其目的是避免訂閱者和發行者產生依賴關係。與Obse
加速運動,即一個物體運動時速度越來越快;減速運動,即一個物體運動時速度越來越慢。現在用Javascript來類比這兩個效果,原理就是用setInterval或setTimeout動態改變一個元素與另外一個元素的距離,如xxx.style.left或xxx.style.marginLeft,然後每次運動後都使速度增加,這樣加速運動的效果就出現了,減速運動是同樣的道理。下面是兩個樣本:加速運動複製代碼 代碼如下:<!DOCTYPE
前不久有個網友問我在前端使用requireJs和seajs的問題,我當時問他你們公司以前有沒有自己編寫的javascript庫,或者javascript架構,他的回答是什麼都沒有,他只是聽說像requirejs和seajs是新東西新技術,很有價值所以想用它。 這位網友的問題引起了我對javascript模組載入技術的思考,上篇文章我給出了自己寫的一個javascript庫的基本結構,其實寫這篇文章的一個起因就是因為我想使用requirejs或者seajs這樣的技術來重新設計我寫javascri
代碼超級簡單,這裡就不多廢話了,小夥伴們自己看注釋吧,奉上代碼:複製代碼 代碼如下:<script>//微信分享var wimg = "分享圖片網址123";var wurl = "分享網址123";var wdesc = '分享內容123';var wtit = '分享標題123';var wappid = ''; function shareMsg() {//<span style="font-family: Arial, Helvetica,
從今天這章開始,我將會著重介紹KitJs的事件管理的內容,盡量用淺顯的語言給大家揭露主流的js架構是如何在內部實現自己獨立的事件管理功能的。(一)普通的Dom事件 我們一般可以通過支援在HTML寫上事件<a
Kit作為一個UI庫,我並沒有打算讓大家都來學習我的Kit的Core,背熟我的API,這種跟風的學習方式一點意義都沒有,今天jQuery熱,大家都是學jQ,明天SeaJs火了,大家都去炒SeaJs,所以我在KitJs裡面,專門為jQ的使用者準備了一個文法糖(Suger.js),完全類比jQ的API,除了實現,介面都一樣,也方便大家直接拿來主義的改造Kit的組件。當然,作為一個純技術Fan來說,深入理解一門技術是如何?的,遠比拿來主義更有趣的多^_^。當然了,如果你出於KPI考慮,或者老闆的老闆的
1、使用js檔案管理代碼所有代碼盡量放在js檔案中,然後再html檔案中使用script引入,引入時注意放在body標籤後面,並且不使用type或者language。2、書寫縮排使用4個空白欄框縮排,注意不要使用tab鍵進行縮排。3、斷句注意行長,每行不超過80個字元,超過時要進行適當斷句,斷句應該再操作符後面進行,最理想的是在逗號(,)後面進行斷句,斷句後下一行使用8格縮排。4、註解一般使用單行注釋,塊注釋一般用於文檔。5、變數聲明所有變數使用之前先聲明,未聲明的變數會自動作為全域變數。全文應
眾所周知,JavaScript是一門非常流行的程式設計語言,開發人員用它不僅可以開發出炫麗的Web程式,還可以用它來開發一些行動裝置
看到網上一篇介紹webstrom的文章,覺得功能確實強大,也知道為什麼阿里巴巴的前端傳到github上的檔案為啥都有一個 .idea 檔案,(傳說淘寶內部推薦寫js用webstrom)我們可以理解 IDE 就是整合了很多你想要的功能,或者你不想要的功能。換句話說就是裝了很多外掛程式的 editor ,所以到目前為止,我還覺得沒必要給它裝什麼外掛程式。那麼接下來開始介紹webstrom的特色功能:WebStorm 是 JetBrains 推出的一款商業的 JavaScript
整理一下js物件導向中的封裝和繼承。1.封裝 js中封裝有很多種實現方式,這裡列出常用的幾種。1.1 原始模式產生對象 直接將我們的成員寫入對象中,用函數返回。 缺點:很難看出是一個模式出來的執行個體。代碼:複製代碼 代碼如下: function Stu(name, score) {
PS:這個坦克大戰是在網上下的一段源碼之後,自己進行的重寫。本身沒有太難的東西,這個案例將js物件導向用的比較好,可以作為js物件導向的入門教程。1. 建立基本對象,實現坦克簡單的移動1.1 如何在地圖中繪製畫布? 考慮到瀏覽器安全色的問題,我們用操作dom的方式來實現遊戲對象的繪製和重新整理。我們如何儲存我們的地圖呢? 我們應該把地圖用一個二維數組來儲存,
現在的JavaScript事實上已然成為了流行的web語言,即使它並不完美。很多程式員不喜歡用JavaScript寫代碼,是因為寫到後來總會出現各種莫名其妙的bug,而且在開發大型應用程式的過程中很容易犯錯。而且鑒於當今此類工具的現狀,要想在瀏覽器上做JavaScript調試也不是那麼方便。 下面這幾個基於案頭和WEB的JavaScript調試工具,能讓你更高效地調試JavaScript代碼,這樣就可以:更有效地處理動態類型使應用程式更符合編碼通訊協定 Firebug Firebug已經出
本文執行個體講述了javascript擷取flash版本號碼的方法。分享給大家供大家參考。具體分析如下:下面我們來介紹兩個js函數判斷使用者是否安裝了flash,如果安裝了flash再來擷取 flash版本號碼並且給出提示。例1擷取各瀏覽器的版本號碼,如需擷取具體版本號碼數字複製代碼 代碼如下:function flashChecker() { var hasFlash = 0; //是否安裝了flash var