分类: 技术

  • html5 网页视频播放器 video.js 与 OSM Player

    之前是galen跟我说的video.js播放器,我用的是video.js。后期设计播放修改后,GJ同事用了一个新的播放器,很好奇,故总结下。嗯,貌似记得很久以前前端设计师还是沈阳设计师群里有人问过类似幻灯片缩略焦点图那种可以播放器。其实 OSM Player就是这种啊~ ~ ~

    1、Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。

     

    视频格式兼容性比较好的视频格式是 mp4  视频编码:AVC(H264)

    Writing library                  : x264 core 116 r2019 9cc407d        

    官网有点改变哦,点击播放按钮上移到左上角了。还好我前段时间下载的时候还在正中间。(⊙o⊙) 自我感觉旧有的在中间的好。 

    旧有demo下载

    官网:http://www.videojs.com/

    2、OSM Player是一个基于jQuery开发、开源的HTML5多媒体播放器。当浏览器不支持HTML5时,可以转成Flash。提供播放列表,播放列表可以隐藏,支持视频全屏播放。

    官网http://mediafront.org/osmplayer/

    后记:这俩的视频编码都是

    mp4  视频编码:AVC(H264)

  • 等比例缩放图片js

    转载自 http://www.qianyunlai.com/blog/397.html

    
    
    
    
    最新javascript自动按比例显示图片,按比例压缩图片显示
    
    
    
    
    原图显示(534 X 800)
    onload="AutoResizeImage(0,0,this)
    534 X 800

    1.按宽度250压缩,不限制高度 按比例压缩
    onload="AutoResizeImage(250,0,this)"
    250 X 374

    2.按高度250压缩,不限制宽度 按比例压缩
    onload="AutoResizeImage(0,250,this)"
    166 X 250

    3.按高度250宽度250 按比例压缩
    onload="AutoResizeImage(250,250,this)"
    200 X 300

    4.高宽不等比例压缩 (400 X 512),此时高度不变,会自动按高度的比例压缩。
    onload="AutoResizeImage(400,512,this)"
    341 X 512

    5.高宽不等比例压缩 (300 X 600),此时宽度不变,会自动按宽度的比例压缩。
    onload="AutoResizeImage(300,600,this)"
    300 X 449

    6.如果图片本来的高度和宽度小于压缩的最大高度和宽度,则不会拉大显示图片(按原图显示)
    原图444 x 207,压缩为 500 x 600,将保持原图显示
    onload="AutoResizeImage(500,600,this)"
    444 X 207

    效果图:

  • wampserver怎么让他人访问以及删除后再次安装无法访问的问题

    以前安装,wampserve的时候直接就很顺利,没有出现的问题。(安装http://hi.baidu.com/constraint19/item/31e4f6e9903607c6baf37d33)

    这次安装wampserver的时候,卸载过一次,又重新安装,就出现错误。切换到在线状态也不能访问。出现几个问题,特整理一下,有遇到同类问题的可以看下。

    1、卸载软件后,再次安装wampserver,会切换到在线,不能访问到www文件目录,不能访问test.php

    解决:需要重新卸载,然后强力清扫下注册表。然后重启 端口号是不是修改和iis冲突

    2、安装成功后,自己能访问别人的ip 但是同一局域网的不能访问我的个人网站。

    解决:检查用别人电脑,ping自己的ip,如果不通。检查自己的防火墙端口,或者自己退出防火墙之类软件。就能解决。还有一种解决方法,我是从网络上搜索到得

    打开路径:X:wampbinapacheapache2.2.8conf

    其中X为您WAMP软件安装的磁盘路径,编辑httpd.conf文件,搜索 Allow from(在234行),

    将默认的“Allow from 127.0.0.1”修改为“Allow from all”,保存退出。

    也修改一下phpmyadmin让外部也可以访问,打开路径:X:wampalias 其中X为您安装WAMP软件的磁盘路径,
    编辑phpmyadmin.conf 配置文件,找到最后面一行的:Allow from 127.0.0.1

    同样是修改为:Allow from all

    完成修改后,保存退出,重新启动WAMP,或直接在软件单击左键>>>选择重新启动所有服务

    重新启动服务后,局域网内的机器在浏览器地址栏输入安装有WAMP软件的机器的IP 地址就可以访问了

    外网访问114.249.227.*:8080/

    在外网访问就要用到外网的IP,你可以在本地打开  www.ip.cn看下你的外网IP,得到IP后,外网用户就可以通过  http://外网IP/
        这样就可以访问了(如果你的apache是80端口),如果不是80端口,就要这样访问 http://外网IP:端口号/    这样访问  
    如 http://13.29.23.11:8080/ 

  • JQuery设置cookie|JQuery删除cookie|JQuery获取cookie 过期

    简单使用方法:

    1. <html>  
    2.    <head>  
    3.      <title>JQuery-Cookie插件</title>  
    4.      <script type="text/javascript" src="jquery-1.4.js"></script>  
    5.      <script type="text/javascript" src="jquery.cookie.js"></script>  
    6.    </head>  
    7.    <body>  
    8.      <a href="#">设置cookie1</a><br>  
    9.      <a href="#">设置cookie2</a><br>  
    10.      <a href="#">获取cookie</a><br>  
    11.      <a href="#">删除cookie</a><br>  
    12.    </body>  
    13. </html>  
    14. <script type="text/javascript">  
    15. $(function(){  
    16.      var COOKIE_NAME = ‘test_cookie’;  
    17.      //设置cookie,通过时间间隔  
    18.      $(‘a’).eq(0).click(function() {  
    19.          $.cookie(COOKIE_NAME, ‘test’, { path: ‘/’, expires: 1 });  
    20.          return false;  
    21.      });  
    22.      // 设置cookie,到期时间  
    23.      $(‘a’).eq(1).click(function() {  
    24.          var date = new Date();  
    25.          date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));  
    26.          $.cookie(COOKIE_NAME, ‘test’, { path: ‘/’, expires: date });  
    27.          return false;  
    28.      });  
    29.      // 获取 cookie  
    30.      $(‘a’).eq(2).click(function() {  
    31.          alert($.cookie(COOKIE_NAME));  
    32.          return false;  
    33.      });  
    34.      // 删除cookie  
    35.      $(‘a’).eq(3).click(function() {  
    36.          $.cookie(COOKIE_NAME, null, { path: ‘/’ });  
    37.          return false;  
    38.      });  
    39. });  
    40. </script>

    插件的源代码也很简单:

    1. jQuery.cookie = function(name, value, options) {  
    2.      if (typeof value != ‘undefined’) { // name and value given, set cookie
    3.           options = options || {};  
    4.          if (value === null) {  
    5.               value = ”;  
    6.               options.expires = -1;  
    7.           }  
    8.          var expires = ”;  
    9.          if (options.expires && (typeof options.expires == ‘number’ || options.expires.toUTCString)) {  
    10.              var date;  
    11.              if (typeof options.expires == ‘number’) {  
    12.                   date = new Date();  
    13.                   date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));  
    14.               } else {  
    15.                   date = options.expires;  
    16.               }  
    17.               expires = ‘; expires=’ + date.toUTCString();  
    18.           }  
    19.          var path = options.path ? ‘; path=’ + (options.path) : ”;  
    20.          var domain = options.domain ? ‘; domain=’ + (options.domain) : ”;  
    21.          var secure = options.secure ? ‘; secure’ : ”;  
    22.           document.cookie = [name, ‘=’, encodeURIComponent(value), expires, path, domain, secure].join(”);  
    23.       } else {  
    24.          var cookieValue = null;  
    25.          if (document.cookie && document.cookie != ”) {  
    26.              var cookies = document.cookie.split(‘;’);  
    27.              for (var i = 0; i < cookies.length; i++) {  
    28.                  var cookie = jQuery.trim(cookies[i]);  
    29.                  if (cookie.substring(0, name.length + 1) == (name + ‘=’)) {  
    30.                       cookieValue = decodeURIComponent(cookie.substring(name.length + 1));  
    31.                      break;  
    32.                   }  
    33.               }  
    34.           }  
    35.          return cookieValue;  
    36.       }  
    37. };

    jQuery.cookie = function(name, value, options) {
        if (typeof value != ‘undefined’) { // name and value given, set cookie
            options = options || {};
            if (value === null) {
                value = ”;
                options = $.extend({}, options); // clone object since it’s unexpected behavior if the expired property were changed
                options.expires = -1;
            }
            var expires = ”;
            if (options.expires && (typeof options.expires == ‘number’ || options.expires.toUTCString)) {
                var date;
                if (typeof options.expires == ‘number’) {
                    date = new Date();
                    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
                } else {
                    date = options.expires;
                }
                expires = ‘; expires=’ + date.toUTCString(); // use expires attribute, max-age is not supported by IE
            }
            // NOTE Needed to parenthesize options.path and options.domain
            // in the following expressions, otherwise they evaluate to undefined
            // in the packed version for some reason…
            var path = options.path ? ‘; path=’ + (options.path) : ”;
            var domain = options.domain ? ‘; domain=’ + (options.domain) : ”;
            var secure = options.secure ? ‘; secure’ : ”;
            document.cookie = [name, ‘=’, encodeURIComponent(value), expires, path, domain, secure].join(”);
        } else { // only name given, get cookie
            var cookieValue = null;
            if (document.cookie && document.cookie != ”) {
                var cookies = document.cookie.split(‘;’);
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = jQuery.trim(cookies[i]);
                    // Does this cookie string begin with the name we want?
                    if (cookie.substring(0, name.length + 1) == (name + ‘=’)) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
    };

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <meta http-equiv="Content-Style-Type" content="text/css">
            <meta http-equiv="Content-Script-Type" content="text/javascript">
            <title>jQuery Cookie Plugin</title>
            <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
            <script src="../../scripts/jquery.cookie.js" type="text/javascript"></script>
            <script type="text/javascript">
                $(function() {
                    var COOKIE_NAME = ‘test_cookie’;
                    var ADDITIONAL_COOKIE_NAME = ‘additional’;
                    $(‘a’).eq(0).click(function() { // 用天数设置 cookie
                        $.cookie(COOKIE_NAME, ‘test’, { path: ‘/’, expires: 10 });
                        return false;
                    });
                    $(‘a’).eq(1).click(function() { // 用日期设置 cookie
                        var date = new Date();
                        date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000));
                        $.cookie(COOKIE_NAME, ‘test’, { path: ‘/’, expires: date });
                        return false;
                    });
                    $(‘a’).eq(2).click(function() { // 获取 cookie
                        alert($.cookie(COOKIE_NAME));
                        return false;
                    });
                    $(‘a’).eq(3).click(function() { // 删除 cookie
                        $.cookie(COOKIE_NAME, null, { path: ‘/’ });
                        return false;
               &
    nbsp;    });
                    $(‘a’).eq(4).click(function() { // 设置第二个 cookie
                        $.cookie(ADDITIONAL_COOKIE_NAME, ‘foo’, { expires: 10 });
                        return false;
                    });
                    $(‘a’).eq(5).click(function() { // 获取第二个 cookie
                        alert($.cookie(ADDITIONAL_COOKIE_NAME));
                        return false;
                    });
                    $(‘a’).eq(6).click(function() { // 删除第二个 cookie
                        $.cookie(ADDITIONAL_COOKIE_NAME, null);
                        return false;
                    });
                });
            </script>
        </head>
        <body>
            <p>
                <a href="#">设置 cookie (设置有效期天数为 10 天)</a><br>
                <a href="#">设置 cookie (通过 date 对象设置过期日期为 3 天后的那天)</a><br>
                <a href="#">获取 cookie</a><br>
                <a href="#">删除 cookie</a><br>
                <a href="#">设置另一个 cookie</a><br>
                <a href="#">获取另一个 cookie</a><br>
                <a href="#">删除另一个 cookie</a>
            </p>
        </body>
    </html>

  • JQuery设置cookie|JQuery删除cookie|JQuery获取cookie 过期

    简单使用方法:

    1. <html>  
    2.    <head>  
    3.      <title>JQuery-Cookie插件</title>  
    4.      <script type="text/javascript" src="jquery-1.4.js"></script>  
    5.      <script type="text/javascript" src="jquery.cookie.js"></script>  
    6.    </head>  
    7.    <body>  
    8.      <a href="#">设置cookie1</a><br>  
    9.      <a href="#">设置cookie2</a><br>  
    10.      <a href="#">获取cookie</a><br>  
    11.      <a href="#">删除cookie</a><br>  
    12.    </body>  
    13. </html>  
    14. <script type="text/javascript">  
    15. $(function(){  
    16.      var COOKIE_NAME = ‘test_cookie’;  
    17.      //设置cookie,通过时间间隔  
    18.      $(‘a’).eq(0).click(function() {  
    19.          $.cookie(COOKIE_NAME, ‘test’, { path: ‘/’, expires: 1 });  
    20.          return false;  
    21.      });  
    22.      // 设置cookie,到期时间  
    23.      $(‘a’).eq(1).click(function() {  
    24.          var date = new Date();  
    25.          date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));  
    26.          $.cookie(COOKIE_NAME, ‘test’, { path: ‘/’, expires: date });  
    27.          return false;  
    28.      });  
    29.      // 获取 cookie  
    30.      $(‘a’).eq(2).click(function() {  
    31.          alert($.cookie(COOKIE_NAME));  
    32.          return false;  
    33.      });  
    34.      // 删除cookie  
    35.      $(‘a’).eq(3).click(function() {  
    36.          $.cookie(COOKIE_NAME, null, { path: ‘/’ });  
    37.          return false;  
    38.      });  
    39. });  
    40. </script>

    插件的源代码也很简单:

    1. jQuery.cookie = function(name, value, options) {  
    2.      if (typeof value != ‘undefined’) { // name and value given, set cookie
    3.           options = options || {};  
    4.          if (value === null) {  
    5.               value = ”;  
    6.               options.expires = -1;  
    7.           }  
    8.          var expires = ”;  
    9.          if (options.expires && (typeof options.expires == ‘number’ || options.expires.toUTCString)) {  
    10.              var date;  
    11.              if (typeof options.expires == ‘number’) {  
    12.                   date = new Date();  
    13.                   date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));  
    14.               } else {  
    15.                   date = options.expires;  
    16.               }  
    17.               expires = ‘; expires=’ + date.toUTCString();  
    18.           }  
    19.          var path = options.path ? ‘; path=’ + (options.path) : ”;  
    20.          var domain = options.domain ? ‘; domain=’ + (options.domain) : ”;  
    21.          var secure = options.secure ? ‘; secure’ : ”;  
    22.           document.cookie = [name, ‘=’, encodeURIComponent(value), expires, path, domain, secure].join(”);  
    23.       } else {  
    24.          var cookieValue = null;  
    25.          if (document.cookie && document.cookie != ”) {  
    26.              var cookies = document.cookie.split(‘;’);  
    27.              for (var i = 0; i < cookies.length; i++) {  
    28.                  var cookie = jQuery.trim(cookies[i]);  
    29.                  if (cookie.substring(0, name.length + 1) == (name + ‘=’)) {  
    30.                       cookieValue = decodeURIComponent(cookie.substring(name.length + 1));  
    31.                      break;  
    32.                   }  
    33.               }  
    34.           }  
    35.          return cookieValue;  
    36.       }  
    37. };

    jQuery.cookie = function(name, value, options) {
        if (typeof value != ‘undefined’) { // name and value given, set cookie
            options = options || {};
            if (value === null) {
                value = ”;
                options = $.extend({}, options); // clone object since it’s unexpected behavior if the expired property were changed
                options.expires = -1;
            }
            var expires = ”;
            if (options.expires && (typeof options.expires == ‘number’ || options.expires.toUTCString)) {
                var date;
                if (typeof options.expires == ‘number’) {
                    date = new Date();
                    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
                } else {
                    date = options.expires;
                }
                expires = ‘; expires=’ + date.toUTCString(); // use expires attribute, max-age is not supported by IE
            }
            // NOTE Needed to parenthesize options.path and options.domain
            // in the following expressions, otherwise they evaluate to undefined
            // in the packed version for some reason…
            var path = options.path ? ‘; path=’ + (options.path) : ”;
            var domain = options.domain ? ‘; domain=’ + (options.domain) : ”;
            var secure = options.secure ? ‘; secure’ : ”;
            document.cookie = [name, ‘=’, encodeURIComponent(value), expires, path, domain, secure].join(”);
        } else { // only name given, get cookie
            var cookieValue = null;
            if (document.cookie && document.cookie != ”) {
                var cookies = document.cookie.split(‘;’);
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = jQuery.trim(cookies[i]);
                    // Does this cookie string begin with the name we want?
                    if (cookie.substring(0, name.length + 1) == (name + ‘=’)) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
    };

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <meta http-equiv="Content-Style-Type" content="text/css">
            <meta http-equiv="Content-Script-Type" content="text/javascript">
            <title>jQuery Cookie Plugin</title>
            <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
            <script src="../../scripts/jquery.cookie.js" type="text/javascript"></script>
            <script type="text/javascript">
                $(function() {
                    var COOKIE_NAME = ‘test_cookie’;
                    var ADDITIONAL_COOKIE_NAME = ‘additional’;
                    $(‘a’).eq(0).click(function() { // 用天数设置 cookie
                        $.cookie(COOKIE_NAME, ‘test’, { path: ‘/’, expires: 10 });
                        return false;
                    });
                    $(‘a’).eq(1).click(function() { // 用日期设置 cookie
                        var date = new Date();
                        date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000));
                        $.cookie(COOKIE_NAME, ‘test’, { path: ‘/’, expires: date });
                        return false;
                    });
                    $(‘a’).eq(2).click(function() { // 获取 cookie
                        alert($.cookie(COOKIE_NAME));
                        return false;
                    });
                    $(‘a’).eq(3).click(function() { // 删除 cookie
                        $.cookie(COOKIE_NAME, null, { path: ‘/’ });
                        return false;
               &
    nbsp;    });
                    $(‘a’).eq(4).click(function() { // 设置第二个 cookie
                        $.cookie(ADDITIONAL_COOKIE_NAME, ‘foo’, { expires: 10 });
                        return false;
                    });
                    $(‘a’).eq(5).click(function() { // 获取第二个 cookie
                        alert($.cookie(ADDITIONAL_COOKIE_NAME));
                        return false;
                    });
                    $(‘a’).eq(6).click(function() { // 删除第二个 cookie
                        $.cookie(ADDITIONAL_COOKIE_NAME, null);
                        return false;
                    });
                });
            </script>
        </head>
        <body>
            <p>
                <a href="#">设置 cookie (设置有效期天数为 10 天)</a><br>
                <a href="#">设置 cookie (通过 date 对象设置过期日期为 3 天后的那天)</a><br>
                <a href="#">获取 cookie</a><br>
                <a href="#">删除 cookie</a><br>
                <a href="#">设置另一个 cookie</a><br>
                <a href="#">获取另一个 cookie</a><br>
                <a href="#">删除另一个 cookie</a>
            </p>
        </body>
    </html>

  • 最近学习小得,以及迷惑

    首先感谢最近几多问题,galen的讲解。

    1、attr()

    attr() 方法设置或返回被选元素的属性值。

    设置被选元素的属性和值。

    语法

    $(selector).attr(attribute,value)

    $("#lk_touxiang").attr("href","/Weibo/Templates/"+realName+"头像.jpg");

    $("#lk_beijing").attr("href","/Weibo/Templates/B-Class2013.4/"+realName+"/背景.jpg");

    $("button").click(function(){

      $("#w3s").attr({

        "href" : "http:#",

        "title" : "W3School jQuery Tutorial"

      });

    });

    <p class="namexs" id="lblwelcome">尊敬的×××欢迎登录。</p>

    <p><b id="lblrname">张三</b><br />

    <span id="lblclass">管理学院2003级MBA班</span><br />

    <span id="lblwork">现任×××公司 &nbsp;&nbsp;人力资源部</span></p>


     if (g_login) {

            $("#lblwelcome").html("尊敬的" + g_rname + "欢迎登录");

            $("#lblrname").html(g_rname);

            $("#fdname").html(g_rname);

            $("#lblclass").html(g_class);

            $("#lblwork").html(g_work);

        }

        else {

            alert("请先登陆!");

            window.location = "/friends/";

        }

    2、encodeURI(咨询) 汉字在ie中无数据显示,在FF chrome可以时。

    encodeURI() 函数可把字符串作为 URI 进行编码

                $.ajax({

                    type: "get",

                    url: "/handler/mentions.ashx?action=keylist&type="+encodeURI(咨询)+"&where=isResponseFlag" + strWhere + "&userid=" + sinaid,

                    success: function (data, textStatus) {

                        eval('data=' + data);

                        json = eval(data.rows);

    3、日期在IE中显示nan 其他浏览器ok。slice() indexOf()

    slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

    在本例中,我们将提取从位置 6 开始的所有字符:

    <script type="text/javascript">
    
    var str="Hello happy world!"
    document.write(str.slice(6))
    
    </script>

    输出:

    happy world!
    <script type="text/javascript">
    
    var str="Hello happy world!"
    document.write(str.slice(6,11))
    
    </script>

    输出:

    happy

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。

    <script type="text/javascript">


    var str="Hello world!"

    document.write(str.indexOf("ello",4))

    document.write(str.indexOf("o",5))// 第二个默认从0开始,写上数字后,从当前索引值所在值开始筛选。在整个字符串的索引值并不会改变。

    document.write(str.indexOf("w",5))


    </script>

    
    

    以上代码的输出:

    -1
    

    7

    6


    for (var i = 0; i < json.length; i++) {

    var str_date =json[i].cTime.slice(0,json[i].cTime.indexOf(' '));//从时间字符串索引值0开始,到为空的时候停止读取

    str_row = '<dd><a href="Apply.html?campingid=' + json[i].campingId + '">[' + json[i].cType + ']' + json[i].title  + '</a>' + '<span class="active">' + str_date+'</span></dd>';

    str += str_row;}

    ashx【转载自http://www.cnblogs.com/lin614/archive/2008/01/18/1044734.html】

    .ashx 文件用于写web handler的。其实就是带HTML和C#的混合文件。当然你完全可以用.aspx 的文件后缀。使用.ashx 可以让你专注于编程而不用管相关的WEB技术。.ashx必须包含IsReusable. 如下例所示

    <% @ webhandler language="C#" class="AverageHandler" %> 

    using System; 
    using System.Web; 

    public class AverageHandler : IHttpHandler 

    public bool IsReusable 
    { get { return true; } } 
    public void ProcessRequest(HttpContext ctx) 

    ctx.Response.Write("hello"); 

    }

    .ashx比.aspx的好处在与不用多一个html   

    注意了VS2005中Web应用程序项目模板里的Generic Handler 项,发现它是一个.ashx文件,实际上它是一个HttpHandler。后来查了一下.Net SDK文档,发现Asp.Net1.1也支持.ashx,但是没有给出详细内容。 

    我们都知道,HttpHandler是一个彻底自定义Http请求的方法,它通过web.config来定义Asp.Net运行时来过滤出要自定义的Http请求,发送到定义在web.config的指定类中。 

    利用.ashx文件是一个更好的方法,这个文件类似于.aspx文件,可以通过它来调用HttpHandler类,从而免去了普通.aspx页面的控件解析以及页面处理的过程。这个文件特别适合于生成动态图片,生成动态文本等内容。 

    建立方法如下: 
    首先打开一个Web项目,然后在任意目录下使用VS2003解决方案资源管理器的“添加”–>“添加新项”,在对话框中选择“文本文件”,然后在文件名处输入“TextBuilder.ashx”。 

    然后在同目录下,使用解决方案资源管理器,使用“添加”–>“添加类”,在类文件名处输入“TextBuilder.ashx.cs”。可以看出,它的文件命名规律与.aspx文件相同。 

    然后在.cs文件处输入以下代码(名称空间略): 

    using System.Web 
    public sealed class TextBuilder : IHttpHandler 

        
    public void ProcessRequest(HttpContext context) 
        

            context.Response.ClearContent(); 
            context.Response.ContentType 
    = "text/plain"
            context.Response.Write(
    "Hello World"); 
            context.Response.End(); 
        }
     
     
        
    public bool IsReusable 
        

            
    get return true; } 
        }
     
    }

    然后在“TextBuilder.ashx”文件的第一行处输入上面这个类的调用代码: 

    <%@ WebHandler language="C#" Class="MyNamespace.TextBuilder" codebehind="TextBuilder.ashx.cs" %>

    上面的代码需要注意的是:必须在Class项中输入类的完整名称,即包括名称空间及类名称。 

    最后保存并编译项目。 

    使用IE测试,输入这个.ashx的地址即可。 

    大家可以看出Response类有个OutputStream方法,可以向客户端输出二进制数据流,所以在我的项目中,使用这个方法,在一个.ashx中使用DundasChart控件就可以生成非常好的统计图,用它发送二进制数据,方便快捷,而且不需在web.config内输入任何配置代码。 

    .ashx文件有个缺点,他处理控件的回发事件非常麻烦,比如说如果用它来生成DataGrid的列表也不是不行,但是处理数据的回发,需要一些.aspx页的功能,只有自己手动处理这些功能。所以,一般使用.ashx,用来输出一些不需要回发处理的项目即可。 

    和舍友也聊过说,因为不明白的太多,导致自己无从下手,没有个整体骨架,问别人别人给讲的时候也会不太明白,不过我现在有点明白,即便不怎么明白,也撕开了一道学习的口子,可以从这个稍稍明白的地方查他所用的知识点(我了个去好久没用咯知识点这个词儿了)。然后慢慢延展。会有个概况的。就像是一点一点的渗透了。

    于是,没有整体的框架也要问。这回逼迫着你尽快的利用别人讲的知识点,建立起自己的骨架。 不过我想,以后会发现这个骨架太过松散,还是会推倒重新来过。现在要多啃块骨头,以后才会有快速建立自己的骨架。

  • dreamweaver 报错 在onload运行_deforesave.html 文件

    其实在出现这个问题的时候,也出现了插入表格的时候,第一次可以操作,再次进行菜单操作插入表格的时候,就死掉。当时疑惑很久,但是木有重视过。或者觉得是用绿色版的就没想过解决。现整理一二。

    问题表现

    • 开启dreamweaver的时候 出现js报错

    • 保存文件时,出现js报错在onload运行_deforesave.html 文件。

    • 敲打汉字的时候,输入法小栏不显示,但是可以敲打汉字。

    • 以下翻译器没有被装载,由于错误:date.htm:有不正确的设置信息

    解决方法

    1. 退出DW

    2. 打开C:Documents and Settings<用户名>Application DataMacromediaDreamweaver 
      8Configuration 这个文件夹

    3. 把里面的WinFileCache-*.dat 档案删掉。重新启动 Dreamweaver,恢复正常。

     

     

    备注:如果你找不到Application Data(这个文件夹是隐藏的)你可以点击工具(T)->文件夹选项(O)->查看隐藏文件和文件夹->显示所有文件和文件夹->确定,就能出现找到了。

     

     

  • – -!get与post的区别

    感谢同事小罗的讲解,然后转载网络博客的hyddd整理的。

    Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE。URL全称是资源描述符,我们可
    以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的4个操作。到这里,大家应该有个大概的了解了,GET一般用于获取/查询资源信息,而POST一般用于更新资源信息。

      1.根据HTTP规范,GET用于信息获取,而且应该是安全的和幂等的

      (1).所谓安全的意味着该操作用于获取信息而非修改信息。换句话说,GET 请求一般不应产生副作用。就是说,它仅仅是获取资源信息,就像数据库查询一样,不会修改,增加数据,不会影响资源的状态。

      * 注意:这里安全的含义仅仅是指是非修改信息。

      (2).幂等的意味着对同一URL的多个请求应该返回同样的结果。这里我再解释一下幂等这个概念:

      幂等(idempotent、idempotence)是一个数学或计算机学概念,常见于抽象代数中。
      幂等有一下几种定义:
      对于单目运算,如果一个运算对于在范围内的所有的一个数多次进行该运算所得的结果和进行一次该运算所得的结果是一样的,那么我们就称该运算是幂等的。比如绝对值运算就是一个例子,在实数集中,有abs(a)
    =abs(abs(a))
      对于双目运算,则要求当参与运算的两个值是等值的情况下,如果满足运算结果与参与运算的两个值相等,则称该运算幂等,如求两个数的最大值的函数,有在在实数集中幂等,即max(x,x) 
    = x

    看完上述解释后,应该可以理解GET幂等的含义了。

      但在实际应用中,以上2条规定并没有这么严格。引用别人文章的例子:比如,新闻站点的头版不断更新。虽然第二次请求会返回不同的一批新闻,该操
    作仍然被认为是安全的和幂等的,因为它总是返回当前的新闻。从根本上说,如果目标是当用户打开一个链接时,他可以确信从自身的角度来看没有改变资源即可。

      2.根据HTTP规范,POST表示可能修改变服务器上的资源的请求。继续引用上面的例子:还是新闻以网站为例,读者对新闻发表自己的评论应该通过POST实现,因为在评论提交后站点的资源已经不同了,或者说资源被修改了。

     

      上面大概说了一下HTTP规范中GET和POST的一些原理性的问题。但在实际的做的时候,很多人却没有按照HTTP规范去做,导致这个问题的原因有很多,比如说:

      1.很多人贪方便,更新资源时用了GET,因为用POST必须要到FORM(表单),这样会麻烦一点。

      2.对资源的增,删,改,查操作,其实都可以通过GET/POST完成,不需要用到PUT和DELETE。

      3.另外一个是,早期的Web MVC框架设计者们并没有有意识地将URL当作抽象的资源来看待和设计,所以导致一个比较严重的问题是传统的Web MVC框架基本上都只支持GET和POST两种HTTP方法,而不支持PUT和DELETE方法。

       * 简单解释一下MVC:MVC本来是存在于Desktop程序中的,M是指数据模型,V是指用户界面,C则是控制器。使用MVC的目的是将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式。

      以上3点典型地描述了老一套的风格(没有严格遵守HTTP规范),随着架构的发展,现在出现REST(Representational 
    State Transfer),一套支持HTTP规范的新风格,这里不多说了,可以参考《RESTful Web Services》。

     

      说完原理性的问题,我们再从表面现像上面看看GET和POST的区别

      1.GET请求的数据会附在URL之后(就是
    把数据放置在HTTP协议头中),以?分割URL和传输数据,参数之间以&相连,如:login.action?name=hyddd&
    password=idontknow&verify=%E4%BD%A0%E5%A5%BD。如果数据是英文字母/数字,原样发送,如果是空
    格,转换为+,如果是中文/其他字符,则直接把字符串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX为该符号以
    16进制表示的ASCII。

      POST把提交的数据则放置在是HTTP包的包体中。

      2."GET方式提交的数据最多只能是1024字节,理论上POST没有限制,可传较大量的数据,IIS4中最大为80KB,IIS5中为100KB"??!

      以上这句是我从其他文章转过来的,其实这样说是错误的,不准确的:

      (1).首先是"GET方式提交的数据最多只能是1024字节",因为GET是通过URL提交数据,那么GET可提交的数据量就跟URL的长度有直接关系了。而实际上,URL不存在参数上限的问题HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。IE对URL长度的限制是2083字节(2K+35)。对于其他浏览器,如Netscape、FireFox等,理论上没有长度限制,其限制取决于操作系统的支持。

      注意这是限制是整个URL长度,而不仅仅是你的参数值数据长度。[见参考资料5]

      (2).理论上讲,POST是没有大小限制的HTTP协议规范也没有进行大小限制,说“POST数据量存在80K/100K的大小限制”是不准确的,POST数据是没有限制的,起限制作用的是服务器的处理程序的处理能力。

      对于ASP程序,Request对象处理每个表单域时存在100K的数据长度限制。但如果使用Request.BinaryRead则没有这个限制。

      由这个延伸出去,对于IIS 6.0,微软出于安全考虑,加大了限制。我们还需要注意:

         1).IIS 6.0默认ASP POST数据量最大为200KB,每个表单域限制是100KB。
         2).IIS 6.0默认上传文件的最大大小是4MB。
         3).IIS 6.0默认最大请求头是16KB。
      IIS 6.0之前没有这些限制。[见参考资料5]

      所以上面的80K,100K可能只是默认值而已(注:关于IIS4和IIS5的参数,我还没有确认),但肯定是可以自己设置的。由于每个版本的IIS对这些参数的默认值都不一样,具体请参考相关的IIS配置文档。

      3.在ASP中,服务端获取GET请求参数用
    Request.QueryString,获取POST请求参数用Request.Form。在JSP中,用
    request.getParameter("XXXX")来获取,虽然jsp中也有request.getQueryString()方法,但使用
    起来比较麻烦,比如:传一个test.jsp?name=hyddd&password=hyddd,用
    request.getQueryString()得到的是:name=hyddd&password=hyddd。在PHP中,可以
    用$_GET和$_POST分别获取GET和POST中的数据,而$_REQUEST则可以获取GET和POST两种请求中的数据。值得注意的是,JSP
    中使用request和PHP中使用$_REQUEST都会有隐患,这个下次再写个文章总结。

      4.POST的安全性要比GET的安全性
    高。注意:这里所说的安全性和上面GET提到的“安全”不是同个概念。上面“安全”的含义仅仅是不作数据修改,而这里安全的含义是真正的Security
    的含义,比如:通过GET提交数据,用户名和密码将明文出现在URL上,因为(1)登录页面有可能被浏览器缓存,(2)其他人查看浏览器的历史纪录,那么
    别人就可以拿到你的账号和密码了,除此之外,使用GET提交数据还可能会造成Cross-site request forgery攻击。

      总结一下,Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求,在FORM(表单)中,Method默认为"GET",实质上,GET和POST只是发送机制不同,并不是一个取一个发!

      纯属hyddd个人总结,如有错漏请指出。:>

     

    参考资料

    [1].http://hi.baidu.com/liuzd003/blog/item/7bfecbfa6ea94ed8b58f318c.html

    [2].http://www.blogjava.net/onlykeke/archive/2006/08/23/65285.aspx

    [3].http://baike.baidu.com/view/2067025.htm

    [4].http://www.chxwei.com/article.asp?id=373

    [5].http://blog.csdn.net/somat/archive/2004/10/29/158707.aspx

    转载请说明出处,谢谢[hyddd(http://www.cnblogs.com/hyddd/)]

  • 清除空白节点

    先看下面的代码:

    title
    definition

    分别在IE浏览器FF浏览器下执行下面的代码,作用是显示

    标记子节点的个数。
    var dll=document.getElementById(“dll”);
    alert(dll.childNodes.length);

    结果显示:IE为2,FF为5。两个浏览器产生了不同的结果,这是由于一段文本是一个独立的节点,但如果这段文本仅仅由空格,换行,制表符这些特殊的文本字符组成,IE和FF就会产生分歧,IE会忽略这些节点,而FF则认可这些节点。分歧产生的原因是FF认为

    ,

    ,

    之间的空白节点也是一个单独的节点,所说FF chrome的结果是5,而IE的结果是2。

    对于节点的认定,IE在不同的场合也有不同的结果,如下:

    ttt
    some here

    IE认为改div有4个子节点,而FF仍然认为是5个,通过测试发现IE忽略了

    标记之间的空白文本节点,而其他空白文本节点则未被忽略。

    这种分歧给开发带来了很大的难度,它影响了childNodes[index],nextSibling,previousSibling这些间接节点引用的行为,因为nextSibling很可能是一个无用的空白文本节点。解决这个问题是避免文档中出现文本节点。如:

    title
    definition

    这样看上去不好阅读。

    另一种解决的办法就是使用节点的判断,判断要引用的节点是不是需要的节点。prototype-1.3.1框架中提供了一个方法来解决这个问题,在使用前先删除其中的空白节点:

    所以第一例子的代码就可以改成:

    var dll=document.getElementById("dll");
    cleanWhitespace(dll);
    alert(dll.childNodes.length);
    结果在IE和FF都是2。

  • IP又变了,可以上facebook了,不过有些网站则不让上了

     

     

     

    这面墙,不仅围住里面,也会阻止外面的进入。