web 前端
lowin
只要现在比过去好
展开
-
前端组件编写经验————图片回去再传
Web应用已从单纯的HTML向RIA发展,用户在追求功能基础的同时,也更加青睐于快捷、绚丽和多功能效果的展现。目前基于前端UI组件的封装与开发是众多互联网公司的一种常见选择。然而与传统web页面相比,突然出现大量带有生命周期的javascript领域对象,无疑会减缓浏览器的执行效率与增加对应的内存消耗。在这里,我将带着在开发与重构大集中前端组件中所遇到的一系列问题,与大家一起分享在降低大量java原创 2011-10-28 18:08:52 · 2307 阅读 · 0 评论 -
监听浏览器最小化与最大化时,执行的动作。
本周做项目时,实现页面内容滚动的一个功能时,发现在chrome与FF浏览器最小化后,当再次最大化时,滚动出现错位的现象。鉴于此,就去查了下http://html5test.com/中是否有相关的支持,下面列下各个浏览器化如何来监听最小化与最大化的相关code//IEif(document.addEventListener){document.addEventList原创 2012-07-28 12:58:22 · 10412 阅读 · 1 评论 -
z-index与定位产生的IE与W3C的不同表现
#container { position: relative;background-color: red;width: 300px; height: 400px;z-index:1;}#box1 { position: absolute; top: 100px; left: 210px;原创 2012-08-17 16:24:45 · 969 阅读 · 0 评论 -
cache 浏览器中的几个参数
Pragma: no-cache:跟Cache-Control: no-cache相同,Pragma: no-cache兼容http 1.0 ,Cache-Control: no-cache是http 1.1。Pragma: no-cache可以应用到http 1.0 和http 1.1,而Cache-Control: no-cache只能应用于http 1.1.注意如原创 2012-09-05 12:32:35 · 609 阅读 · 0 评论 -
web安全相关问题
起因:1、http 请求有get与post方式,get最大数据为2KB,而post没有限制。2、get方式只能是ascii字符,中文要进行转义加密:1、传入的数据进行md5加密(王小云破解部分)2、URL_encode对url进行加密,转码 (1)escape() 空格,标点符号,非ascii码 转成%+十六进制的形式,(@ + /*) (2)enc原创 2012-09-06 21:43:03 · 705 阅读 · 0 评论 -
荡平众浏览器差异,从此兵来将挡,水来土掩
尽管目前IE chrome 以及FireFox都逐渐解析HTML与CSS逐渐趋于统一,但世界这么大,鬼明白用户用的是撒子浏览器,拿自身来讲,喜欢用Chrome,很少用IE与Chrome。作为一名开发人员,我们能做的就是专业与志注。 现在总结一下,各浏览器中的主要差异与特征。JS方面:1、 float的写法 IE下styleFoat FF下cssFloat原创 2012-06-28 23:22:50 · 796 阅读 · 0 评论 -
关于XMLHttpRequest
if(this.ActiveXObject && !this.XMLHttpRequest ){ var xmlHttpRequstActiveIds = [ "Microsoft.XMLHTTP"//IE5的,最早的XHR实现 ,"MSXML2.XMLHTTP" //偷懒的办法,调用的2与3.0的版本 //,"MSXM转载 2012-09-12 21:03:43 · 641 阅读 · 0 评论 -
浏览器的渲染模式
渲染模式有两种,1是标准模式(strict mode) 2是怪异模式(quick mode) 那么我们平时开发的页面,怎么判断是标准模式还是怪异模式呢 怪异模式: (1)!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> (2)什么也没有 标准模式: (1)!DOC转载 2012-12-06 22:58:56 · 753 阅读 · 0 评论 -
关于setTimeout与setInterval的区别
JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如[javascript] view plaincopyprint?setTimeout( function(){ alert(’你好!’); } , 0);转载 2013-08-22 16:15:48 · 902 阅读 · 0 评论 -
chrome中tampermonkey与github的使用----新浪基金最新数据查询
总的目标:因为最近在纵禄基金网上买了几支基金,每天又好奇基金涨跌数据,刚好新浪又有相关预测值,所以就想在纵禄基金网上挂上新浪的数据,避免每次打开新浪网。1、要在别人网站上运行相关code,tampermonkey给你方便入口2、运行的code中要使用一些样式文件以及自己的js库,所以需要把相关文件放到github上让tampermonkey可以访问具体的实现过程:原创 2013-10-14 21:27:24 · 5225 阅读 · 0 评论 -
让iframe也可以编辑 el与node的区别
(1)元素Element与Node的区别Element,document.getElementById(),是得到的元素如document与documentElement的区别1、Element 对象表示 XML 文档中的元素。元素可包含属性、其他元素或文本。如果元素含有文本,则在文本节点中表示该文本。是指的一个tag,document.getElementById()取得2、No原创 2012-07-14 12:34:50 · 1149 阅读 · 0 评论 -
高级正则表达式用法
//高级正则表达式用法//1、贪婪(+ ? * )[从最长的开始,有回溯]与非贪婪(+?)[最小开始]//2 分组运算()()//3 replace(/(A)(B)/,function("匹配的内容(A)(B)","A","第二个分组的值B") 模版中常用//4反向引用/([a]23423\1)/ \1 \2 var x = /(A)BBB\1/;x.test原创 2012-04-22 15:59:25 · 518 阅读 · 0 评论 -
闭包的一些简单看法
1、什么是闭包? 闭包是一个函数中申明了另一个函数。 2、闭包在什么时候能保存外部函数的变量? 必须外部函数执行后才能保存(指函数表达式被激活的时候,匿名函数表达式的激活有:call就是()调用,()分组,还有就是return的时候。) 函数是不是值得来锁定一个变量,是看该变量在调用这个函数的时候,是不是能在上下文作用域中找到这原创 2012-04-02 11:26:51 · 466 阅读 · 0 评论 -
backbonejs mvc
等待更新原创 2011-10-29 10:37:36 · 485 阅读 · 0 评论 -
前端MVC_01
以前常关注后台的MVC,M即模型(数据vo以及处持久化操作等),V即展现方面,C控制,主要处理逻辑转向。而对于页面上的mvc模型,基本上与后台那套相差不几。体现优势:让js与html偶合性降低,复用与扩展性增加。最近最的项目中前端组件,也体现上面的思想————将后台传入的VO放在页面上,对于页面上某个标签的赋值,不需要再去访问标签,而是所有操作通过js处理。关于这个项目的思想我会在后面文章中提转载 2011-10-28 17:59:06 · 853 阅读 · 0 评论 -
深入理解JavaScript系列---转汤姆大叔的博客
http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html转载 2012-02-17 12:29:38 · 749 阅读 · 0 评论 -
nodejs win7下安装
Step 1. 下载node.js在windows下是要安装在Cygwin下的,去Cygwin网站下载Cygwin安装程序。Cygwin网站:http://cygwin.com/直接下载地址:http://cygwin.com/setup.exe Step 2. 安装安装你下下来的Cygwin程序,基本上只需下一步就可以。在Choose A Down转载 2012-04-14 09:59:36 · 1093 阅读 · 0 评论 -
JS常用方法的一些总结一
//一些常用的方法收集var Utils = window.Utils = $U = {name:"util",vesion:"wx_0.1"}//清除前后空格键$U.trim=function(str,type){ var regALL = /(^\s*)|(\s*$)/g; var regL = /^\s*/g; var regR = /\s*原创 2012-04-26 21:28:09 · 621 阅读 · 0 评论 -
scrollWidth 与offsetWidth
scrollWidth//指盒子总的长度,一般用来查看是否含有滚动条 offsetWidth//指盒子的长度,含有滚动条的宽度 clientWidth //指可视的长度,不含滚动条的宽度,有滚动条时会占padding或width的宽度,一般是的17px1、查看是否含有滚动条:scrollWidth>offsetWidth2.查看滚动条的宽原创 2012-04-16 21:31:00 · 863 阅读 · 0 评论 -
判断js中对象的类型
1、typeof 形如 var x = "xx"; typeof x == 'string' 返回类型有:'undefined' “string” 'number' 'boolean' 'function' 'object' 缺点:对于object类型不能细分是什么类型原创 2012-07-07 11:04:59 · 22859 阅读 · 0 评论 -
杂
IE Companion.JS http://www.my-debugbar.com/wiki/CompanionJS/HomePagehttp://www.my-debugbar.com/wiki/CompanionJS/HomePage 正则js异步:文章http://han.guokai.blog.163.com/blog/static/136718271201转载 2012-06-28 23:23:26 · 580 阅读 · 0 评论 -
IE6与IE7,8下ifame中用JS控制滚动条的问题
1、IE6 7 8 横竖滚条动不显显示采用 2、对于只显示横或竖滚动条: a.IE6只能控制html里的style.overfowX与overfowY="hidden"来调整, b.7 8 可以通过body一层来控制原创 2012-06-28 23:22:17 · 782 阅读 · 0 评论 -
前端开发学习书籍
从2011年6月踏入JS开发到现在已有二年有余,这里记录下二年时间来所看过的书籍也许现在还有部分人说,学习JS好难,像写菜单,弹出框,日历等组件,觉得很迷惑的,其原因可能与下面几点有关:1、JS没有良好的封装,组织结构(如果你有后台语言C,C++ JAVA当然会简单很多)2、JS,DOM,BOM互相关联要学深,广,前端开发,必须有大型网站开发与设计,解决足够多的问题原创 2013-08-21 15:56:33 · 1648 阅读 · 0 评论