JavaWeb前端部分知识

作者: singworld 分类: Java 发布时间: 2019-04-17 01:09

html css javascript

  1. html超文本标记语言定义网页结构
  2. css 层叠样式表,美化页面
  3. JavaScript 主要用来验证表单和动态交互(ajax)

简单介绍Ajax

  1. 什么是Ajax? 异步都JavaScript和xml
  2. Ajax作用 通过Ajax与服务器进行数据交互,Ajax可以使用网页实现布局更新
    这意味着在不重新刷新加载整个网页都情况下,对网页实现某部分对局部更新
  3. 怎么来实现AjaxXmlHttpRequest对象,使用这个对象可以异步向服务器发送请求,获取响应,完成局部更新。
    Open send responseText/responseXML。
    使用场景 登陆失败时,不跳转页面,注册时提示用户名是否存在,二级联动等等使用场景

js和jquery的关系

jquery是一个js框架,封装了js的属性和方法,并且增强了js的功能
jquery封装了底层,就不用处理兼容性的问题了
原生的js和dom和事件绑定和Ajax等操作非常麻烦,jquery封装后非常方便

jquery的常用选择器

ID选择器 通过ID获取一个元素
class选择器 通过类css获取元素
标签选择器 通过标签
通用选择器 (*)获取所有元素
div.myclass 组合选择器有myclass类的div
层次选择器 儿子选择器 后代选择器
属性选择器 tag[attrName=’test’]获取有属性名为xxx并且属性值为test的所有标签

aaa

bbb
input[name=’hobby’] 表示获取属性名为name且name值为hobby的所有input标签元素

jquery的页面加载完毕事件

很多时候我们需要获取元素,但必须等到该元素被加载完成之后才能获取。
我们可以把js代码放到该元素的后面,但这样就会造成js在我们的body中存在不好管理
所有页面加载完毕后所有的元素当然加载完毕,一般获取元素做操作都要在页面加载完毕后操作。

jquery的ajax和原生实现ajax有什么区别

jquery中的ajax也是通过原生的js封装

html5和css3

html5是最新版本的html,html增加了像画板声音图像web存储等高级功能
css3提供了一些css2中实现比较困难或者实现不了的功能
盒子边框 盒子和文字的阴影 渐变 转换 移动 缩放旋转 过渡 动画 媒体查询等

bootstrap

bootstrap是一个一个移动优先的UI框架,不用写css和js代码就能实现比较好的交互页面。
常用:

  1. 模态框
  2. 表单
  3. 布局
  4. 栅格系统

Leave a Reply

Your email address will not be published. Required fields are marked *