随笔分类 -  web前端

1 2 3 下一页
WEB前端开发中的SEO注意点
摘要：近几年来，SEO在国内得到了蓬勃的发展，其中很多的SEO技术越来越体现在web前端的一些细节上。要做好SEO，WEB前端这一块也要做必不可少的优化。 这就要求我们WEB前端工程师在开发页面的时候，要写出规范标准的代码，符合SEO，做好用户体验。 以下是一些零度逍遥在平时工作中总结的一些前端开发中的S 阅读全文
posted @ 2017-03-06 16:27 零度逍遥 阅读(458) 评论(0) 推荐(1)
使用CSS3制作网站常用的小三角形
摘要：现在在前端开发中，经常会看到一些小三角形，如一些导航的下拉菜单，还有一些聊天信息的气泡模式，很多时候我们都是通过切图片的方法来制作，今天零度给大家分享一个完全通过css3实现的小三角效果。 先上html代码： 我使用了四个div分别展示上下左右四个方向的箭头，下面是css代码： 这样出来的效果就是这 阅读全文
posted @ 2017-03-06 16:26 零度逍遥 阅读(544) 评论(0) 推荐(1)
JS实现文字图片无缝滚动
摘要：今天做项目遇到一个滚动的效果，本来打算用marquee做的，因为它是html自带的标签，写起来简单，但是有一个问题就是marquee不能实现无缝滚动，上网找了一些方法，发现marquee可以实现无缝，但要在脑残的IE环境下。 没办法，为了达到要求，自己又从网上找了一些相关的代码加以修改，最终实现了效 阅读全文
posted @ 2017-03-06 16:24 零度逍遥 阅读(897) 评论(2) 推荐(1)
jquery操作select的各种方法
摘要：在工作中，有时候会遇到给select组件添加一些事件，前两天发表了一篇文章，《用jquery给select加选中事件》大致阐述了简单的jq操作select的方法，但是为了详细的介绍一下select，争取让大家把它吃透，也为了和脑残的IE作斗争，于是有了这篇文章的诞生。 一、使用jquery获取sel 阅读全文
posted @ 2017-03-06 16:21 零度逍遥 阅读(2062) 评论(0) 推荐(0)
CSS提高渲染速度的写法
摘要：写CSS的习惯，决定页面渲染速度的快慢，这一点在脑残的IE里更加明显。养成良好的习惯，乃至形成规范，会让你的页面更快速的加载，用户体验度更高，下面是零度逍遥总结的一些提高CSS渲染速度的写法，供大家参考。 1、不要使用*{} 经常有前端开发人员使用*{margin:0; padding:0}来进行C 阅读全文
posted @ 2017-03-06 16:21 零度逍遥 阅读(831) 评论(0) 推荐(0)
WEB前端开发工程师成长计划
摘要：今天看到一篇文章，感觉很不错，于是转了过来，同时也给自己规划一个方向。 【背景】 如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；w 阅读全文
posted @ 2017-03-06 16:19 零度逍遥 阅读(2763) 评论(0) 推荐(2)
CSS中关于vertical-align垂直对齐
摘要：一向以来，我对vertical-align的属性都搞的不是太清楚，今天刚好碰到有朋友问我相关的问题，于是自己潜心研究了一番，发现这玩意还真不是个简单的东西，在此我分享的东西都是抛弃脑残的IE的，如果你用的是脑残的IE，请跳过此篇文章。 一、为什么我设置的vertical-align没用？ 相信很多前 阅读全文
posted @ 2017-03-06 16:15 零度逍遥 阅读(1120) 评论(0) 推荐(0)
用jquery给select加选中事件
摘要：select在前端开发过程中很常用，现在我们要实现一个效果，那就是选中select中的某一项，执行事件，本来自己没怎么接触过这些，最后网上找了一些资料，自己研究了一下，把方法分享给大家，大家如果有需要的可以直接拿过去用，当然这个方法在脑残的IE里也是支持的。 我就演示一个简单的效果吧 我要实现sel 阅读全文
posted @ 2017-03-06 16:14 零度逍遥 阅读(26023) 评论(0) 推荐(0)
CSS常用原子类base.css
摘要：在写css文件时，一些常用的属性我们完全可以把它单独提出来，提高复用性，能增加开发效率，下面是一些网站推荐的常用原子类，也是零度逍遥常用的，规定了一些字体，内外边距和宽高属性，一般写在base.css内，分享给大家，希望大家在开发的时候能够事半功倍。当然，对于脑残的IE也都是支持的。 阅读全文
posted @ 2017-03-06 16:12 零度逍遥 阅读(2742) 评论(0) 推荐(0)
前端开发规范集锦
摘要：以下是我个人整理的一些前端开发规范，各位前端工程师平常没事的时候可以看看，争取都用在自己开发的项目上，当然这些脑残的IE也都是支持的。 一、html规范 1.符合web2.0标准，语义化html，结构、表现、行为三层分离，兼容性优良，代码简洁明了有序，尽可能的减少服务器负载，快速的解析速度。 2.正 阅读全文
posted @ 2017-03-06 16:12 零度逍遥 阅读(458) 评论(0) 推荐(0)
CSS的水平居中和垂直居中解决方案
摘要：在写CSS样式的时候，有时为了美观，会添加水平居中和垂直居中，这时候你有可能会遇到很棘手的问题，有些水平居中和垂直居中的属性添加上去完全没反应，下面给大家列举一些CSS水平居中和垂直居中的终极解决方案： 一、CSS的水平居中 css水平居中有大致有以下三种情况： 1.文本、图片等行内元素： 给父元素 阅读全文
posted @ 2017-03-06 16:11 零度逍遥 阅读(782) 评论(0) 推荐(0)
如何组织CSS？
摘要：前端工程师在开发一个单页面或者小网站的时候有可能不会在意CSS的组织问题，但如果要开发一个中大型的网站，就要好好的组织CSS文件，不然会增加维护成本，整个网站的结构也没条理性。 如何组织CSS？一般常用的方法是按功能划分，分为三大类： 1、base类 base类是css最底层的类，也就是通用原子类， 阅读全文
posted @ 2017-03-06 16:10 零度逍遥 阅读(286) 评论(0) 推荐(0)
关于前端工程师一定要做的6件事和自己的感悟
摘要：网络上流传着一篇文章《前端工程师一定要做的6件事》，分别是：1、一定要有饭吃，2、一定要学习，3、一定要跳槽，4、一定要犯错，5、一定要写博客，6、一定要分享。零度看过以后，感慨异常，下面针对各点说说自己的感悟，算是抛砖引玉，也希望朋友们可以说出你们自己的想法。 一、一定要有饭吃，这一点毋庸置疑，只 阅读全文
posted @ 2017-03-03 11:44 零度逍遥 阅读(689) 评论(0) 推荐(0)
让透明div里的文字不透明
摘要：最近在工作中遇到一个问题，我在div里写上文字，当我把div变为半透明的时候，里面的文字也会随之透明。情况如下： 这样我的文字几乎看不清，这当然不是我想要的，随即去查询资料，找到了一个解决办法，使用css3的属性： 这种方式是利用css3的新属性，更改背景的透明度，这样就不会影响到内容的透明度，但是 阅读全文
posted @ 2017-03-03 11:43 零度逍遥 阅读(720) 评论(0) 推荐(0)
利用css3的多背景图属性实现幻灯片切换效果
摘要：css3里关于背景的属性增加了可以添加多背景图的特性，例如： 这段css代码，就给.box元素添加了三张背景图，而正因为有了这样一个功能，我们可以利用不停的变换这三张背景图的位置来实现幻灯片切换的效果。 html代码非常精简，如下： 简单的给一些样式： 以下是js部分（jq代码）： 这种方法实现会比 阅读全文
posted @ 2017-03-03 11:41 零度逍遥 阅读(3198) 评论(0) 推荐(0)
CSS响应式布局到底是什么？
摘要：响应式布局是最近几年在前端开发中非常火热的词，它是相对于固定像素大小的网页而言的，那么CSS响应式布局到底是什么？顾名思义，响应式布局就是网页能够响应各种各样不同分辨率大小的设备，能够将网页很好的呈献给用户，也因此受到很多前端开发人员的追捧，可能很多人早就已经知道甚至已经用过响应式布局来制作网页，但 阅读全文
posted @ 2017-03-03 11:38 零度逍遥 阅读(3984) 评论(0) 推荐(0)
整站快速变黑白灰的方法
摘要：经常看到一些网站遇到重大灾害事故的时候，选择默哀，会把网站的整体颜色变成黑白灰，这种技术其实并不复杂，仅仅是通过滤镜就可实现，下面我把我常用的方法分享给大家。 在css文件中插入以下代码： 保存刷新，你会发现页面瞬间变成了黑白灰基调。当然我们也可以在html文档中直接添加: 效果是一样的，通过css 阅读全文
posted @ 2017-03-03 11:37 零度逍遥 阅读(727) 评论(0) 推荐(0)
分析一下jquery中的ajax操作
摘要：在web前端开发中，ajax是很重要的一项技术，用原生写起来很是麻烦，需要一大堆js代码，而到了jq里就被精简了许多，一起来看看： jquery中的ajax分为三种方式： 1.$.get()，get方式获取 例子： 2.$.post()，post方式获取 例子： 大家可以看出，post方式和get方 阅读全文
posted @ 2017-03-03 11:35 零度逍遥 阅读(170) 评论(0) 推荐(0)
什么是jquery中的事件委派？
摘要：在jquery中有一个很重要的概念——事件委派，相信很多搞前端开发的人都听说过，零度逍遥本来对此不是十分理解，但经过一个高人的指点后，才发现这个功能还是蛮强大的，今天就给大家分享一下。 事件委派的定义就是，把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。 说的有点抽象，按照惯例， 阅读全文
posted @ 2017-03-03 11:34 零度逍遥 阅读(555) 评论(0) 推荐(0)
关于checkbox的一些jquery操作
摘要：表单在前端开发中是经常会遇到的，其中自然也少不了checkbox复选框，对于复选框的操作无外乎有以下三种：全选，全不选，反选。下面零度逍遥就给大家分析分析。 一、checkbox全选 大家都知道选择checkbox的方式是给它加上属性checked:'checked'，所以用jquery的方式就可以 阅读全文
posted @ 2017-03-03 11:33 零度逍遥 阅读(214) 评论(0) 推荐(0)

1 2 3 下一页