分类:经验/技巧

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

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

2年前 (2016-12-08) 813℃ 评论 () 714喜欢

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

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

2年前 (2016-11-27) 1364℃ 评论 () 1042喜欢

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) 1281℃ 评论 () 586喜欢

Bootstrap2和3的区别与选择指南

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

2年前 (2016-11-20) 1488℃ 评论 () 1044喜欢

条件注释判断浏览器

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

2年前 (2016-11-05) 1284℃ 评论 () 1414喜欢

形成网页的基本结构说明

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

2年前 (2016-10-30) 1162℃ 评论 () 731喜欢

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

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

2年前 (2016-10-28) 1256℃ 评论 () 1322喜欢

JQuery 实现数字增长效果

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

2年前 (2016-10-25) 10373℃ 评论 () 1125喜欢

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

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

2年前 (2016-10-21) 806℃ 评论 () 706喜欢

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

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

2年前 (2016-10-21) 1244℃ 评论 () 1005喜欢

CSS3 使动画停留在最后一帧

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

2年前 (2016-10-19) 2617℃ 评论 () 1017喜欢

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

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

2年前 (2016-10-19) 1357℃ 评论 () 823喜欢

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

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

2年前 (2016-10-07) 1519℃ 评论 () 534喜欢

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

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

2年前 (2016-09-26) 1235℃ 评论 () 504喜欢

移动端样式小技巧

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

2年前 (2016-08-24) 1068℃ 评论 () 583喜欢

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

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

2年前 (2016-07-20) 1423℃ 评论 () 832喜欢

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

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

2年前 (2016-07-17) 1421℃ 评论 () 718喜欢

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

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

2年前 (2016-07-17) 699℃ 评论 () 521喜欢

你真的了解HTML吗?–雅虎面试题

 你真的了解HTML吗?–雅虎面试题
有这么一段HTML,请挑毛病:<P>&nbsp;&nbsp;哥写的不是HTML,是寂寞。<br><br>&nbsp;&nbsp;我说:<br>不要迷恋哥,哥只是一个传说考点1:html和 xhtml的区别这行代码在html 4.01 strict...

2年前 (2016-07-12) 1426℃ 评论 () 729喜欢

IE10 CSS Hack(顺便聊聊IE11的CSS Hack)

IE10 CSS Hack(顺便聊聊IE11的CSS Hack)
有IE就有hack,看看IE9的css hack,IE8的css hack;上次同事说一个页面IE10下有问题,IE9下测试了一下,也有同样的问题。悲剧了赶紧找IE10的hack。google上翻到的IE10 CSS Hacks 还算...

2年前 (2016-07-10) 656℃ 评论 () 411喜欢

移动端meta 解释

移动端meta 解释
移动端meta 解释<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">name属性值: 代表设...

2年前 (2016-06-29) 734℃ 评论 () 436喜欢

前端同学大福利,最全的面试题目整理

前端同学大福利,最全的面试题目整理
自己整理了一些关于前端这个行业面试题,好多都不会好难过,I NEED AV.......HTML&CSS1.常用那几种浏览器测试?有哪些内核(Layout Engine)?(Q1) 浏览器:IE,Chrome,FireFox,Safari,Oper...

2年前 (2016-06-25) 2506℃ 评论 () 449喜欢

PNG格式小图标的CSS任意颜色赋色技术

PNG格式小图标的CSS任意颜色赋色技术
一、眼见为实CSS可以修改图片的颜色,没错,可以,眼见为实!您可以狠狠地点击这里:png小图标CSS赋色demo上面的不是很黑的是原始图标,是个PNG图片,下面这个是可以赋色的:下面,我们随意选...

2年前 (2016-06-19) 863℃ 评论 () 443喜欢