web前端
文章平均质量分 91
戚继光
这个作者很懒,什么都没留下…
展开
-
前端学习之路html基础(01)——常用标签
HTML:是用来描述网页的一种语言 HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面 - HTML 标签:通常被称为 HTML 标签 (HTML ta原创 2017-02-20 14:21:08 · 1616 阅读 · 0 评论 -
前端学习之路css(06)-基础知识
CSS 导航栏在CSS中我们利用链接列表来表示导航栏,给出一些常见简易的导航栏。CSS 下拉菜单下拉菜单我们需要在style中定义以下属性;.dropdown,包含下拉按钮的块样式;.dropbtn,下拉按钮的默认样式;.dropdown-content,下拉菜单样式,默认隐藏;.dropdown:hover .dropdown-content,鼠标移动到下拉按钮时,显示下拉菜单;.dro原创 2017-04-19 21:47:43 · 595 阅读 · 0 评论 -
jQuery基础篇(一)样式篇
$(document).ready(function(){…});它的作用是等文档中的节点都加在完毕后再执行相关代码。jQuery和DOM对象我们可以将jQuery对象看做是对DOM对象的封装,jQuery是一个类数组对象,DOM是数组中一个单独的元素。//jQuery --> DOM:var $div = $('div');var div01 = $div.get(0);//DOM --> j原创 2017-05-11 16:32:45 · 256 阅读 · 0 评论 -
jQuery基础篇(二)DOM
节点的创建和属性处理我们可以通过以下语句来创建一个新的标签。 $("<div class='myClass'></div>")节点的插入动态创建元素后还需要将节点放入到文本中。先看第一组节点插入方法:append()、appendTo()、prepend()、prependTo()。A.append(B),将B添加到A中,并设置为最后一个A的子元素;A.appendTo(B),将A添加到B中,原创 2017-05-11 16:34:04 · 234 阅读 · 0 评论 -
前端学习之路JS(03)-对象
JS 对象JS中的所有事物都是对象:字符串、数值、数组、函数…,此外也允许自定义对象。 访问对象的属性:objectName.propertyName; 访问对象的方法:objectName.methodName();创建JS对象的几种方式://方式1:直接创建var person = new Object();person.name = "qdl";person.age = 25;do原创 2017-04-27 21:00:36 · 317 阅读 · 0 评论 -
jQuery基础篇(三)事件
鼠标事件鼠标事件的统计:click(),点击事件;dblclick(),双击事件;mousedown(),鼠标按下;mouseup(),鼠标抬起;mousemove(),鼠标移动;mouseover(),鼠标移入,即从外部区域移动到内部中;mouseout(),鼠标移出,即从内部移出;mouseenter(),同mouseover();mouseleave(),同mouseout(原创 2017-05-14 14:56:37 · 384 阅读 · 0 评论 -
前端学习之路css3(03)-基础知识
多列一般情况下,我们是将div分隔成若干行来显示信息的,但是在CSS3中我们还可以将div分隔成若干列来显示布局,一般包含以下属性。01. column-count用来设置要分隔的列数,例子。02. column-gap用来设置分隔的列之间间隔距离,例子。03. 分隔样式column-rule-style,用来设置列与列之间的分隔样式,例子。 column-rule-width,用来设置列与列之间原创 2017-04-24 10:40:11 · 541 阅读 · 0 评论 -
jQuery基础篇(四)动画
基础显示隐藏动画jQuery提供了show()、hide()、toggle()(隐藏时显示、显示时隐藏)三种方式来控制元素的显示和隐藏,它们三个的用法一直,我们以show()为例说明。// 直接显示$("#myDiv").show();// 在2秒内逐步显示$("#myDiv").show(2000);// 动画时间,且定义一个成功回调函数$("#myDiv").show(2000, fu原创 2017-05-15 11:18:08 · 256 阅读 · 0 评论 -
jQuery基础篇(五)Ajax和工具类函数
Ajax-load() 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的格式为:url,网络请求地址;data,可选参数,请求时发送的数据;callback,请求成功后的回调函数。 $.load(url, [data], [callback]);Ajax-getJSON()使用getJSON()方法通过Ajax请求加载服务器中原创 2017-05-18 12:05:13 · 1016 阅读 · 0 评论 -
web前端_学习汇总
学习资料w3school菜鸟教程廖雪峰JavaScript教程传智播客前端培训课程HTML & CSS 设计与构建网站JavaScript & jQuery 交互式Web前端开发html1. 前端学习之路html基础(1)- 常用标签 head、标题、段落、文本格式化、超链接2. 前端学习之路html基础(2)- 常用标签 CSS、图像、表格、列表3. 前端学习之路html基原创 2017-02-20 13:56:15 · 2089 阅读 · 0 评论 -
前端学习之路JS(02)-HTML DOM
DOM 简介当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。通过可编程的对象模型,JS获得了足够的能力来创建动态的 HTML。JS能够改变页面中的所有 HTML 元素JS能够改变页面中的所有 HTML 属性JS能够改变页面中的所有 CSS 样式JS能够对页面中的所有事件做出反应我们想改变HTML元素,首先必须要找到它,有三种方式我们可以找到HT原创 2017-04-27 20:59:02 · 261 阅读 · 0 评论 -
前端学习之路css3(01)-基础知识
CSS3 简介一些重要的模块的增加或加强,选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面。CSS3 边框在CSS3中主要添加了3中边框属性;border-radius 定义边框的圆角,例子。box-shadow 用来添加背景阴影,例子。border-image 用图像创造一个边框。round平铺,stretch拉伸,例子。CSS3 圆角指定圆角的例子当我们需要单原创 2017-04-19 22:31:00 · 393 阅读 · 0 评论 -
前端学习之路css(04)-基础知识
CSS 分组与嵌套分组选择器在样式中,我们可能有很多元素拥有同样的样式,我们可以使用分组选择器将它们一次性定义出来。每个选择器用逗号分隔。嵌套选择器它适用于选择器内部的选择器样式。CSS Dimension (尺寸)CSS中允许我们控制元素的宽高,属性大致包括以下;height,元素的高度;line-height,行高;max-height,最大高度;min-height,最下高度;wid原创 2017-04-18 21:20:20 · 343 阅读 · 0 评论 -
前端学习之路css(05)-基础知识
CSS 组合选择符组合选择器可表示两个选择器之间的关系,它包括了4中组合方式:后代选取器(以空格分隔’ ‘);子元素选择器(以大于号分隔’>’);相邻兄弟选择器(以加号分隔’+’);普通兄弟选择器(以破折号分隔’~’)。后代选取器 后代选择器,’a b’,b元素如果包含在a元素中,那么它继承a的所有属性。只要b在a中不管是几级嵌套b都有a的属性。子元素选择器>和上面的后代选择器类似,但有一原创 2017-04-18 21:42:08 · 290 阅读 · 0 评论 -
前端学习之路html基础(02)——常用标签
HTML CSSCSS是在html4以后引用用来渲染html元素的。CSS分为三类,内联样式、内部样式表、外部引用,其中外部引用最佳。内联样式,当文本中某个标签需要特别的样式时使用内联样式<style>。内部样式表,作用域整个文本。外部引用,当多个html文本需要用到同一样式时。内联样式、内部样式表当特殊的样式需要应用到个别元素时,就可以使用内联样式。当单个文件需要特别样式时,就可以原创 2017-02-21 11:59:01 · 397 阅读 · 0 评论 -
前端学习之路html基础(03)——常用标签
HTML 区块、布局在html中可以通过<div>和<span>将各个元素组合起来;它们分别是区块元素和内联元素。1. <div> 区块元素<div>标签表示的是块级元素,它可以当做容器来组合其他html元素;区块元素在显示时,会在新行开始和结束。比如<p>、<h1>等就是区块元素;如果与 CSS 一同使用,<div>元素可用于对大的内容块设置样式属性;<div>元素的另一个常见的用途是文档原创 2017-02-27 11:12:11 · 643 阅读 · 0 评论 -
前端学习之路html5(01)-特性
html5 简介html5是html的最新修订版,2014年由w3c制定; html5的设计目的是为了在移动设备上支持多媒体; html在很多方面都进行了改进,下面我们就大致列举了一些html5改进的地方。1. html5多媒体 使用html5技术我们可以再网页中播放视频(video)和音频(auto);2. html5应用 本地数据存储、访问本地文件、本地sql数据、缓存引用、JavaSc原创 2017-03-13 22:21:07 · 307 阅读 · 0 评论 -
前端学习之路html5(02)-特性
html5 拖放drag(拖拽)和drop(放置)是html5中的标准。即我们抓取一个对象通过移动将它放置到另一对象当中去。 我们可以考虑一下,拖动一个对象需要知道哪些东西呢?不外乎以下几个方面。哪些可以拖动、拖动什么、拖到何处、如何放置,我们就从以下这三点来考虑。哪些可以拖动?html5给元素提供了一个draggable属性来设置是否可拖动; true可拖动、false不可。拖动什么?ondr原创 2017-03-13 22:22:31 · 271 阅读 · 0 评论 -
前端学习之路html5(03)-特性
html5 表单元素htm,l5提供了三种新的表单类型,如果浏览器不兼容这些类型它会表现成普通的表单类型,这三种类型分别是<datalist>、<keygen>、<output>。1. <datalist>规定输入域的选项列表;属性规定form、input自动匹配功能。<!DOCTYPE html><html><head><meta charset="utf-8"><title>data原创 2017-03-22 14:02:38 · 368 阅读 · 0 评论 -
前端学习之路html5(04)-特性
html5 web 存储html5的web存储不同于cookie存储,它的存储效率更好。它的数据只能允许该网页访问,客户端存储数据的两个类型localStorage:没有时间限制的存储;sessionStorage:针对一个session的存储。<!DOCTYPE html><html><head><meta charset="utf-8"><title>datalist</title>原创 2017-03-22 16:29:28 · 345 阅读 · 0 评论 -
前端学习之路html5(05)-特性
html5 sse1. 含义sse–>Server-Sent Eventssse的含义h5服务器发送事件,允许网页获得来自服务器的更新。2. Server-Sent事件,单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过服务器发送事件,更新能够自动到达。比如,Facebook/Twitter 更新原创 2017-03-22 16:58:12 · 369 阅读 · 0 评论 -
前端学习之路css(01)-简介
CSS 简介1. CSS是什么CSS 指层叠样式表 (Cascading Style Sheets);样式定义如何显示 HTML 元素;样式通常存储在样式表中;把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题;外部样式表可以极大提高工作效率;外部样式表通常存储在 CSS 文件中;多个样式定义可层叠为一。2. CSS的存在意义它解决了样式和内容分离的问题,使开发更加原创 2017-03-23 10:03:17 · 555 阅读 · 0 评论 -
前端学习之路css(02)-基础属性
CSS backgrounds(背景)CSS的背景属性包含以下background-color,背景颜色。background-image,图像设置为背景。background-repeat,设置背景图像是否及如何重复。background-position,设置背景图像的起始位置。background-attachment,背景图像是否固定或者随着页面的其余部分滚动。backgrou原创 2017-03-29 11:03:08 · 395 阅读 · 0 评论 -
前端学习之路css(03)-基础属性
CSS ul(列表样式)在html中有两种列表样式,无序列表和有序列表。一般无序列表特殊图形(比如小圆点等)来表示列表的标号,有序列表用数字等来表示标号。在CSS样式中,我们可以定义不同样式的列表展示。 比如:CSS Table(表格)具体参见CSS Box Model(盒子模型)所有的html元素都可以看做盒子,在CSS中,封装周围的html元素,包括:边距、边框、填充和实际内容。我们可以结合这原创 2017-04-17 23:40:52 · 453 阅读 · 0 评论 -
前端学习之路css3(02)-基础知识
2D 转换在CSS3中,通过转换可以将元素进行移动、比例化、反转、旋转、拉伸。transform属性来实现,它的常用的转换方法,translate、rotate、scale、skew、matrix。translate移动,是相对于上次所在位置的移动。 一般写法,transform: translate(50px, 100px); 例子rotate旋转一定的角度,以中心为原点正数按照顺时针旋转,负数原创 2017-04-23 16:09:11 · 523 阅读 · 0 评论