zhangzhifei1991的专栏

你可以把一个Url链接看作一个数据，允许输入任何量的数据。这些数据可以是一张图片、asii文本、xml数据。用法如下： URI定义于IETF标准的RFC 239你可以把一个Url链接看作一个“数据”，允许输入任何量的数据。这些数据可以是一张图片、asii文本、xml数据。用法如下： data:image/jpeg;base64,base_64_encoded_jpeg_goes

过去几年，我们常常会听说硬件加速给移动端带来了巨大的体验提升，但是即使对于很多经验丰富的开发者来说，恐怕对其背后的工作原理也是模棱两可，更不要合理地将其运用到网页的动画效果中了。在本文中，我会和大家分享有关硬件加速的前端技巧。为什么要关心硬件加速下面让我们来看一个动画效果，在该动画中包含了几个堆叠在一起的球并让它们沿相同路径移动。最简单的方式就是实时调整它们的 left 和 top

你遇到过性能很差的网页吗？这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？本文将详细介绍性能问题的出现原因，以及解决方法。一、网页生成的过程要理解网页性能为什么不好，就要了解网页

很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。　　而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。　　前面几题是会很基础，越下越有深度。　　附上第一篇：BAT及各大互联网公司2014前端笔试面试题--JavaScript篇　　Html篇：

很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习js更是大有裨益。　　而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。　　附上第二篇：BAT及各大互联网公司2014前端笔试面试题--Html,Css篇　　前面几题是会很基础，越下越有深度。　　　　初级Javasc

昨晚由于需要用data:uri，于是做了这么个转换工具可本地使用，因为文件不用上传疯狂的点击这里看demo截图[此截图使用datauri,看不见请升级人品]上面这张图的datauri1data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA/QAAAJBCAIAAABnN2

什么是hasLayout?　　要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清楚的概念。大多IE下的显示错误，就是源于 haslayout。　　什么是 haslayout ？　　haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplo

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；定义正文或一篇完整的内容；定义补充或相关内容； 使用他们能让代码语义

什么是FOUC？如何避免FOUC？2012年11月26日shiyun发表评论阅读评论今天了解了一个新的名词叫做 FOUC 浏览器样式闪烁，之前也听说过一些类似的东西，比如样式突变等等，但这东西竟然有学名的。。什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪

gzip文本压缩方案能够极大地jians

译自：http://developer.yahoo.com/performance/rules.html最近，YouMonitor.Us在做Web应用性能优化，在网上发现了文章High Performance Web Sites: The Importance of Front-End Performance，感觉其14条优化法则很实用，操作性很强。因此翻译出来，供大家参考。W

来源：互联网 作者：佚名 时间：04-14 14:28:04 【大 中 小】 今天在查看web服务器日志的时候看到有很多304的http状态，为什么会返回304而不是200呢？这与服务器的缓存设置非常有关HTTP 304: Not Modified 标准解释是：Not Modified 客户端有缓冲的文档并发出了一个条件性的请求（一般是提供If-Modified-Sin

jsp中的application对象，等同于servlet中的

针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack，本文向大家介绍一下使用CSS hack区别不同浏览器的方法，主要浏览器有IE6，IE7，Firefox等，相信本文介绍一定会让你有所收获。使用CSS hack区别不同浏览器CSS hack由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,

现在移动设备越来越多，使用手机上网的人也越来越多，移动设备也成为访问互联网的常见终端设置。以前我们在编写管理系统的时候，客户端只需要考虑PC机桌面设备，现在则必须要考虑到移动终端设备了。移动终端设备的屏幕分辨率很多都不一样，手机就分很多种大小的，然后还有一些平板电脑，如ipad,ipad迷你，等等，大小很难统一， 浏览器也各式各样，这使得做移动设备的客户端界面有了一定的困难，总不不能每种尺

介绍 　　做web开发，我个人觉得必须要弄清楚浏览器的渲染过程，否则我们很难进行前端优化。　　我今天就简单说一下页面加载和前端优化。 页面加载 我按照最简单的方式进行描述，实际上更复杂，不管是在浏览器端还是服务端，比如dns解析，代理服务器，负载均衡器等等。 1、用户访问网页，发送一个http请求到网络服务器。

记一次淘宝首页奇葩的渲染问题作者: 小胡子哥 2015-10-14 12:27:18 分类: 前端杂烩 标签: bug, 渲染 评论数: 9条评论或许你曾经在 chrome 浏览器上碰到过这样让人瞠目结舌的问题:Hover触发一个层展示, hover离开后, 这个层还遗留残影浏览器没有清理一个元素渲染的上一个状态, 导致页面多出一个错位的跟该元素一模一样的影