製作網頁的小結(一)

網頁中讀取數據:
1.如果控件爲服務器控件,即包含屬性runat="server"
<input type="text" name="Admin_FullName" class="input_text" id="Admin_FullName" runat="server" />
則在後臺"string str = this.id名.Value.Trim()"


2.如果不是服務器控件,如“<input type="text" name="Admin_FullName" class="input_text" id="Admin_FullName" runat="server" />”
則在後臺"string str = Request.Form["name名"]


3.後臺加數據——————————————————————
1)定義全局變量
public StringBuilder aa = new StringBuilder();


2)添加字符串
aa.Append(字符串,值1);


3)ajax文件中讀取到數據
//var aaa = r.Request.Form;
//var xxx = r.Request.Form["renzheng"];
//if(xxx==null)
//{
//    xxx = "0";
//}
//var bb = aaa;


5.DW中的替換成換行是"\r\n"並採用正則表達式方式


6.傳輸類型爲get時
,用Request.QueryString["變量名"].ToString()讀取到數據(網頁之間的變量也用這個方法讀取到)
  傳輸類型爲post時,用Request.Form["變量名"].ToString()讀取到數據


7.VS中的快捷鍵

F7從aspx到cs的快速切換

Shift + F7從cs到頁面的快速切換



8.border:none與border:0的區別體現爲兩點:一是理論上的性能差異,二是瀏覽器兼容性的差異。

性能差異:

【border:0;】把border設爲“0”像素效果等於border-width:0,瀏覽器依然對border-width、border-color進行了渲染,即已經佔用了內存值。

【border:none;】把border設爲“none”,實際效果等同於border-style:none,瀏覽器解析“none”時將不作出渲染動作,即不會消耗內存值。

兼容性差異:
IE6、IE7中,border爲“none”時,標籤button、input邊框依然存在。

解決方法:
1,input,button{border:none;background:none;} 據說這種方法理論上沒有性能消耗,添加background來實現兼容,難道不需要佔用內存???
2,input,button{border:0 none;} 個人覺得這種方法相較於第一種通過background實現兼容的方法要好
3,input,button{border:0;}這種方法字符最少,大項目中節省的流量啊,而且我覺得這個內存消耗神馬滴可以通過其他頁面優化來彌補。


9.漸變顏色填充:

先用“選框工具”畫出形狀,再用某種顏色填充,前後背景色設置成漸變的兩種顏色,鎖定需要漸變的圖層,再用漸變工具填充顏色,


10.DW界面上字體改變大小的快捷鍵:CTRL+U ---> Fonts


11.用於input placeholder的字體顏色,不能寫在一起,只能分成兩個寫
input::-webkit-input-placeholder {
    color:    #999;
}
input:-moz-placeholder {
    color:    #999;
}


12.CSS如何設置html table表格邊框樣式:
http://www.divcss5.com/wenji/w503.shtml


13.aspx中調用中框架
方法1>
新建一個Web窗體用戶控件,新建一個Web窗體,將剛建好的用戶控件,拉到web窗體頁面中,在Web窗體中顯示代碼
“<uc1:WebUserControl1 runat="server" ID="WebUserControl1" uid="999" />”
方法2>新建兩個web窗體,在窗體1中調用窗體2,即在前臺寫入“<%Server.Execute("窗體1的名稱.aspx?A=1111");%>”,其中A爲變量


14.aspx文件中的前臺循環--------------
<%for(int i=0;i<10;i++){%>
<%=i.toString()%>
需要循環的內容
<%}%>


asp文件中的前臺循環---------------------
<%for i=1 to 5%>
需要循環的內容
<% Next%>


15.id不能用於樣式,因爲它具有唯一性,無法重複使用

16.VS2013中代碼格式對齊的快捷鍵
:按住CTRL 再按 K  接着按F

17.顏色十六進制搭配------http://encycolorpedia.com/
  網頁設計——--------http://www.66571.cn/


18.取消input和textarea的聚焦邊框:input{outline:none} 
   取消textarea可拖動放大: textarea{resize:none} 


19.兼容不支持placeholder的瀏覽器問題
來源鏈接:http://blog.csdn.net/xw505501936/article/details/52815876
 $(function () {  
        //兼容不支持placeholder的瀏覽器[ie瀏覽器,並且10以下均採用替代方式處理]  
        if ((navigator.appName == "Microsoft Internet Explorer") && (document.documentMode < 10 || document.documentMode == undefined)) {  
            var $placeholder = $("input[placeholder]");  
            for (var i = 0; i < $placeholder.length; i++) {  
                if ($placeholder.eq(i).attr("type") == "password") {  
                    $placeholder.eq(i).siblings("label").text($placeholder.eq(i).attr("placeholder")).show()  
                } else {  
                    $placeholder.eq(i).val($placeholder.eq(i).attr("placeholder")).css({"color": "#ccc"})  
                }  
            }  
            $placeholder.focus(function () {  
                if ($(this).attr("type") == "password") {  
                    $(this).siblings("label").hide()  
                } else {  
                    if ($(this).val() == $(this).attr("placeholder")) {  
                        $(this).val("").css({"color": "#333"})  
                    }  
                }  
            })


20.1px=0.75pt即9pt=12px
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章