zoukankan      html  css  js  c++  java
  • 【转】小知识2

    1.jQuery的replaceWith方法

    可用请求的数据(数据可以是一个页面)来无刷新替代当前页面的某个局部地区(也可以替代当前整个页面,只要你指定的范围够大)

    Html代码
     1 <div class="tn-box tn-widget tn-widget-content tn-corner-all tnc-search-history">
     2   <div class="tn-box-header tn-widget-header tn-corner-top tn-border-bottom">
     3      <div class="tn-option"><a id="clear-histories" class="tnc-deletle" href="#">清空</a></div>
     4      <h3 class="tn-helper-reset">搜索历史</h3>
     5      </div>
     6      <div class="tn-box-content tn-widget-content tn-corner-bottom">
     7                         @if (Model != null)
     8                         {
     9                            <ul id="search-histories" class="tn-list">
    10                         @foreach (var item in Model)
    11                         {
    12                            <li data-history-value='@item'><a title='@item' href="javascript:void()">@HtmlUtility.TrimHtml(item, 14)</a></li>
    13                         }
    14                         </ul>
    15                         }
    16                     </div>
    17                 </div>

     <script type="text/javascript">

    Js代码

     1     $(function () {
     2         var searchForm = $('#searchForm');
     3         var keyword = $('#keyword', searchForm);
     4         //注册点击搜索历史事件
     5         $('#search-histories').delegate("a", "click", function (e) {
     6             e.preventDefault();
     7             keyword.val($(this).attr("title"));
     8             searchForm.submit();
     9         });
    10         //点清空
    11         $("#clear-histories").click(function (e) {
    12             e.preventDefault();
    13             var clearUrl='@Html.Raw(SiteUrls.Instance().SearchHistories(Spacebuilder.Blog.BlogSearcher.CODE, true))';
    14             $.get(clearUrl,function (data) {
    15                 $('.tnc-search-history').replaceWith(data);
    16             })
    17         })
    18     })
    19 </script>

    2.做页面离开提示时应知

    链接里的href可以是#和javascript:void(0),这时点击链接都不会有页面的跳转,但是用#会跳到页面的开始,我们通常用jquery的e.preventDefault()来防止这种默认行为,其实可以有一种更简单的做法:

    可以使用 <a href="###"></a>防止锚点

    另外,实际使用的时候应该尽量避免使用javascript:void(0)这样的写法,因为ie对这种行为的解释又是与众不同,例如在判断是否要离开页面时需要判断window.onbeforeunload事件,ie会认为点击了javascript:void(0)也是要离开页面,firefox、chrome就不会

     
    3.$.post(url,$("form").serialize()) 与 $("form").ajaxSubmit()
     1 <html xmlns="http://www.w3.org/1999/xhtml" >
     2 <head runat="server">
     3     <title>FormSerialize</title>
     4     <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
     5 </head>
     6 <body>
     7   <form action="#" method="post" id="formId">
     8   <input type="hidden" name="LYR" value="1" />
     9   <input type="hidden" name="LYNR" value="2" />
    10   <input type="hidden" name="TOLYR" value="3" />
    11   <input type="checkbox" name="CB" value="4" />
    12   <input type="checkbox" name="CB" value="5" />
    13   <input type="checkbox" name="CB" value="6" />
    14   <input type="hidden" name="LYSJ" value="8" />
    15   <input type="button" name="TJ" id="TJ" value="9" />
    16   </form>
    17 </body>
    18 </html>
    19 <script>
    20     $(function () {
    21         $("#TJ").click(function () {
    22             alert($("#formId").serialize());
    23             alert($("#formId").serializeArray()[0].value);
    24             $.post("/LeaveWord/FormSerialize.asp", $("#formId").serialize(), function (data) {
    25  
    26             })
    27         })
    28     })
    29 </script>
    serialize() 会将表单的元素序列化为 LYR=1&LYNR=2&TOLYR=3&CB=4&CB=5&CB=6&LYSJ=8 
    serializeArray() 会将表单的元素序列化为 [{name:LYR,value:1},{name:LYNR,value:2},{name:TOLYR,value:3},{name:CB,value:4}{name:CB,value:5},{name:CB,value:6},{name:LYSJ,value:8} ]
    这两种方式都可以被ASP.NET MVC的模型绑定很好的绑定数据
    ajaxSubmit是一个jQuery插件 使用也差不多
     1 <script>
     2     $(function () {
     3         $("#TJ").click(function () {
     4             $("#formId").ajaxSubmit({
     5                 success: function () { },
     6                 url:"/LeaveWord/AjaxSubmit.asp"
     7             })
     8         })
     9     })
    10 </script>
    ajaxSubmit这种方式,可以不指定url,默认是提交到表单指定的url
     
    4.构造函数:this() :base()
    在类的构造函数后面加冒号,再跟this() 或 base()  的意思就是 先执行冒号后面的构造函数,再执行当前的构造函数。
     1  /// <summary>
     2  /// 构造函数
     3  /// </summary>
     4  public AskService()
     5         : this(new AskAnswerRepository(), new AskQuestionRepository())
     6  {
     7  }
     8  /// <summary>
     9  /// 构造函数
    10  /// </summary>
    11 /// <param name="askAnswerRepository">问答仓储实现</param>
    12 /// <param name="askQuestionRepository">问答仓储实现</param>
    13  public AskService(IAskAnswerRepository askAnswerRepository, IAskQuestionRepository askQuestionRepository)
    14  {
    15     this.askAnswerRepository = askAnswerRepository;
    16     this.askQuestionRepository = askQuestionRepository;
    17  }
    上面那样写,在实例化AskService时就不用传AskAnswerRepository和AskQuestionRepository的实例了,直接
    AskService askService = new AskService() 就可以直接实例化它们了
     
    C#代码
    1 public class SupportOpposeEventArgs : CommonEventArgs
    2 {
    3     public SupportOpposeEventArgs(long objectId, long userId,string type) : base(type) 
    4 }
    上面是先执行基类的构造函数并且给其传了一个参数,然后执行本类的构造函数
     
    5.C#字典的使用
    Dictionary.Add(key,value)
    Dictionary[key]=value
    一般来说用第二种,第一种有可能会出现key重复的情况,而第二种的情况是没有这个key就添加,有这个key的话就更新。
     
    6.VS调试小技巧
    VS在调试时除了可以给表达式添加监视外,还有一个调用堆栈(它可以从当前调试的方法往外找直到找到这个方法的参数的最初赋值的地方,当然有些从其他DLL传过来的值会显示外部代码),还有一个即时窗口(你可以在这里使用当前所调试方法的任何一个参数,当然你也可以在这里定义变量,它们都可以在这里编译并执行,然后显示出结果)
     
    7.jQuery插件控制滚动条的滚动
     
    8.通过浏览器书签栏执行js
    下面第一个就是花瓣网通过浏览器书签栏执行js调用其外站图片采集的js
    这段a标签里的js会存储在浏览器里,所以它可以操作任何一个页面,并且你如果改了这段js,必须重新将其拖入标签栏才会奏效
    并且在执行的js中传入了当前页面的window和document对象
    Js代码 
    1 <a href="javascript:void(function(d,a,c,b){a[c]&&typeof a[c].showValidImages=='function'?a[c].showValidImages():(b=a.createElement('script'),b.id='huaban_script',b.setAttribute('charset','utf-8'),b.src='http://huaban.com/js/pinmarklet.js?'+Math.floor(+new Date/1E7),a.body.appendChild(b))}(window,document,'__huaban'));" onclick="javascript:alert('把这个按钮拖到你的浏览器书签栏'); return false;" class="pin-button">采集到花瓣<span class="drag-arrow"></span></a>
    2 
    3 <a href="javascript:void(alert('123'));" onclick="javascript:alert('把这个按钮拖到你的浏览器书签栏'); return false;" class="pin-button">采集<span class="drag-arrow"></span></a>
    看其源码会发现
    var global="__huaban";
    document[global].showValidImages = showImagesAndInitPinBtn;
    而showImagesAndInitPinBtn是一个函数,这里将这个函数存到document的showValidImages里面了,所以这里在调用的时候传了一个'__huaban',然后通过a[c].showValidImages()直接调用了这个函数,开始执行一系列js。
    保存在document里貌似是因为作用域更大一些
    更多信息如下:
    加载后先运行
    showValidImages()即showImagesAndInitPinBtn()
    获取当前网站页面的图片
    getCurrentPageImagesWithEncapsulation()
    isValidImage()验证图片  encapsulateImage()封装图片 getVideoOnCustomerPage()
    showImages(e)显示要采集的图片 构造一个显示这些图片的div等
    参数e是getCurrentPageImagesWithEncapsulation()的返回值
    thunderpinImage()快速采集 pinImage()采集
    全局变量可搜__huaban,都在它附近
     
    9.input file标签在弹出框中过滤文件类型
    <input id="photoFile" class="photoFile" name="photoFile" type="file" accept="image/gif,image/jpeg,image/bmp,image/jpg,image/png"/>
    
     
     10.VS2010多线程调试
    VS2010下的多线程窗口
     
    12. SQL Server2005使用CTE实现递归
  • 相关阅读:
    【HTML5 绘图与动画】使用canvas
    【H5新增元素和文档结构】新的全局属性 1. contentEditable 可编辑内容 2. contextmenu 快捷菜单 3. data 自定义属性 4. draggable 可拖动 5. dropzone 拖动数据 6. hidden 隐藏 7. spellcheck 语法检查 8. translate 可翻译
    【H5新增元素和文档结构】完善旧元素 1. a 超链接 2. ol 有序列表 3. dl 定义列表 4. cite 引用文本 5. small 小号字体 6. iframe 浮动框架 7. script 脚本
    【H5新增元素和文档结构】新的语义信息 1. address 2. time 3. figure 跟 figcaption 4. details 和 summary 5. mark 6. progress 7. meter 8. dialog 9.bdi 10. wbr 11. ruby、rt、rp 12. command
    【H5新增元素跟文档结构】新的文档结构 1. article 文章块 2. section 区块 3. nav 导航条 4. aside 辅助栏 5. main 主要区域 6. header 标题栏 7. hgroup 标题组 8. footer 页脚栏
    5_PHP数组_3_数组处理函数及其应用_9_数组集合运算函数
    【华为云技术分享】鲲鹏弹性云服务器GCC交叉编译环境搭建指南
    【华为云技术分享】7 分钟全面了解位运算
    【华为云技术分享】Linux内核编程环境 (1)
    【华为云技术分享】华为云MySQL 8.0正式商用,全新增强版开源利器强势来袭
  • 原文地址:https://www.cnblogs.com/gates/p/3461502.html
Copyright © 2011-2022 走看看