分类:经验/技巧

响应式图片解决方案

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

2年前 (2016-12-26) 1586℃ 评论 () 1253喜欢

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

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

2年前 (2016-12-25) 1628℃ 评论 () 1282喜欢

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

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

2年前 (2016-12-20) 3445℃ 评论 () 1167喜欢

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

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

2年前 (2016-12-08) 819℃ 评论 () 718喜欢

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

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

2年前 (2016-11-27) 1418℃ 评论 () 1045喜欢

DOCTYPE html页面头部声明的含义

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

2年前 (2016-11-27) 1312℃ 评论 () 590喜欢

Bootstrap2和3的区别与选择指南

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

2年前 (2016-11-20) 1703℃ 评论 () 1048喜欢

条件注释判断浏览器

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

2年前 (2016-11-05) 1301℃ 评论 () 1418喜欢

形成网页的基本结构说明

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

3年前 (2016-10-30) 1181℃ 评论 () 738喜欢

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

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

3年前 (2016-10-28) 1320℃ 评论 () 1325喜欢

JQuery 实现数字增长效果

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

3年前 (2016-10-25) 10471℃ 评论 () 1129喜欢

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

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

3年前 (2016-10-21) 919℃ 评论 () 709喜欢

8年HR老油条告诉你签订劳动合同需要注意什么

8年HR老油条告诉你签订劳动合同需要注意什么
小明明年就要毕业了,目前正在一家合资企业实习工程师助理。公司的HR最近告诉小明实习表现的不错,毕业就可以正式入职签订劳动合同了,不过毕业后也需要继续试用6个月后才能签订...

3年前 (2016-10-21) 1373℃ 评论 () 1010喜欢

CSS3 使动画停留在最后一帧

CSS3 使动画停留在最后一帧
很多时候我们在写动画效果时,都有个这样的需求,希望动画能够停在终点,就是在最后一帧停下,那如何才能实现呢?...

3年前 (2016-10-19) 3304℃ 评论 () 1021喜欢

CSS技巧 几个小众但酷炫的方法

CSS技巧 几个小众但酷炫的方法
对于CSS,可能很多前端开发人员已经轻车熟路了,有些人也许还在初学阶段,不管怎样,这几个炫酷的CSS技巧你都不容错过,CSS真是充满了爱!1.黑白图像这段代码会让你的彩色照片显示为黑...

3年前 (2016-10-19) 1382℃ 评论 () 827喜欢

我见过最有趣的代码注释,都在这里了

我见过最有趣的代码注释,都在这里了
代码注释的作用,不需要对程序员解释了。有时在查看他人代码,能看到一些令人不禁大笑的注释。比如:或者:// 写这段代码的时候,只有上帝和我知道它是干嘛的// 现在只有上帝知道最近...

3年前 (2016-10-07) 1548℃ 评论 () 537喜欢

首个微信小程序开发教程,通宵吐血写的!

首个微信小程序开发教程,通宵吐血写的!
微信应用号(小程序,「应用号」的新称呼)终于来了!目前还处于内测阶段,微信只邀请了部分企业参与封测。想必大家都关心应用号的最终形态到底是什么样子?怎样将一个「服务号」改造成...

3年前 (2016-09-26) 1248℃ 评论 () 507喜欢

移动端样式小技巧

移动端样式小技巧
平时在移动端开发拼页面的过程中总会遇到一些问题,主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧,希望对看官有所帮助!本文只针对两大手机...

3年前 (2016-08-24) 1136℃ 评论 () 586喜欢

父元素与子元素之间的margin-top问题(css hack)

父元素与子元素之间的margin-top问题(css hack)
给子元素盒子一个垂直外边距 margin-top ,父元素盒子也会往下走margin-top的值,遇到此问题的朋友可以参考下本文hack: 父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外...

3年前 (2016-07-20) 1436℃ 评论 () 835喜欢

css图标与文字对齐的两种实现方法

css图标与文字对齐的两种实现方法
在平时写页面的过程中,常遇到要把小图标与文字对齐的情况。比如:总结了两种方法,代码量都比较少。第一种    对img设置竖直方向对齐为middle;CSS代码:div{ height:30...

3年前 (2016-07-17) 1581℃ 评论 () 722喜欢

基于CSS属性display:table的表格布局的使用

基于CSS属性display:table的表格布局的使用
项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查发现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折实现了单元格的合...

3年前 (2016-07-17) 749℃ 评论 () 524喜欢