分类:经验/技巧

编写高效的jQuery代码技巧总结

编写高效的jQuery代码技巧总结
最近写了很多的js,虽然效果都实现了,但是总感觉自己写的js在性能上还能有很大的提升。本文我计划总结一些网上找的和我本人的一些建议,来提升你的jQuery和javascript代码。好的...

1年前 (2017-02-24) 2622℃ 评论 () 2273喜欢

前端面试题总结

前端面试题总结
一、一个页面上两个div左右铺满整个浏览器,要保证左边的div一直为100px,右边的div跟随浏览器大小变化(比如浏览器为500,右边div为400,浏览器为900,右边div为800),请写出大概的css代...

1年前 (2017-02-20) 2128℃ 评论 () 1557喜欢

各个浏览器开启CSS Grid Layout的方式

各个浏览器开启CSS Grid Layout的方式
接上一篇:2017年要学习的三个CSS新特性2017年3月,Chrome、Firefox将开启默认支持。当然对于很多人等不及浏览器默认支持,想提前体验一把,这里提供一些打开方式:1、Chrome在浏览器...

1年前 (2017-02-16) 1841℃ 评论 () 1547喜欢

CSS思维导图,教你轻松记住css方法

CSS思维导图,教你轻松记住css方法
本质CSS的本质可以分为宏观与微观两方面。宏观上它的存在就是为了控制页面的显示样式。包括布局,颜色,字体等。微观上则是实现这种控制功能的各种属性的定义和工作原理。了解...

1年前 (2017-01-20) 2622℃ 评论 () 1690喜欢

CSS属性推荐书写顺序

CSS属性推荐书写顺序
div{ position: ; top: ; right: ; bottom: ; left: ; z-index: ; float: ; display: ; width: ; height: ; max-width: ; max-height: ; min-width: ; min...

1年前 (2017-01-20) 1931℃ 评论 () 1664喜欢

年后能帮忙找个工作吗?

年后能帮忙找个工作吗?
听说今年很多刚毕业同学还没有找到工作,今天优设特意集结了一批精华好文,从准备简历、面试到找工作技巧,都能学到来自 BAT 多位资深设计师的宝贵经验,考虑到新入职场可能有不适,...

1年前 (2017-01-19) 1533℃ 评论 () 1282喜欢

优雅降级和渐进增强的区别

优雅降级和渐进增强的区别
之前在看一些css3效果demo的时候,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,当然这也有可能包含了coder个人...

1年前 (2017-01-16) 1754℃ 评论 () 1545喜欢

web前端工程师应该具备与培养的三种思维

web前端工程师应该具备与培养的三种思维
如果你是一个天才等级的工程师(马上可以离开),可以独立完成一个很多事情,你可以是一个怪咖,因为我相信没有一个人不会不佩服你。但现实归现实,多数人都不是天才,而我们在职场上也不...

1年前 (2017-01-02) 1924℃ 评论 () 1451喜欢

响应式图片解决方案

响应式图片解决方案
如今开发一个网站不是响应式都不好意思拿出来,那么作为响应式中的重要一环「响应式图片」你又是如何解决的呢?网站的平均加载已经到了近 2MB 并在不断地增加中,其中图片占据了...

1年前 (2016-12-26) 1517℃ 评论 () 1248喜欢

前端开发应该知道的一些JQuery小技巧

前端开发应该知道的一些JQuery小技巧
下面这些简单的小技巧能够帮助你玩转jQuery,帮你提升 jQuery 技能。返回顶部按钮预加载图像检查图像是否加载自动修复破坏的图像悬停切换类禁用输入字段停止加载链接切换淡入...

1年前 (2016-12-25) 1553℃ 评论 () 1275喜欢

网站前端静态页面目录组织结构

网站前端静态页面目录组织结构
很多同学不太清楚具体实施项目时,网站的目录结构是怎样的,下面给出一个参考,一般网站会分成以下的拆分结构方式:Root(根目录)|——header.html(页头) |——footer.html(页...

1年前 (2016-12-20) 1828℃ 评论 () 1156喜欢

页面重构工作者的必备素质

页面重构工作者的必备素质
做为一个专职的页面重构者,我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考...

1年前 (2016-12-08) 784℃ 评论 () 710喜欢

IE9以下自定义命名标签方法

IE9以下自定义命名标签方法
自定义命名标签 在早期,HTML网页头部常常这么写,如:<html xmlns="http://www.w3.org/1999/xhtml"> xmlns是值html文档所用到的命名空间,通常都是w3c的规范,所以都指向这个地址。...

1年前 (2016-11-27) 1280℃ 评论 () 1040喜欢

DOCTYPE html页面头部声明的含义

DOCTYPE html页面头部声明的含义
新建一个html页面时,会看到默认就已经有一些内容,下面详细来解释下具体什么意思。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...

1年前 (2016-11-27) 1237℃ 评论 () 583喜欢

Bootstrap2和3的区别与选择指南

Bootstrap2和3的区别与选择指南
相信大家对Bootstrap都已经不陌生了,这个在网站建设领域赫赫有名的前端开发框架可谓是受到了全球前端工程师的推崇。 不过自从推出了Bootstrap3版本以来,国内很多朋友都在Boos...

1年前 (2016-11-20) 1296℃ 评论 () 1036喜欢

条件注释判断浏览器

条件注释判断浏览器
有时我们会在网站头部看到:<!--[if IE 7]><![endif]-->或者<!--[if lt IE 9]><![endif]-->其他浏览器会将其作为注释而忽略这些语句,因为他们是IE专门提供的一种语法,如此就能...

1年前 (2016-11-05) 1240℃ 评论 () 1405喜欢

形成网页的基本结构说明

形成网页的基本结构说明
网页听起来似乎是一个很难懂的概念,是一个非常抽象的物体,看得见摸不着。但是在当今的互联网时代。无论是通过个人电脑,还是公共场合的电脑,都可以在互联网上进行交流活动。互联...

1年前 (2016-10-30) 1119℃ 评论 () 727喜欢

CSS中 filter:alpha透明度使用小结兼容IE、火狐

CSS中 filter:alpha透明度使用小结兼容IE、火狐
使用Alpha可以设置透明度,FILTER:alpha在IE下是没有问题的,要支持firefox就需要使用-moz-opacity,下面有个不错的示例,大家可以参考下Alpha,设置透明度。 代码如下:filter:alpha(o...

1年前 (2016-10-28) 1212℃ 评论 () 1315喜欢

JQuery 实现数字增长效果

JQuery 实现数字增长效果
JQuery 实现数字增长效果,利用定时器,使数字每100毫秒增加一次(相当于 + 1)$(document).ready(function(e) { var txt = $(".helloweb"); (function(){ var v = pa...

1年前 (2016-10-25) 10260℃ 评论 () 1116喜欢

CSS3 制作文字旋转 音乐播放按钮效果

CSS3 制作文字旋转 音乐播放按钮效果
通过CSS3逐帧动画来实现两个小效果,重点用到了 animation-delay 属性,使动画延迟执行,其中一个是文字旋转的效果:文字旋转效果HTML结构:<ul> <li>H</li> <li>e</li> <li...

1年前 (2016-10-21) 741℃ 评论 () 701喜欢