您正在查看:饭饭 发布的文章

JQuery

1 JQuery

1.1 概念

  • jQuery是一个快速、简洁的JavaScript框架,能够极大简化JS的DOM操作。
  • JavaScript框架:本质上就是一些js文件,封装了js的原生代码而已

1.2 JQuery对象和JS对象区别

  • JS对象: 通过JS语法获取到的页面元素我们称之为“JS对象”。JS对象不能使用JQ语法
  • JQ对象: 通过JQ语法获取到的页面元素我们称之为“JQ对象”。JQ对象不能使用JS语法
  • 两者相互转换

    • JS对象 --> JQ对象:

      • var JQ对象 = $(JS对象);
    • JQ对象 --> JS对象:

      • var JS对象 = JQ对象[索引];
      • var JS对象 = JQ对象.get(索引);

1.3 选择器

1)基本选择器

1.标签选择器(元素选择器)

  • 语法: $("html标签名") 获得所有匹配标签名称的元素

2.id选择器

  • 语法:$("#id的属性值") 获得与指定id属性值匹配的元素

3.类选择器

  • 语法: $(".class的属性值") 获得与指定的class属性值匹配的元素

4.并集选择器

  • 语法: $("选择器1,选择器2....") 获取多个选择器选中的所有元素

- 阅读剩余部分 -

Filter 过滤器 && Listener 监听器

今日内容

  • Filter 过滤器
  • Listener 监听器

1 Filter 过滤器

1.1 概念

  • Filter是我们web开发中的过滤器,可以根据“拦截规则”,拦截请求。然后,根据自己的需要,决定是否放行。
  • 过滤器的作用:

    • 一般用于完成通用的操作。如:登录验证、统一编码处理、敏感字符过滤

1.2 使用步骤

  1. 定义一个类,实现Filter接口
  2. 重写所有抽象方法
  3. 在doFilter方法中,自定义规则决定是否放行
  4. 配置过滤器的过滤规则

1.3 快速入门

@WebFilter("/*")    //过滤规则:拦截所有请求
public class MyFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {}
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        /*
            if(如果符合我们自己定义的条件){
                //放行
                filterChain.doFilter(servletRequest,servletResponse);
            }
         */
        filterChain.doFilter(servletRequest,servletResponse);
    }
    @Override
    public void destroy() {}
}

- 阅读剩余部分 -

EL表达式 && JSTL && 三层架构

今日内容

  • EL表达式
  • JSTL
  • 三层架构

1 EL表达式

1.1 概念

  • Expression Language 表达式语言

1.2 作用

  • 替换和简化jsp页面中java代码的编写

1.3 语法

  • ${表达式}

1.4 注意

  • jsp默认支持EL表达式。如果要忽略EL表达式

    • 设置jsp中page指令中:isELIgnored="true" 忽略当前jsp页面中所有的el表达式
    • \${表达式}:忽略当前这个el表达式

1.5 使用

1、运算
  • 运算符:

    • 算数运算符:+ - * /(div) %(mod)
    • 比较运算符:> < >= <= == !=
    • 逻辑运算符:&&(and) ||(or) !(not)
    • 空运算符:empty

      • 功能:用于判断字符串、集合、数组对象是否为null或者长度为0
      • ${empty list}:判断字符串、集合、数组对象是否为null或者长度为0
      • ${not empty str}:表示判断字符串、集合、数组对象是否不为null 并且 长度>0

- 阅读剩余部分 -

Session && JSP && MVC开发模式

今日内容

  • Session
  • JSP
  • MVC开发模式

1 Session

1.1 概念

  • 服务器端会话技术,在一次会话的多次请求间共享数据,将数据保存在服务器端的对象中。HttpSession
  • session是一个域对象。他的范围“一次会话”

1.2 快速入门

  • 获取HttpSession对象:

    HttpSession session = request.getSession();

  • 使用HttpSession对象:

    Object getAttribute(String name) //获取

    void setAttribute(String name, Object value) //存储

    void removeAttribute(String name) //删除

1.3 原理

  • Session的实现是依赖于Cookie的。

- 阅读剩余部分 -

Cookie

今日内容

  • Cookie
  • 案例:记住上一次访问时间

1 Cookie

1.1 概念

  • Cookie就是客户端会话技术,将数据保存到客户端;为了解决"http协议无状态"这个问题,客户端提供了一项技术:Cookie,服务端也提供了一项技术"Session"这两项技术都可以解决"http协议无状态"这个问题,都可以记录用户状态
  • 会话技术:一次会话中包含多次请求和响应。

    • 一次会话:浏览器第一次给服务器资源发送请求,会话建立,直到有一方断开为止
  • 功能:在一次会话的范围内的多次请求间,共享数据
  • 方式:

    • 客户端会话技术:Cookie
    • 服务器端会话技术:Session

1.2 快速入门

1.创建Cookie对象,绑定数据

  • new Cookie(String name, String value)

2.发送Cookie对象

  • response.addCookie(Cookie cookie)

3.获取Cookie,拿到数据

  • Cookie[] request.getCookies()

1.3 实现原理

  • 基于响应头set-cookie和请求头cookie实现

- 阅读剩余部分 -

HTTP协议 && Request && ServletContext

今日内容:

  • HTTP协议:响应消息
  • Response
  • ServletContext对象

1 HTTP协议

1、请求消息

  • 客户端发送给服务器端的数据
  • 数据格式:

    • 请求行
    • 请求头
    • 请求空行
    • 请求体

2、响应消息

  • 服务器端发送给客户端的数据
  • 数据格式:
1)响应行
  • 组成:协议/版本 响应状态码 状态码描述
  • 响应状态码:服务器告诉客户端浏览器本次请求和响应的一个状态。

    • 状态码都是3位数字
    • 分类:

      • 1xx:服务器就收客户端消息,但没有接受完成,等待一段时间后,发送1xx多状态码
      • 2xx:成功。代表:200
      • 3xx:重定向。代表:302(重定向),304(访问缓存)
      • 4xx:客户端错误。

        • 代表:

          • 404(请求路径没有对应的资源)
          • 405:请求方式没有对应的doXxx方法
      • 5xx:服务器端错误。代表:500(服务器内部出现异常)

- 阅读剩余部分 -

HTTP && Request

今日内容:

  • HTTP
  • Request
  • 案例:用户登录

1 HTTP

2.1 概念

  • Hyper Text Transfer Protocol 超文本传输协议
  • 传输协议:定义了,客户端和服务器端通信时,发送数据的格式
  • 特点:

    1. 基于TCP/IP的高级协议
    2. 默认端口号:80
    3. 基于请求/响应模型的:一次请求对应一次响应,先有请求后有响应
    4. 无状态的:每次请求之间相互独立,不能交互数据

2.2 请求消息数据格式

- 阅读剩余部分 -

Tomcat && Servlet

今日内容

  • Tomcat
  • Servlet

1 Tomcat

1.1 概念

  • Tomcat是Apache组织研发,免费的,中小型的,服务器软件.
  • 用来发布Web项目.通俗的说,就是可以让我们做的网站,可以在浏览器里边访问并执行.

1.2 Tomcat目录结构

bin        :tomcat的执行的文件.
conf    :tomcat的配置文件(*****).
lib        :tomcat运行的需要的jar包.
logs    :tomcat的运行的日志文件(*****).
temp    :tomcat产生临时文件存放的路径.
webapps    :tomcat发布的web项目的路径(*****).
work    :tomcat正在运行时所产生的临时文件所存放的位置.

1.3 WEB动态资源目录结构(webapps下的站点的目录结构)

website
|-----静态资源
|-----WEB-INF
    |-----web.xml :项目的配置文件。可选的(Servlet2.5之前必须有,Servlet3.0之后可以没有)
    |-----classes :项目的字节码文件。可选的,存放class文件
    |-----lib :项目的jar包。可选的,存放第三方jar包

2 Servlet

- 阅读剩余部分 -

XML:概念、语法、解析

XML

  • 概念
  • 语法
  • 解析

1 概念

  • 概念:Extensible Markup Language 可扩展标记语言

    • 可扩展:标签都是自定义的。 <user> <student>
    • 功能

      • 存储数据

        • 配置文件
        • 在网络中传输
    • xml与html的区别

      • xml标签都是自定义的,html标签是预定义
      • xml是储存数据的,html是展示数据
    • w3c:万维网联盟

2 语法

1.基本语法

1.xml文档的后缀名 .xml
2.xml第一行必须定义为文档声明
3.xml文档中有且仅有一个根标签
4.属性值必须使用引号(单双都可)引起来
5.标签必须正确关闭
6.xml标签名称区分大小写

2.快速入门

<?xml version='1.0' ?>
<users>
    <user id='1'>
    <name>zhangsan</name>
    <age>23</age>
    <gender>male</gender>
    <br/>
</user>

<user id='2'>
    <name>lisi</name>
    <age>24</age>
    <gender>female</gender>
    </user>
</users>

- 阅读剩余部分 -

JavaScript高级、事件监听机制

  • JavaScriptgaoji

    • BOM
    • DOM
  • 事件监听机制

1 BOM

1.概念:Browser Object Model 浏览器对象模型
  • 将浏览器的各个组成部分封装成对象。
2.组成:
  • Window:窗口对象
  • Navigator:浏览器对象
  • Screen:显示器屏幕对象
  • History:历史记录对象
  • Location:地址栏对象
3.Window:窗口对象

1.创建

2.方法

1) 与弹出框有关的方法:

alert()    显示带有一段消息和一个确认按钮的警告框。
confirm()    显示带有一段消息以及确认按钮和取消按钮的对话框。
- 如果用户点击确定按钮,则方法返回true
- 如果用户点击取消按钮,则方法返回false
prompt()    显示可提示用户输入的对话框。
- 返回值:获取用户输入的值

- 阅读剩余部分 -

  1. 1
  2. ...
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. ...
  11. 19