网站前端

SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,Web 1.0时代,网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

各种各样的框架让人目不暇接,新技术层出不穷。让我们这些前端狗情何以堪。

目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。

如何用CSS制作横向菜单?

2017年02月23日

尽管在我的网站和文章里都有提到CSS制作菜单的方法,但很多初学者还是不太清楚如何实现,以及实现原 理,我想专门写一篇详细教程会对大家比较有帮助。我们先来看一个菜单的例子,最终效果是:首页产品介绍服务介绍技术支持立刻购买联系我们然后我们来详细讲解步骤第一步:建立一个无序列表我们先建立一个无序列表,来建立菜单的结构。代码是:<ul><li><a href="1">首页</a></li><li><a h...

CSS hack浏览器兼容一览表

2017年02月23日

CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。

WEB标准

2017年02月23日

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA...

jQuery removeAttr() 方法

2017年02月23日

从所有的 <p> 元素移除样式属性:$("button").click(function(){$("p").removeAttr("style");}); 定义和用法removeAttr() 方法从被选元素移除一个或多个属性。语法$(selector).removeAttr(attribute)参数描述attribute必需。规定要移除的一个或多个属性。如需移除若干个属性,请使用空格分隔属性名称...

text(),html() 以及 val()区别

2017年02月19日

获得内容 - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:实例$("#btn1").click(functi...

CSS垂直居中的方法

2017年02月18日

水平居中的方法很简单,通常都是一个margin:0 auto搞定,但是垂直居中就没有那么简单了。首先来说说垂直居中的几种情况。1、文字垂直居中文字垂直居中的方法一般是设置高度与行高一致,然后文字就垂直居中了。来看下面的示例:<html> <head> <meta charset="gb2312" /> <title>高度自适应布局</title> <style> p{ ...

谷歌浏览器关于ajax跨域浏览器设置

2017年02月16日

当我们在谷歌浏览器的控制台上报如下错误时,不妨试试以下方法;报错:Image from origin 'file://' has been blocked from loading by Cross-Origin Resource Sharing policy: Invalid response. Origin 'null' is therefore not allowed access.原因是:...

一个不错网页网页布局

2017年02月12日

一个不错的网页布局,整个页面看起来很整洁。顶部一个Logo,紧接着下面是整个网站的总导航菜单。下面是突出本网页的一个主要内容,一个图片不是很大,背景全屏平铺。底下是一个面包屑导航菜单。这个文章排版很好:line-height:24px;font-size:14px;font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif;还有更多内容以...