- 博客(257)
- 收藏
- 关注
RSS订阅原创 文本
*{margin:0;padding:0;font-family:Arial;font-size:14px;} /**************************** 文本基本属性 ***************************/ /* CSS字体类型 */ /* font-family定义字体类型 */ /* font
2015-01-07 12:40:26
865
原创 背景
*{margin:0;padding:0;} /**************************** 背景基本属性 ***************************/ /* background-color设置背景颜色 */ /* background-image设置背景图片 */ /* background-repeat
2015-01-07 12:39:13
783
原创 盒子阴影
*{margin:0;padding:0;} /**************************** CSS3盒子阴影属性 ***************************/ /* box-shadow:none | [inset x-offset y-offset blur-radius spreed-radius color],[inset x-of
2015-01-07 12:38:02
1252
原创 边框
*{margin:0;padding:0;} /**************************** 边框基本属性 ***************************/ /* border-width设置边框粗细 */ /* border-color设置边框颜色 */ /* border-style设置边框样式,CSS3可为
2015-01-07 12:36:56
701
原创 选择器
--> /**************************** 基本选择器 ***************************/ /* 通配选择器 */ *{margin:0;padding:0;} /* 元素选择器 */ ul{background:grey;} /*
2015-01-07 12:33:49
709
原创 Spring的IoC容器
哎，确定用Spring的框架，so，只好突击下下了... IoC的基本概念Inversion of Control，控制反转，别名Dependency Injection(依赖注入)IoC就是从原来需要什么东西自己去拿，变为，需要什么东西就让别人送过来在IoC场景中，二者通过IoC Service Provider打交道，所有被注入对象和依赖对象由IoC Service Pro
2013-06-24 14:52:17
772
原创 Struts 2基础
染指JAVA也是木有办法的事...然后，祈祷他们用的是Struts2 Struts2的基本流程框架由3部分组成：核心控制器FilterDispatcher(由Struts2架构提供)，业务控制器，业务逻辑组件(需用户自己实现 核心控制器：FilterDispatcher为一个Filter运行在Web应用中，负责拦截所有用户请求，如果用户请求以action结尾，该请求被转入S
2013-06-23 21:30:39
823
原创 拥抱流式布局
固定布局经不起未来考验固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法，我们需要一些适应未知设备的方法。 为什么响应式设计需呀百分比布局仅使用媒体查询来适应不同视口的固定宽度设计，只会从一组CSS媒体查询规则突变到另一组，两者间没有任何平滑渐变。我们需呀将固定像素布局转换成灵活的百分比布局，才能让页面元素根据视口大小在一个又一
2013-06-02 14:43:45
7169
1
原创 媒体查询：支持不同的视口
CSS媒体查询让我们根据设备显示器的特性为其设定CSS样式。 为什么响应设计需要媒体查询没有CSS媒体查询模块，就无法针对设备特性（视口宽度）设置特定CSS样式。 媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成，试用媒体查询，可在不改变页面内容的前提下，为特定输出设备定制显示效果。 媒体查询语法可通过标签的media属性为样式表指定设备类型，媒体
2013-05-28 22:23:12
3514
转载 Working-with-files-in-javascript
http://www.nczonline.net/blog/2012/05/08/working-with-files-in-javascript-part-1/http://www.nczonline.net/blog/2012/05/15/working-with-files-in-javascript-part-2/http://www.nczonline.net/blog/2012
2013-03-17 17:37:19
810
原创 [高性能JavaScript] 第1章 加载和执行
1.1 脚本位置浏览器再解析到标签之前，不会渲染页面的任何部分，将脚本（标签）放到页面顶部（标签）会导致明显延迟（虽然目前浏览器标签下载外部资源时不会阻塞其他标签，但任然会阻塞页面渲染，如图片加载）。由于脚本会阻塞页面其他资源的下载，推荐将所有标签尽可能放到标签底部，减少整个页面下载的影响。 Script Example Hello world!
2013-03-06 20:40:36
728
原创 裝飾者模式
OO原則：對擴展開放，對修改關閉 OO模式：裝飾者模式(Decorate)，動態的將責任附加到對象上。想要擴展功能，裝飾著模式提供有別于繼承的另一種選擇 類結構圖： 星巴茲咖啡1.Beverage飲料虛基類/// /// Beverage 飲料虛基類/// public abstract class Beverage{ prot
2012-08-08 14:52:44
666
原创 觀察者模式
OO原則：為交互對象之間的松耦合設計而努力 OO模式：觀察者模式(Observer)，在對象之間定義一對多依賴，這樣一來，當一個對象改變狀態，依賴它的對象都會收到通知，并自動更新 類結構圖： 氣象站項目代碼定義主體接口：/// /// 定義主題對象接口/// public interface ISubject{ //註冊一個觀測
2012-08-07 15:53:38
1220
原创 CSS3中的動畫功能
Transitions功能將元素的某個屬性從一個屬性值在指定時間內平滑過渡到另一個屬性值來實現動畫功能transition:property duration timing-functionproperty：表示對哪個屬性進行平滑過渡duration：表示在多長時間內完成屬性值的平滑timing-function：表示通過什麽方法來進行平滑過渡
2012-08-01 17:14:45
915
原创 CSS3中的變形處理
CSS3中可利用tansform功能實現文字或圖像的縮放，傾斜，移動，旋轉這4類變形處理1.縮放使用scale方法，可分別指定元素水平，垂直方向縮放倍率 div{ width:300px; background-color:Yellow;
2012-08-01 14:15:31
1409
原创 與背景和邊框相關樣式
新增屬性background-clip：指定背景的顯示範圍(FF：-moz-background-clip，其他：-webkit-background-clip)background-origin：指定繪製背景圖像時起點(FF：-moz-background-origin，其他：-webkit-background-origin)background-size：指定背景中圖像尺寸(其他
2012-07-31 16:50:13
838
原创 盒相關樣式
盒的類型1.inline-block類型屬於block類型盒的一種，但顯示時具有inline類型盒的特點以前如果要在一行中並列顯示多個block類型元素，需要使用float屬性，這會使得樣式複雜。因此追加inline-block類型使得並列顯示多個block類型變的簡單 div.inlineblock{dis
2012-07-31 10:41:01
545
原创 文字與字體相關樣式
給文字添加陰影 text-shadow屬性text-shadow : length length length color;前3個length分別指：陰影離開文字的橫向距離，陰影離開文字的縱向距離，陰影模糊半徑(可不指定，則不模糊，值為0不模糊)color指陰影顏色(可不指定，則使用字體顏色) div
2012-07-30 14:04:31
696
原创 策略模式
OO原則：1.封裝變化2.多用組合，少用繼承3.針對接口編程，不針對實現OO模式：策略模式(Strategy Pattern)，定義算法族，分別封裝起來，讓它們之間可以互相替換，此模式讓算法的變化獨立于使用算法的客戶類結構圖：定義Duck虛基類：/// /// 定義Douck虛基類/// 將不會變化的部份定義在此///
2012-07-29 16:19:19
622
原创 使用選擇器在頁面中插入內容
使用選擇器來插入文字 h2:before{content:'Hello';color:White;background-color:Orange;} h2.test:before{content:none;} 標題1 標題2 標題
2012-07-28 21:57:14
3206
原创 選擇器
屬性選擇器1.[att*=val]如果元素用att表示的屬性之屬性值中包含用val指定的字符的話，該元素使用這個樣式2.[att^=val]如果元素用att表示的屬性之屬性值的開頭字符為用val指定的字符，該元素使用這個樣式3.[att$=val]如果元素用att表示的屬性之屬性值的結尾字符為用val指定的字符，該元素使用這個樣式 結構性偽類選擇器1.偽類選擇器
2012-07-27 15:01:44
750
原创 獲取地理位置信息
--> function get_location() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(show_map, handle_error,
2012-07-26 13:55:28
5193
原创 Web Workers處理多線程 - 多子線程中進行數據交互
Workers.html var worker = new Worker("workers1.js"); worker.postMessage(""); worker.onmessage = fun
2012-07-25 15:28:08
1427
原创 Web Workers處理多線程 - 線程單層嵌套
主體頁面： var worker = new Worker("worker1.js"); worker.postMessage(""); worker.onmessage = function (e
2012-07-25 14:34:11
1150
1
原创 Web Workers處理多線程
主體頁面： <!-- Web Workers： HTML5中新增，用來實現Web平臺上多線程處理功能 Web Workers可創建一個不會影響前臺處理的後臺線程，並且在這個後臺線程中創建多個子線程 將可能耗費較長時間的處理交給後臺去執行，對用戶前
2012-07-25 14:13:45
1091
原创 通信API
Demo.html(主窗體) <!-- 跨文檔消息傳輸： HTML5提供了在網頁文檔間互相接收與發送信息的功能，只要獲取網頁所在窗口對象實例，不同源的Web頁面可互相通信 //監聽來至其他窗體的消息 window.addEventListente
2012-07-24 17:11:05
1445
原创 Web離線應用程序
<!-- 離線Web應用程序： Web應用程序沒有和Internet連接，就無法適用 因此，HTML5新增一個API，使用本地緩存保存HTML,CSS,JS等文件 本地緩存與瀏覽器網頁緩存區別： 1.本地緩存為整個Web程序，瀏覽器網頁緩存只服務于單個網頁 2.本地緩存可靠，可控制。瀏覽
2012-07-24 13:47:51
1998
原创 Web Storage本地存儲
<!-- HTML4使用cookies在客戶端保存簡單用戶信息，但cookie存儲永久數據有以下問題： 1.大小：cookies限制在4KB 2.帶寬：cookies隨HTTP一起發送，浪費帶寬 3.複雜性：要正確操縱cookies困難 HTML5提供了Web Storage功能，就是在Web上存儲數據的
2012-07-20 13:25:41
974
原创 多媒體播放
<!-- audio元素與video元素屬性： src屬性：指定播放媒體的URL地址 autoplay屬性：媒體是否在頁面加載后自動播放(裸體屬性) preload屬性：指定視頻，音頻數據是否預加載 none：不進行預加載
2012-07-19 14:56:03
1377
原创 Canvas基礎知識
Learning the basics of canvas $().ready(function () { //獲取canvas對象 var canvas = $("#myCanvas"); //得到2D渲染上下
2012-05-16 22:27:13
899
原创 ASP.NET 3.5 MVC 概述
MVC 基本概念模型(Model)：需要被显示的数据，如数据库NorthWind中的表Products对象就是一个模型视图(View)：用来显示模型中数据的用户界面，一般，视图就是HTML页面控制器(Controller)：用来处理用户请求，将适当的视图的对应模型数据呈现给用户 MVC中用户请求页面的5个步骤1.用户输入浏览地址，发出页面请求2.控制器接收用户请求，向模
2012-01-18 12:21:31
792
原创 js event对象获取鼠标坐标
function cnvs_getCoordinates(e){ x=e.clientX; y=e.clientY; document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";} function cnvs_clearCoordinat
2011-12-12 17:27:37
3702
原创 VS2010 Ultimate WEB测试
公司要我们研究用VS2010 Ultimate做网站负载测试，于是就跟VS2010 Ultimate测试泡了一个月，网上相关资料太少，我整理出一些，写的比较好的文章：http://technet.microsoft.com/zh-tw/library/ff400223.asp
2011-10-18 13:30:43
6853
原创 WPF 皮肤
皮肤<Application x:Class="WPF_Test.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmln
2011-10-09 09:47:10
4064
1
原创 WPF 模板
模板模板允许你用空想出来的任何东西完全替换一个元素的可视树，但其他功能不受影响。WPF中模板类型：DataTemplate模板ItemsPanelTemplate模板ControlTemplate模板(此处介绍)
2011-10-08 16:32:12
2654
原创 WPF 数据绑定 定制一个集合的视图 数据提供程序
XmlDataProvider提供了一种简单的方式绑定到一段XML，无论这段XML在内存中的片段或一个完成文件中。
2011-09-21 13:54:43
1892
转载 C# 在Repeater 的ItemDataBound 如何转换e.Item.DataItem 的类型
1、使用DataSet和DataTable绑定数据源时，用DataRowView view = (DataRowView)e.Item.DataItem;2、DataReader绑定数据源时，用System.Data.Common.DbDataRecord vie
2011-09-12 14:22:07
2693
原创 C# 结合Microsoft.Office.Interop.Excel写入Excel
using System.Reflection;using Microsoft.Office.Interop.Excel;protected void Page_Load(object sender, EventArgs e){ Application
2011-09-08 22:52:27
9552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人