小废废的学习笔记-CSDN博客

原创 VUE基础（四）

VUE基础（四）条件渲染v-if：写法：1、 v-if=“表达式”2、v-else-if=“表达式”3、v-else适用于：切换频率较低的场景特点：不展示的DOM元素直接被移除注意：v-if可以和v-else-if、v-else一起使用，但要求结构不能被打断。v-show：写法：v-show=“表达式”。适用于：切换频率较高的场景。特点：不展示的DOM元素未被移除，仅仅是使用样式隐藏掉。使用v-if的时，元素可能无法获取到，而使用v-show一定可以获取到列表渲染基本

2022-05-20 23:53:03 176

原创 VUE基础（三）

VUE基础（三） VUE基础（三）过滤器Vue生命周期计算属性过滤器过滤器：定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。语法：1、注册过滤器：Vue.filter(name,callback) 或 new Vue{filters:{}}2、使用过滤器：{{ xxx | 过滤器名}} 或 v-bind:属性 = “xxx | 过滤器名”。注意：1、过滤器可以接收额外参数，多个过滤器也可以串联。2、并没有改变原本的数据，而是产生新的对应的数据。&

2022-05-20 23:09:18 176

原创 Vue的环境配置

Vue的环境配置因为在学习之后需要运用所学知识来完成自己的项目，这篇博客就来说说我是如何配置Vue环境的。1、打开vue的官网：https://cn.vuejs.org/Vue官网2、打开学习->教程->安装。3、这里我们选择开发版本，因为开发版本能在你进行开发时提示你的错误信息，比较方便。4、创建自己的项目文件，我这里命名为Teacher management system。5、在vs code中打开这个项目文件6、这里为了方便举例，在打开的项目文件下创建一个manage

2022-05-20 22:30:26 3639

原创 Vue基础（二）

Vue基础（二） Vue基础（二）el与data的两种写法事件处理事件的基本用法键盘事件绑定样式el与data的两种写法el有2种写法：创建Vue实例对象的时候配置el属性。先创建Vue实例，随后再通过vm.$mount(‘#root’)指定el的值。data有2种写法：对象式-函数式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &

2022-05-20 20:59:15 186

原创 Vue基础（一）

Vue基础（一） Vue基础（一）Vue简介Vue模板语法Vue数据绑定MVVM模型Vue简介Vue是动态构建用户界面的渐进式JavaScript框架。它遵循以下特点：遵循MVVM模式。编码简洁，体积小，运行效率高，适合移动/PC端开发。它本身只关注UI，可以引入其它第三方库开发项目。Vue模板语法Vue模板语法包括两大类：1、插值语法：功能：用于解析标签体内容；写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有区域。2、指令语法：功能：用于解析标签

2022-05-20 17:04:40 138

原创 EL和JSTL

EL和JSTL

2022-05-20 16:38:38 214

原创过滤器和监听器

过滤器和监听器一、什么是过滤器（Filter）Filter 过滤器它是 JavaWeb 的三大组件之一。三大组件分别是：Servlet 程序、Listener 监听器、Filter 过滤器。Filter 过滤器是 JavaEE 的规范，也就是接口。Filter过滤器主要是用于拦截请求，过滤响应的。结合过滤器可以进行权限检查、编码控制、事务管理等操作。Web的三大组件：二、过滤器（Filter）的接口Filter是由Tomcat启动时创建，是javax.servlet包下面的一个接口，这个接口中定

2022-05-20 00:45:26 363

原创 Ajax 请求的基本步骤

Ajax 请求的基本步骤 Ajax 请求的基本步骤一、Ajax的定义二、Ajax的工作原理三、Ajax请求的基本步骤1、创建XMLHttpRequest对象2、创建HTTP请求3、设置响应HTTP 请求状态变化的函数4、设置获取服务器返回数据的语句5、发送HTTP请求一、Ajax的定义Ajax：即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行

2022-05-20 00:29:08 3319

原创 JSON 基本使用

JSON 基本使用 JSON 基本使用一、JSON是什么二、JSON的语法规则三、JSON和XML四、JSON的解析和生成五、JSON的格式一、JSON是什么JSON 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。JSON无论对于人，还是对于机器来说，都是十分便于阅读和书写的，而且相比 XML(另一

2022-05-20 00:06:17 793

原创元素偏移量offset的学习

元素偏移量offset的学习元素偏移量offset的学习一、offset概述offset与style的区别一、offset概述offset就是偏移量，使用offset系列相关属性可以动态地得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素地位置；获得元素自身的大小（宽度、高度）；返回的数值都不带单位。offset系列常用属性：举例：<!DOCTYPE html><html lang="en"><head> <meta

2022-05-18 00:12:57 1597

原创 JS执行机制

JS执行机制 JS执行机制一、JS是单线程二、同步和异步三、JS执行机制一、JS是单线程JavaScript语言得一大特点就是单线程，也就是说，同一个时间只能做一件事情。这是因为JavaScript这门脚本语言诞生的使命所致，JavaScript是为处理页面中用户的交互以及操作DOM而诞生。比如我们对某个DOM元素进行添加和删除操作，不能同时进行，应该先进行添加，之后再删除。而单线程就意味着所有任务需要排队，前一个任务结束才会执行后一个任务，这样所导致的问题是如果JS执行的时间过长，这样就会造成页面

2022-05-17 23:36:04 1396 1

原创事件对象简单解读

事件对象一、什么是事件对象eventTarget.onclick = function(event){}eventTarget.addEventListener('click',function(event){})//这个event就是事件对象，可以写成e或者evt。event对象代表事件的状态，比如键盘键的状态，按钮的状态。简单来说就是：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event，它有很多属性和方法。比如：谁绑定了这个事件鼠标触发事

2022-05-17 01:04:00 141

原创注册事件的两种方式

注册事件（绑定事件）一、注册事件的概述给元素添加事件，称为注册事件或者绑定事件。二、注册事件的两种方式1、传统注册方式利用on开头的事件onclick<button type=“button” οnclick=“alert(‘hi’)”>btn.onclick = function() {}这种方式的特点是：注册事件具有唯一性。同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数。举例：<!DOCTYPE html>&lt

2022-05-17 00:47:16 533

原创 API和Web API

API和Web API一、APIAPI(Application Programming Interface，应用程序编程接口)是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。简单地说：API是给程序员提供的一种工具，以便能轻松的实现想要完成的功能。举个例子，比如给手机充电，我们要实现充电这个功能：我们不关心手机内部变压器，内部怎么存储电等我们不关心这个充电线是怎么制作的只需要知道拿着充电线插进充电接口就可以

2022-05-17 00:27:09 859

原创 DOM简介

DOM简介一、什么是DOM文档对象模型DOM(document Object Model），DOM是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口，可以理解为DOM就是一系列功能集合。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。二、DOM树DOM树的大致结构可以用下面这张图表示：文档：一个页面就是一个文档，DOM中使用document表示。元素：页面中所有的标签都是元素，DOM中使用element表示。节点：网页中的

2022-05-16 23:50:58 309

原创 Servlet的两种配置（注解与web.xml）

Servlet的两种配置（注解与web.xml）web.xml中Servlet的注解<servlet>  <servlet-name>类名</servlet-name>  <servlet-class>com.uplooking.controller.DemoActi

2022-05-16 01:04:06 1770

原创 CSS和div布局页面

CSS和div布局页面 CSS和div布局页面一、什么是布局网页布局页面元素定位机制二、布局属性浮动清除浮动定位绝对定位相对定位固定定位一、什么是布局网页实质是块与块之间的位置，块挨着块，块嵌套块，块叠着块。css网页布局指的是利用css对网页内容的布局进行规划，将主次内容进行归纳和区分；以最适合浏览的方式，将图片、文字等内容遵循一定的原则，放置到页面不同的位量给用户良好的浏览阅读体验。DIV+CSS布局就是网页html通过DIV标签+CSS样式表代码开发制作的（html）网页的统称。网页布局进行

2022-05-16 00:41:46 7399

原创 JSP内置对象

JSP内置对象 JSP内置对象概念特点JSP的九大内置对象一、Request对象（封装用户请求）二、Response对象（向客户端响应）三、Out对象（输出对象）四、Application对象(全局对象)五、PageContext对象（JSP页面容器对象）六、Config对象（服务器配置信息）七、Page对象八、Exception对象九、 session对象概念JSP内置对象：JSP自带的，不需要new也能使用的对象JSP预定义了内置对象原因：提高程序员的开发效率特点JSP的内置对象主要有以下

2022-05-08 01:02:18 537

原创 JSP与Servlet以及html之间的区别与联系

JSP与Servlet以及html之间的区别与联系 JSP与Servlet以及html之间的区别与联系JSP与Servlet联系区别JSP与html联系区别JSP与ServletJSP（Java Server Pages）是建立在 Servlet 规范之上的动态网页开发技术，其实质是一个简化的 Servlet。在 JSP 文件中，HTML 代码与 Java 代码共同存在。其中，HTML 代码用于实现网页中静态内容的显示，Java 代码用于实现网页中动态内容的显示。为了与传统 HTML 有所区别，JSP

2022-05-08 00:23:36 1330

m0_51528800的博客