网站前端 - 文章分类 - reckcn

简易计算JS运行用时

摘要：var runtime = { start : function() { this.startTime = new Date(); }, end : function() { return (new Date() - this.startTime); }};runtime.start();var html = '';for (var i=0; i<1000; i++) { html += i+'cxcxcxcxcxcxcxc<br />';}document.body.innerHTML += html;alert(runtime.en... 阅读全文

posted @ 2013-03-10 21:13 reckcn 阅读(219) 评论(0) 推荐(0)

Js打开新窗口

摘要：/*描述：打开指定窗口*/$.OpenPage = function(html, target) { window.open(html, target);};/*说明：验证表单元素值是否发生改变*/$.isFormChanged = function (el, filter) { filter = filter || function (el) { return false; }; var els = el.elements, l = els.length, i = 0, j = 0, el, opts; for (; i < l; ++i, j... 阅读全文

posted @ 2013-01-11 11:31 reckcn 阅读(126) 评论(0) 推荐(0)

网站前端技巧

摘要：1.设置圆角Div<style type="text/css"> #contents{border:2px solid #ccc;width:400px;height:200px; border-radius: 5px 5px 5px 5px;}</style>2.表格隔行换色$(function () { $("#msgtable tr:nth-child(even)").addClass("tr_even_bg"); }) 阅读全文

posted @ 2012-07-25 14:08 reckcn 阅读(100) 评论(0) 推荐(0)

CSS命名规范积累

摘要：我写这篇文章的目的很明确，就是为广大网友包括我自己提供写css命名规范的做一个参照，特别是不怎么会英文的同学，不懂如何命名的时候就上来查查。你可以直接在浏览器中按Ctrl+F然后查找你想的词对应的英文。注：对于连字符的应用，常用的有三种1、下划线（如article_hd）2、横杠号（横杠）（如article-hd）3、驼峰法（如articleHd）具体你选择用哪种都是合理的，但需要提的一点是，请全站统一，尤其是在多人合用的时候特别需要这样！本文选用第一种。本表格会实时更新，如果你对以下表格中的某一项有修改意见，或者有其他命名要加上来的话，可以直接M我或在下面留言！谢谢！中文单词对应英文阅读全文

posted @ 2012-05-14 09:21 reckcn 阅读(125) 评论(0) 推荐(0)

转载非常不错的页面制作方法

摘要：做前端也有几年时间了，不敢说能把他看地多透，但是多多少少还是有些自己的东西。就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。一、框架页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的需要，还应在“头”的下面还要加个“菜单”。二、布局（以下用#ID表示页面元素） #Head和#Foot里的就不说了，具体查看演示页面源码。布局说的是将#Main里的内容分成几大块。我们看Tudou.com，#Main里典型的左右结构，我们用#Layout_1，#Layout_2表示。如图三、模块布局#Layout_1，#Layout_2里... 阅读全文

posted @ 2012-05-10 09:24 reckcn 阅读(154) 评论(0) 推荐(0)

jQuery Ajax 全解析

摘要：jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。url (String) : 请求的HTML页的URL地址。data (Map) : (可选参数) 发送至服务器的 key/value 阅读全文

posted @ 2012-05-10 09:21 reckcn 阅读(135) 评论(0) 推荐(0)

浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer

摘要：CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack，但是我今天发布的你可能并不都很了解，因为这些都是只针对单独一个浏览器的 CSS Hack。为了向你展示这些 CSS Hack 是否正常运作，我新建六个 P 标签，并给每一个 P 标签一个特有的 id。这将向你展示 CSS Hack 的运作情况。<p id="opera">我来自 Opera 7.2 - 9.5</p><p id=&qu 阅读全文

posted @ 2012-03-31 08:59 reckcn 阅读(285) 评论(0) 推荐(0)

Web探索|Asp.net||Jquery|MVC

公告