前端技术
文章平均质量分 78
青松
IT智者
展开
-
javascript IO操作
一、功能实现核心:FileSystemObject 对象 要在javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。 二、FileSystemObject编程 使用FileSystemObject 对象进行编程很简单,一般要经过如下的步骤: 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。 (一)创建FileSyste原创 2013-01-23 17:43:29 · 10278 阅读 · 0 评论 -
IE6position:fixed问题解决方案
不废话直接上代码 普通写法 #top{ position:fixed; bottom:0; right:20px; } IE6中写法 #top{ position:fixed; _position:absolute; bottom:0; right:20px; _bottom:auto; _top:expression(eval(document.documentEle原创 2013-04-17 10:49:37 · 630 阅读 · 0 评论 -
A标签href和onclick
在Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是选的,但是写上去是一个好习惯。 你原创 2013-03-28 14:16:15 · 584 阅读 · 0 评论 -
Web前端开发规范文档你需要知道的事
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载转载 2013-04-11 13:41:22 · 650 阅读 · 0 评论 -
web前端性能优化进阶路
Web前端性能优化WPO,相信大多数前端同学都不会陌生,在各自所负责的站点页面中,也都会或多或少的有过一定的技术实践。可以说,这个领域并不缺乏成熟技术理论和技术牛人:例如Yahoo的web站点性能优化黄金法则,以及大名鼎鼎的优化大师Steve Souders。本文并非一篇讨论性能优化技术方法的文章,而更多的是对中文站搜索List页面持续两年多的前端性能优化实践的思路总结。希望对正在从事这个领域转载 2013-04-11 13:34:59 · 664 阅读 · 0 评论 -
Web前端研发工程师编程能力飞升之路
今天看到这篇文章。写的非常有意思。发现自己还有很长的一段路要走。 【背景】 如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧; 如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧; 如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧; WEB前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业转载 2013-04-07 23:41:50 · 995 阅读 · 0 评论 -
前端性能优化
1. 请减少HTTP请求 基本原理: 在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。 一个正常HTTP请求的流程简述:如在浏览器中输入"www.xxxxxx.com"并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才能向服务器发送请求信息,服务器在接受到请求的信息后再返转载 2013-04-07 23:27:35 · 780 阅读 · 0 评论 -
前端面试题
HTML相关 标签的定义与用法。块级元素和行内元素都有哪些?你真的了解HTML吗? 雅虎面试题 CSS相关 介绍所知道的CSS hack技巧(如:_, *, +, \9, !important 之类)。介绍CSS盒模型。CSS层叠是什么?介绍一下。都知道哪些CSS浏览器兼容性问题。有时会被问到些刁钻点的题,比如position值都有哪些,CSS3都有哪些新内容... J原创 2013-04-07 23:24:57 · 832 阅读 · 0 评论 -
雅虎面试题-你真的了解HTML吗?
有这么一段HTML,请挑毛病: 哥写的不是HTML,是寂寞。 我说:不要迷恋哥,哥只是一个传说 这是原来雅虎一道笔试题(文字变了变),用了很多年了,还没有一个人完全答对过。 ============== 解答部分 ============== 出这道题的动机是,太多人觉得HTML太简单,但它恰恰又是前端开发中最基础最重要的部分。HTML结构设计的合不合原创 2013-04-07 23:05:02 · 809 阅读 · 0 评论 -
双飞翼布局(圣杯布局)介绍-始于淘宝UED
仔细分析各种布局的技术实现,可以发现下面三种技术被经常使用: 浮动 float负边距 negative margin相对定位 relative position 这是实现布局的三个最基本的原子技术。只要巧妙组合,并加以灵活运用,就能“拼”出各种布局的实现方案。 尝试之路考虑以下DOM结构:转载 2013-04-02 14:28:38 · 1825 阅读 · 0 评论 -
form表单美化
button,input,select,textarea{ vertical-align:middle; } textarea{ resize:none; vertical-align:top; overflow:auto; font:12px/1.5 Helvetica,Arial; width:500px; height:80px; } .form-text{ margi转载 2013-01-21 18:00:36 · 5385 阅读 · 0 评论 -
HTML&&CSS基础框架
html申明 对ie6-8在html中添加no-css3这个class和各个版本的class,对ie7以下添加lte7这个class,然后根据我们目前使用浏览器的比例,把第一的ie6放在判断第一位。 无标题文档 判断浏览器,添加所需文件 //为ie6-8添加一个ie.css文件 //为ie6添加处理png的js文件 ">原创 2013-01-21 17:47:18 · 2032 阅读 · 0 评论 -
按钮美化
.greenbtn{ border:1px solid #690; box-shadow:inset 0 1px 1px #fff,0 0 1px #fff inset; color:#fff; /* IE9 SVG */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIH转载 2013-01-21 18:04:40 · 1754 阅读 · 0 评论 -
resetCSS
html{ height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing:antialiased; } body{ margin:0; padding:0; background-color:#fff; min-height:100%;转载 2013-01-21 18:02:36 · 645 阅读 · 0 评论 -
常用网页代码结构分享
标题右侧带有链接等 标题类列表 /*普通形式*/ /*右侧带有文字形式*/ 52 排行榜 1 rate-title 2515 用户头像列表 username 图片标题列表转载 2013-01-21 18:18:59 · 797 阅读 · 0 评论 -
Javascript事件模拟
事件是用来描述网页中某一特定有趣时刻的,众所周知事件通常是在由用户和浏览器进行交互时触发,其实不然,通过Javascript可以在任何时间触发特定的事件,并且这些事件与浏览器创建的事件是相同的。这就意味着会有适当的事件冒泡,并且浏览器会执行分配的事件处理程序。这种能力在测试web应用程序的时候,是非常有用的,在DOM 3级规范中提供了方法来模拟特定的事件,IE9 chrome FF Opera 和转载 2013-01-10 13:21:46 · 436 阅读 · 0 评论 -
Comet:基于 HTTP 长连接的“服务器推”技术
Comet简介 浏览器作为 Web 应用的前台,自身的处理功能比较有限。浏览器的发展需要客户端升级软件,同时由于客户端浏览器软件的多样性,在某种意义上,也影响了浏览器新技术的推广。在 Web 应用中,浏览器的主要工作是发送请求、解析服务器返回的信息以不同的风格显示。AJAX 是浏览器技术发展的成果,通过在浏览器端发送异步请求,提高了单用户操作的响应性。但 Web 本质上是一个多用户的系统,对任何转载 2013-01-09 18:14:56 · 572 阅读 · 0 评论 -
前端必读:浏览器工作原理
浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天,有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。 本文将基于一些开源浏览器的例子——Firefox、 Chrome及Safari,Safari是部分开源的。 根转载 2013-05-04 22:37:32 · 937 阅读 · 0 评论