Web前端
关注
分享
扫一扫
文章平均质量分 82
iteye_18183
这个作者很懒，什么都没留下…
展开
-
Web版画图,目前支持SVG，后续支持CANVAS，进来说一两句
由于最近项目比较忙，只做了一个初版，做了一个基本图形和一个平面图的效果，做得不够细致，希望大家多多包涵。保存按钮没有实现，缩略图没有放开(还有一些问题存在)，当前版本是用SVG来画图，以后可以替换成CANVAS来绘制，望大家到demo地址上看看，有遇到bug欢迎提出来，在此感谢:) 目前支持的游览器为:IE9及更高版本(低版本不支持SVG绘图，需要装SVG插件) ...原创 2012-07-01 22:35:11 · 183 阅读 · 0 评论 -
WebStorm：令人眼前一亮的一款前端开发IDE(转)
从最初的dreamweaver,到Notpad++,再到aptana，每一款IDE总让我我感觉少了点什么东西。WebStorm却让我眼前一亮，虽然公司项目所用的开发环境是eclipse+aptana（主要是方便团队协作和工程调试），但是其他时间我都会学习使用WebStorm，现在4.0版本已经出来了，让我们来看看它都有哪些强大之处吧：浏览器支持细节提示关键字，标签，变量，参数和功...原创 2012-11-09 22:26:26 · 693 阅读 · 0 评论 -
Web开发各种常用的 Cheat Sheet 速查手册大全（转）
网络上关于各种语言和应用软件的速查手册和快速参考指南有很多很多，不幸的是当我们需要的时候，总是很难找到，所以我决定花点时间尽可能的收集更多的资源并分享给大家，记得推荐一下哦 索引CSSHTMLJavascriptPHPMySQLColor/Fonts/SEOCMSSoftwaresBrowsers & OSOthers/Misce...原创 2012-11-10 09:16:56 · 1114 阅读 · 0 评论 -
高质量JavaScript精品库集合 In JavaScript,资源工具(转)
编辑器1、Code Mirror又一款“Online Source Editor”，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。视频2、Html5 mediahtml5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多...原创 2012-11-10 10:27:39 · 356 阅读 · 0 评论 -
是时候使用JavaScript严谨模式(Strict Mode)提升团队开发效率 In JavaScript(转)
随着WebApp突飞猛进的发展，Javascript写的WebApp规模越来越庞大，比如典型的代表产品腾讯WebQQ、HTML5游戏等等，Javascript越来越需要大量的开发人员多多人协作开发。同时HTML5、CSS3等新技术和NodeJs项目的高速发展，这几年JavaScript语言借着各种新API陆续被运用到从移动设备到服务器的多个”新领域”中。但JavaScript语言自身由于...原创 2012-11-10 23:33:09 · 106 阅读 · 0 评论 -
你清楚jquery是如何清除ajax缓存的吗？(转)
大家都知道万恶的IE在ajax中往往只读取第一次ajax请求时候的数据，其余时候都是从cache提取数据，（太懒了T_T）。原生的JS清除ajax缓存的方法多,但是终觉有点繁琐，如果是用jquery的同学，就设置一个参数就OK了,那就是cache: false，比如：1234567891011$.ajax({ url:...原创 2012-11-11 11:19:28 · 258 阅读 · 0 评论 -
chrome developer tool 调试技巧(转)
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-e...原创 2012-11-12 13:16:30 · 127 阅读 · 0 评论 -
IE6下position定位子元素溢出，父元素被撑开的解决思路。(转)
在一些被常规的页面布局当中，我们常常需要通过position定位HTML元素来实现我们想要的效果。但是在这个办法在IE6中常常会出现各种问题。例如，我们想让一个子元素溢出其父元素之外显示，而影响父元素本身和其他兄弟元素的样式，我们可以这样写：123456789101112131415161718...原创 2012-11-13 18:04:52 · 242 阅读 · 0 评论 -
两个按位非操作与Math.floor操作(译)
位操作符在我们编码过程中是容易被遗忘的，可能更多的源于我们并不知道这些操作究竟代表什么，或者有什么样的作用，位操作符主要涉及有按位与(&)、按位或(|)、按位非(~)、按位异或(^)、左移(<<)、有符号右移(>>)、无符号右移(>>>),本文主要讲的是按位非(~)。关于这个位操作的原理，大家可以参考这里。按位非(~)操作对数值进行操作...原创 2012-12-10 18:17:03 · 199 阅读 · 0 评论 -
SUBLIME TEXT 2 设置文件详解
Sublime Text 2是那种让人会一眼就爱上的编辑器，不仅GUI让人眼前一亮，功能更是没的说，拓展性目前来说也完全够用了，网上介绍软件的文章和推荐插件的文章也不少，而且很不错，大家可以去找找自己需要的。之前想设置什么都是直接在网上搜，但最近想调行距，这个把我给难住了，软件上的设置没找到，网上搜也没有，最后的最后在Sublime的官方论坛找到了，个人觉得行距还是很影响视觉体验的，看看...原创 2012-12-27 11:21:34 · 131 阅读 · 0 评论 -
MIME Types(转载)
MIME Types - Complete List Table 1. Complete list of MIME typesSuffixes applicableMedia type and subtype(s).3dmx-world/x-3dmf.3dmfx-world/x-3dmf.aapplication/octet-...原创 2013-12-31 10:20:42 · 161 阅读 · 0 评论 -
E6与location.hash和Ajax历史记录 (转载)
为了在IE6中改变hash来保留历史记录实现ajax的前进后退，通常需要在页面内加入隐藏的iframe，对其open+close然后修改iframe的hash，再通过timer更新主窗口的hash，达到让主窗口生成历史记录的目的。参见http://tkyk.github.com/jquery-history-plugin/但是这样做有一个问题，ie6默认是打开导航音的，对于用户而言，如...原创 2014-02-26 12:23:16 · 167 阅读 · 0 评论 -
IE11开发人员工具：内存分析工具详解
上篇我们跟大家介绍了IE11开发人员工具中的新功能：UI响应工具的使用方法，通过这个工具我们可以有效快速的找出网页应用中的哪些组件占用了多少CPU时间，有利于我们对代码进行改进。除了CPU的占用情况我们比较关注以外，应用对内存的占用情况也是值得我们关注的问题。所以今天我们在给大家分享跟UI响应工具一起加入到IE11开发者工具中的新功能：内存分析。通过内存分析工具可以帮助你了解应用的内...原创 2014-02-27 18:32:55 · 1462 阅读 · 0 评论 -
IE11开发人员工具：UI响应工具详解
我讨厌debug，相信也没多少开发者会喜欢。但是当代码出错之后肯定是要找出问题出在哪里的。不过网页开发的时候遇到 BUG 是一件再正常不过的事情了，我们不能保证自己的代码万无一失，于是使用浏览器的开发人员工具调试是我们解决问题最快捷的方法了。微软在 Windows 8.1 预览版中带来了全新的 IE11 浏览器，不光加入了诸如 WebGL 支持等功能，还将F12开发人员工具进行了重新设计，这...原创 2014-02-27 18:33:59 · 341 阅读 · 0 评论 -
基于脚本的动画的计时控制（“requestAnimationFrame”）（转载）
Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用引入了对requestAnimationFrame 方法的支持，该方法通过在系统准备好绘制动画帧时调用该帧，从而为创建动画网页提供了一种更平滑更高效的方法。在此 API 之前，使用 setTimeout 和 setInterval 绘制的动画并没有为 Web 开发人员提供有效的方法来规划动画...原创 2014-03-04 19:12:26 · 454 阅读 · 0 评论 -
JavaScript MVC js也mvc(转载)
JavaScript MVC中文：http://blog.youmila.com/?p=423 —from yapollo.li@gmail.com英文：http://www.alistapart.com/articles/javascript-mvc/ —from Jonathan Snookjavascript 已经从一个“小演员”发展成为舞台的中心”人物“。它的足迹已经遍布我们...原创 2013-03-16 23:59:16 · 161 阅读 · 0 评论 -
如何制作一个可及性强（accessible）的网页弹框(转载)
英文原文：Making an accessible dialog box中文翻译原文：可交互的弹出窗 在今天的web应用中，对话框差不多像他们在桌面应用中一样常见。用一点JavaScript和CSS来显示或隐藏一个覆盖在页面上的元素相当简单，但是很少有人考虑它如何影响可访问性。在很多情况下，它是可访问性的灾难。输入焦点没有被正确处理，屏幕阅读器(译者注：弱视盲人等...原创 2013-04-02 16:18:02 · 171 阅读 · 0 评论 -
JavaScript 时间、格式、转换及Date对象总结(转)
悲剧的遇到问题，从前台得到时间，“Tue Jan 29 16:13:11 UTC+0800 2008”这种格式的，想再后台解析成想要的格式，但是在后台就是解析不了SimpleDateFormat也试着解析了，都是报错，加上Local时区也不行，悲剧了一上午。最后找到下面这篇文章，得到解决了，难道真的不能在后台解析成功吗？还希望大家多多指点1、当前系统区域设置格式(toLocaleDateStr...原创 2013-04-10 14:49:20 · 161 阅读 · 0 评论 -
http status详述【转载】
http含义：http 200:-文件被正常的访问http 302:临时重定向 HTTP错误列表HTTP 400 - 请求无效HTTP 401.1 - 未授权：登录失败HTTP 401.2 - 未授权：服务器配置问题导致登录失败HTTP 401.3 - ACL 禁止访问资源HTTP 401.4 - 未授权：授权被筛选器拒绝HTTP 401.5 - 未授权：...原创 2012-11-09 18:16:37 · 326 阅读 · 0 评论 -
跨域资源共享的10种方式（转）
同源策略在客户端编程语言中，如javascript和ActionScript，同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域，什么叫不同的域呢？当两个域具有相同的协议(如http), 相同的端口(如80)，相同的host（如www.example.o...原创 2012-11-07 22:08:58 · 133 阅读 · 0 评论 -
HTTP协议头部与Keep-Alive模式详解(转)
——献给那些向我这样对HTTP的“伪”熟悉者。故事发生在10月份的一次面试经历中，本来我不想说出来丢人显眼，但是为了警醒自己和告诫后人，我决定写成博文发出来。因为在面试过程中，我讲在2009年写过QQ农场助手，在这期间深入学习了HTTP协议，而且在2010-05-18写了博文：HTTP协议及其POST与GET操作差异 & C#中如何使用POST、GET等 。面试官说既然我熟悉H...原创 2012-11-06 16:34:52 · 166 阅读 · 0 评论 -
HTML5本地存储不完全指南 (转载)
编辑推荐：这篇文章来自于黑客志，对HTML5的本次存储方式进行了非常全面的介绍和分析，对于学习HTML5的开发者来说，不容错过哦。 历史 在HTML5本地存储之前，如果我们想在客户端保存持久化数据，有这么几个选择： HTTP cookie。HTTP cookie的缺点很明显，最多只能存储4KB的数据，每个HTTP请求都会被传送回服务器，明文传输（除非你使用SSL）。...原创 2012-02-02 17:57:45 · 109 阅读 · 0 评论 -
11个有用的移动网页开发App和HTML5框架 (转载)
在过去的两年里，触屏设备飞速增长。iOS和Android设备让开发者和设计师开始重新思考他们的网页应用，以提供更好的触屏体验。移动Web应用相对于本地的App有很多优势，虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于HTML的webapp开发。他们支持大部分流行的智能手机和平板。1.Lungo.js：HTML5移动开发框架Lun...原创 2012-02-02 18:38:29 · 192 阅读 · 0 评论 -
最好的HTML 5编码教程和参考手册分享 (转载)
有志于在泰泽上大展拳脚的同学们一点要收藏一下关于HTML5的一些好教材好文章了， 这里为大家转载了一篇， 方便大家记录 今天我们介绍相关HTML5的参考手册，演讲稿，电子书和教程。HTML5是新兴的web技术，虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5，特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发展。毫无质疑，现在...原创 2012-02-03 18:30:10 · 124 阅读 · 0 评论 -
15款很棒的 JavaScript 开发工具(转载)
在开发中，借助得力的工具可以事半功倍。今天，这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具。TestSwarm: Continious & Distributed JS Testing TestSwarm是Mozilla实验室推出的一个开源项目，它旨在为开发者提供在多个浏览器版本上快速轻松测试自己JavaScript代码的方法。Minim...原创 2012-02-11 17:49:32 · 212 阅读 · 0 评论 -
javascript 内存监测工具（转载）
说明: 本篇内容摘自本站一位仁兄的，在这里加贴是为了做点补充并上传附件方便后来的朋友下载和学习。 javascript内存泄露的问题一直以来都不受到大家的重视，原因是对用户的影响没有太实际的表现，或许近几年内存发展迅速。脚本内存再泄露也不会有太大影响。 当然作为前端开发的同学们，就不能有这样的侥幸心理。出现memory leaks很大程度上是因为程序的不成熟和编码不太规范造成的。不过，这里就...原创 2012-07-26 11:20:30 · 203 阅读 · 0 评论 -
11个处理触摸事件和多点触摸的JS库（转载）
11个处理触摸事件和多点触摸的JS库（转载）触摸屏是现在所有智能手机的标配，还包括各种平板设备，而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的Web应用，我们需要借助浏览器的触摸事件来实现。下图是各种触摸事件说明：本文我们介绍11个用来处理触摸事件以及支持多点触摸的JS库：1.QUO JSQuoJS是一个小型、模块化、面向对象的JavaScri...原创 2012-08-02 18:17:59 · 471 阅读 · 0 评论 -
tomcat 服务器开启gzip压缩功能(转载)
tomcat 服务器开启gzip压缩功能2010-05-05 9:41转自: http://blog.soluo.info/archives/28.html今晚才发现ckeditor又有新版本放出了，于是上官网下了下来，顺便点进它的官方demo页面逛了圈，demo加载还是一样的很快，比我博客上用的快 多了，很好奇官方demo是不是也用那个260多k的ckeditor.j...原创 2012-08-08 12:20:37 · 188 阅读 · 0 评论 -
Dojo与jQuery综合比较分析(转载)
最近Dojo和jQuery双双发布了最新的1.8版本，有着相同版本号的两个Javascript库也有许多核心的相同之处：相同的资源加载机制AMD、相同的选择器 引擎Sizzle等。作为业界知名的Javascript库，Dojo和jQuery在各自领域有着为数众多的拥护者。不过正所谓一把钥匙开一把锁，对一个项目来说肯定有个最适合它的工具库，用对了工具才能事半功倍。所以对项目经理或是技术总...原创 2012-08-08 16:26:56 · 128 阅读 · 0 评论 -
10个chrome console实用小技巧(转)
1. 基本输出让我们先从最常见的console.log开始，console.log负责将输入的一个或多个参数写入console，因此，如果你需要输出较为复杂的表达式，可以直接将它们分割为多个参数，而不需要用+进行手动拼接：console.log("Node count:", document.childNodes.length, "and the current time is:"...原创 2013-05-09 10:56:41 · 337 阅读 · 0 评论 -
浅析JavaScript的原型链(转载)
原文地址：http://blog.endlesscode.com/2010/01/23/javascript-prototype-chain/原型的含义是指：如果构造器有个原型对象A，则由该构造器创建的实例(Object Instance)都必然复制于A。““在JavaScript中，对象实例(Object Instance)并没有原型，而构造器(Constructor)有原型，属...原创 2012-09-06 11:41:48 · 105 阅读 · 0 评论 -
document.body和document.documentElement(转载)
对于document.compatMode，很多朋友可能都根我一样很少接 触，知道他的存在却不清楚他的用途。其实这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在不声明Doctype的情况下，浏览器默认是Quirks Mode。所以为兼容性考虑，我们可能需要获取当前的文档渲染方式。 documen...原创 2012-10-10 16:54:16 · 142 阅读 · 0 评论 -
table-layout:fixed与auto与表格内换行
table-layout : auto | fixed 参数：auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢fixed : 固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度。设置或检索表格的布局算法。 对应的脚本特性为tableLayout。示例： table { table-la...原创 2012-10-12 13:26:08 · 519 阅读 · 0 评论 -
Layout Gala --- 40 个 CSS 布局（转）
这套布局模板来自于html.it，总计 40 个，覆盖流体、固定宽度、两列、三列等等各种常见的布局形式。最让人称道的是，这 40 个模板采用了完全一致的 HTML 结构(based on the same markup)，并严格遵循了“重要内容优先加载”的原则(页面的content部分)，HTML 与 CSS 部分均能通过 W3C 验证，同时在 IE/win 5.0+, Opera 8.5+...原创 2012-10-19 18:15:28 · 157 阅读 · 0 评论 -
如何减少浏览器的repaint和reflow?(转载)
文本内容主要包括以下几点：什么是repaint/reflow?什么情况下会触发浏览器的repaint/reflow?浏览器自身所作的优化如何优化你的脚本来减少repaint/reflow? 一、什么是repaint/reflow?页面在加载的过程中，需要对文档结构进行解析，同时需要结合各种各样的样式来计算这个页面长什么样子，最后再经过浏览器的渲染页面就出现了。...原创 2012-11-01 11:13:41 · 149 阅读 · 0 评论 -
iframe历史记录问题(转载)
在做页面统计的时候遇到了两个问题：1.包含iframe的页面，在IE下按后退按钮不能刷新主页面。隐藏Iframe的src是统计程序的url，每点一次后退，就会发出一次页面加载时间请求。2.由js动态创建的img标签会发出两个http请求，第一个请求在发出后就被aborted，但实际上统计脚本收到了该请求，造成数据重复入库。针对第一个问题，怀疑是IE针对iframe处理同firefo...原创 2013-10-17 10:21:14 · 1082 阅读 · 0 评论 -
Javascript跨域和Ajax跨域解决方案总结(转)
最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题，但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的数据，这有些危险，是否继续"1.什么引起了ajax跨域不能的问题ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。2.有什么完美的解决方案么？没有。解决方案有...原创 2012-11-06 13:35:03 · 140 阅读 · 0 评论 -
使用HTML5 跨域共享特性解决AJAX跨域数据同步问题(转)
HTML 5以前的标准由于考虑到浏览器安全问题并不允许直接跨域通信，于是为了达到跨域通信的目的各种蛋疼的解决办法出现了，常用的有：jsonp、使用代理文件、地址栏hash等等，这些办法的出现在达到解决跨域问题的同时，也增加了前端页面的性能开销和维护成本。HTML5新的标准中，增加了” Cross-Origin Resource Sharing”特性，这个特性的出现使得跨域通信只需通过配置ht...原创 2012-11-06 13:36:19 · 117 阅读 · 0 评论 -
CSS3那些不为人知的高级属性(转)
原文：CSS的未来：一些试验性CSS属性译自：The Future Of CSS: Experimental CSS Properties转载自: http://www.cnblogs.com/radom/archive/2012/04/19/2457356.html尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-...原创 2013-04-19 13:35:41 · 163 阅读 · 0 评论