2017年3月6日
摘要: 近几年来,SEO在国内得到了蓬勃的发展,其中很多的SEO技术越来越体现在web前端的一些细节上。要做好SEO,WEB前端这一块也要做必不可少的优化。 这就要求我们WEB前端工程师在开发页面的时候,要写出规范标准的代码,符合SEO,做好用户体验。 以下是一些零度逍遥在平时工作中总结的一些前端开发中的S 阅读全文
posted @ 2017-03-06 16:27 零度逍遥 阅读(420) 评论(0) 推荐(1) 编辑
摘要: 现在在前端开发中,经常会看到一些小三角形,如一些导航的下拉菜单,还有一些聊天信息的气泡模式,很多时候我们都是通过切图片的方法来制作,今天零度给大家分享一个完全通过css3实现的小三角效果。 先上html代码: 我使用了四个div分别展示上下左右四个方向的箭头,下面是css代码: 这样出来的效果就是这 阅读全文
posted @ 2017-03-06 16:26 零度逍遥 阅读(467) 评论(0) 推荐(1) 编辑
摘要: 今天做项目遇到一个滚动的效果,本来打算用marquee做的,因为它是html自带的标签,写起来简单,但是有一个问题就是marquee不能实现无缝滚动,上网找了一些方法,发现marquee可以实现无缝,但要在脑残的IE环境下。 没办法,为了达到要求,自己又从网上找了一些相关的代码加以修改,最终实现了效 阅读全文
posted @ 2017-03-06 16:24 零度逍遥 阅读(855) 评论(2) 推荐(1) 编辑
摘要: 在工作中,有时候会遇到给select组件添加一些事件,前两天发表了一篇文章,《用jquery给select加选中事件》大致阐述了简单的jq操作select的方法,但是为了详细的介绍一下select,争取让大家把它吃透,也为了和脑残的IE作斗争,于是有了这篇文章的诞生。 一、使用jquery获取sel 阅读全文
posted @ 2017-03-06 16:21 零度逍遥 阅读(1845) 评论(0) 推荐(0) 编辑
摘要: 写CSS的习惯,决定页面渲染速度的快慢,这一点在脑残的IE里更加明显。养成良好的习惯,乃至形成规范,会让你的页面更快速的加载,用户体验度更高,下面是零度逍遥总结的一些提高CSS渲染速度的写法,供大家参考。 1、不要使用*{} 经常有前端开发人员使用*{margin:0; padding:0}来进行C 阅读全文
posted @ 2017-03-06 16:21 零度逍遥 阅读(794) 评论(0) 推荐(0) 编辑
摘要: 今天看到一篇文章,感觉很不错,于是转了过来,同时也给自己规划一个方向。 【背景】 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;w 阅读全文
posted @ 2017-03-06 16:19 零度逍遥 阅读(2692) 评论(0) 推荐(2) 编辑
摘要: 一向以来,我对vertical-align的属性都搞的不是太清楚,今天刚好碰到有朋友问我相关的问题,于是自己潜心研究了一番,发现这玩意还真不是个简单的东西,在此我分享的东西都是抛弃脑残的IE的,如果你用的是脑残的IE,请跳过此篇文章。 一、为什么我设置的vertical-align没用? 相信很多前 阅读全文
posted @ 2017-03-06 16:15 零度逍遥 阅读(1087) 评论(0) 推荐(0) 编辑
摘要: select在前端开发过程中很常用,现在我们要实现一个效果,那就是选中select中的某一项,执行事件,本来自己没怎么接触过这些,最后网上找了一些资料,自己研究了一下,把方法分享给大家,大家如果有需要的可以直接拿过去用,当然这个方法在脑残的IE里也是支持的。 我就演示一个简单的效果吧 我要实现sel 阅读全文
posted @ 2017-03-06 16:14 零度逍遥 阅读(25922) 评论(0) 推荐(0) 编辑
摘要: 在写css文件时,一些常用的属性我们完全可以把它单独提出来,提高复用性,能增加开发效率,下面是一些网站推荐的常用原子类,也是零度逍遥常用的,规定了一些字体,内外边距和宽高属性,一般写在base.css内,分享给大家,希望大家在开发的时候能够事半功倍。当然,对于脑残的IE也都是支持的。 阅读全文
posted @ 2017-03-06 16:12 零度逍遥 阅读(2685) 评论(0) 推荐(0) 编辑
摘要: 以下是我个人整理的一些前端开发规范,各位前端工程师平常没事的时候可以看看,争取都用在自己开发的项目上,当然这些脑残的IE也都是支持的。 一、html规范 1.符合web2.0标准,语义化html,结构、表现、行为三层分离,兼容性优良,代码简洁明了有序,尽可能的减少服务器负载,快速的解析速度。 2.正 阅读全文
posted @ 2017-03-06 16:12 零度逍遥 阅读(379) 评论(0) 推荐(0) 编辑
摘要: 在写CSS样式的时候,有时为了美观,会添加水平居中和垂直居中,这时候你有可能会遇到很棘手的问题,有些水平居中和垂直居中的属性添加上去完全没反应,下面给大家列举一些CSS水平居中和垂直居中的终极解决方案: 一、CSS的水平居中 css水平居中有大致有以下三种情况: 1.文本、图片等行内元素: 给父元素 阅读全文
posted @ 2017-03-06 16:11 零度逍遥 阅读(753) 评论(0) 推荐(0) 编辑
摘要: 前端工程师在开发一个单页面或者小网站的时候有可能不会在意CSS的组织问题,但如果要开发一个中大型的网站,就要好好的组织CSS文件,不然会增加维护成本,整个网站的结构也没条理性。 如何组织CSS?一般常用的方法是按功能划分,分为三大类: 1、base类 base类是css最底层的类,也就是通用原子类, 阅读全文
posted @ 2017-03-06 16:10 零度逍遥 阅读(262) 评论(0) 推荐(0) 编辑