前端技术
爱讲笑话的霸王龙
这个作者很懒,什么都没留下…
展开
-
html基础知识
一、网页开发基础知识 网页文件:是使用一种html的标记语言书写的文本文件,它可以在浏览器中按照设计者设计的样式显示 网页主要由三部分组成;结构,表现和行为 结构;网页的结构和内容【一个网页包括各级标题,正文段落和各种列表等】----》html 表现:设定网页的表现样式【每种组成部分的字号,颜色,位置等】----》css 行为:控制网页的行为【鼠标点击,键盘点击等,完成和用户的交互】...原创 2019-03-24 20:06:34 · 145 阅读 · 0 评论 -
jQ案例+AJAX
一、jQuery案例 1.属性 1.1overflow 代码演示: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> div{ background-color: cyan; ...原创 2019-03-24 20:44:08 · 240 阅读 · 0 评论 -
jQ的动画实现+案例(萤火虫+省级城市区域三级关联)+jQ的事件
一、动画 js,animation jQuery的动画的实现原理:只需要以固定的时间间隔【例如:0.1秒】,每次将DOM元素的css样式做出指定的修改,形成一个流畅的视觉效果 1.系统动画 1.1隐藏/显示 代码演示: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <...原创 2019-03-24 20:41:00 · 220 阅读 · 0 评论 -
jQuery简介+jQ基本语法+jQ选择器+jQ操作元素+jQ操作DOM
一、jQuery简介 1.什么是jQuery 是一个轻量级的,基于js封装的库 jq库包含的功能: html元素的获取【getElementByXxxx】 html元素的操作【增删改查】 css操作 html事件函数 js特效和动画 操作DOM ajax 使用jq的好处: a.将之前的js代码简化 b.不需要关心兼容性问题 c.提供了大量的方法 jq的设计...原创 2019-03-24 20:35:40 · 365 阅读 · 0 评论 -
事件+综合案例(卧龙首页+省份城市二级关联)
一、 事件 1.鼠标事件 1.1表单onsubmit事件 作用:当表单的内容不符合要求的时候,阻止表单提交,在实际应用中,会给用户提示 代码演示: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style&g...原创 2019-03-24 20:32:06 · 154 阅读 · 0 评论 -
DOM
一、DOM 1.简介 Document Object Model,文档对象模型,主要操作整个文档 可以使用js中DOM中对象的属性和方法,操作html和css 工作原理:想要对标记性文档【html】进行操作,首先需要将标记性文档中的所有内容【包括元素,属性,文本】封装成对象,封装成对象的目的是为了使用其中的属性和方法 明确一点:在加载html页面时,web浏览器会生成一个树形结构,用来表示页...原创 2019-03-24 20:27:44 · 123 阅读 · 0 评论 -
ECMAScript基本语法(2)+BOM
一、ECMAScript基本语法 1.js语句 1.1if语句 单分支: if(关系表达式){ } 双分支: if(关系表达式){ }else{ } 多分支: if(关系表达式1){ }else if(关系表达式2){ } … else{ } 注意:如果if语句代码块中只有一行代码,则可以省略{} 代码演示: <!DOCTYPE html> <html> <hea...原创 2019-03-24 20:22:20 · 186 阅读 · 0 评论 -
css的常用属性(2)+Javascript简介+ECMAScript基本语法
一、css的常用属性(2) 1.定位属性 1.1基础使用 position:设置元素的位置, absolute:绝对定位,参照父标签或者先辈标签设置有效定位,通过left,top,right,bottom设置有效定位【类似于坐标轴,至少需要其中的两个值可以确定一个标签的位置】 参照物:如果给一个元素设置位置,则查看该标签的父标签是否设置有效定位,如果有,则以父标签作为参照物;如果没有设...原创 2019-03-24 20:17:53 · 219 阅读 · 0 评论 -
css与html的结合方式+css常用属性
一、css与html的结合方式 1.行内样式 html的标签都有一个style属性,直接操作html标签,style属性的值其实就是css代码 代码演示: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </hea...原创 2019-03-24 20:14:06 · 173 阅读 · 0 评论 -
html常用标签+css基础
一、html常用的标签 1.表单标签 作用:可以提交不同的数据到指定的服务器 标签: :表示表单的范围,父标签 主要用于采集用户信息, 分为三部分: a.表单标签:包含数据需要提交到的服务器的地址,数据提交的方式【get和post】 b.表单域:用于采集用户信息的 c.表单按钮:普通按钮【button】 重置按钮【reset】 提交按钮【submit】 form标签的属性: a...原创 2019-03-24 20:11:02 · 346 阅读 · 0 评论 -
jQ和ajax+Bootstrap
一、AJAX 1.jQuery和ajax 1.1load 代码演示: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-3...原创 2019-03-24 20:46:37 · 698 阅读 · 0 评论