![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 78
Jatine
这个作者很懒,什么都没留下…
展开
-
JavaScript学习笔记02对象的分类、对象的基本操作、使用工厂方法创建对象、构造函数
文章目录JavaScript学习笔记02对象的分类、对象的基本操作、使用工厂方法创建对象、构造函数2.1对象2.1.1对象的分类2.1.2对象的基本操作2.1.3使用工厂方法创建对象2.1.4构造函数2.1.4.1构造函数的修改2.1.5原型JavaScript学习笔记02对象的分类、对象的基本操作、使用工厂方法创建对象、构造函数2.1对象对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性2.1.1对象的分类1、内建对象由ES标准中定义的对象,在任何的ES的实现中都可以使用如原创 2022-02-20 21:06:06 · 510 阅读 · 0 评论 -
JavaScript学习笔记01注释、基本语法、字面量和变量、标识符、数据类型、强制类型转换
文章目录JavaScript学习笔记01注释、基本语法、字面量和变量、标识符、数据类型、强制类型转换1.1JS的注释1.2JS的输出1.3字面量和变量1.4标识符1.5数据类型1.5.1String字符串1.5.2Number数值1.5.3Boolean布尔值1.5.4Null空值1.5.5Undefined未定义1.5.6Object对象1.6强制类型转换1.6.1String1.6.2Number1.6.3BooleanJavaScript学习笔记01注释、基本语法、字面量和变量、标识符、数据类型、强原创 2022-02-20 16:35:13 · 572 阅读 · 0 评论 -
JavaScript学习记录03函数的定义、变量的作用域、方法
文章目录JavaScript学习记录03函数3.1函数的定义JavaScript学习记录03函数3.1函数的定义JavaScript 函数是被设计为执行特定任务的代码块。JavaScript 函数会在某代码调用它时被执行。function myFunction(p1, p2) { return p1 * p2; // 该函数返回 p1 和 p2 的乘积}JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。函数名可包含原创 2022-02-19 22:35:51 · 512 阅读 · 0 评论 -
JavaScript学习记录02了解数据类型
文章目录JavaScript学习记录022.1数据类型2.1.1字符串2.1.2数组JavaScript学习记录022.1数据类型2.1.1字符串1、正常字符串我们使用单引号或双引号包裹2、注意转义字符‘\’3、关于多行字符串编写<script> 'use strict' var msg = `hello world 你好 hello~ ` </script>4、模板字符串原创 2022-02-18 15:03:47 · 421 阅读 · 0 评论 -
JavaScript学习记录01快速入门、基本语法、严格检查模式
文章目录JavaScript学习记录01快速入门、基本语法、严格检查模式1.1什么是JavaScript1.2认识JavaScript框架1.3快速入门1.4基本语法入门1.5数据类型简介1.6严格检查模式JavaScript学习记录01快速入门、基本语法、严格检查模式1.1什么是JavaScriptJavaScript是一门世界上最流行的脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。1.2认识JavaScript框架jQuery:是一原创 2022-02-18 15:03:10 · 494 阅读 · 0 评论 -
CSS学习记录06相对定位、绝对定位、固定定位和z-index
文章目录CSS学习记录06定位6.1相对定位6.3绝对定位6.4z-indexCSS学习记录06定位position 的四个值:static、relative、absolute、fixed。绝对定位:absolute 和 fixed 统称为绝对定位相对定位:relative默认值:static6.1相对定位position: relative;案例:<!DOCTYPE html><html lang="en"><head> <meta原创 2022-02-08 10:42:18 · 686 阅读 · 0 评论 -
CSS学习记录05display和浮动
文章目录CSS学习记录05浮动CSS学习记录05浮动原创 2022-02-07 21:47:19 · 930 阅读 · 0 评论 -
CSS学习记录04CSS盒子模型
文章目录CSS学习记录04CSS盒子模型CSS学习记录04CSS盒子模型原创 2022-02-05 17:11:21 · 400 阅读 · 0 评论 -
CSS学习记录03CSS的作用及样式
文章目录CSS学习记录03CSS的作用及样式3.1美化网页元素3.2字体样式3.3文本样式CSS学习记录03CSS的作用及样式3.1美化网页元素有效传递页面信息美化网页凸显页面主题提高用户体验<div> 和 <span>标签HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。如果与 CSS 一同使用,<div>原创 2022-02-04 17:59:29 · 574 阅读 · 0 评论 -
CSS学习记录02CSS基本选择器、层次选择器、伪类选择器、属性选择器
本文部分内容源自文章《css中什么是伪类选择器?伪类选择器的简要介绍》作者:青灯夜游和《CSS 元素选择器》文章目录CSS学习记录02CSS基本选择器、层次选择器、伪类选择器、属性选择器2.1基本选择器2.1.1标签选择器2.1.2类选择器2.1.3ID选择器2.2层次选择器2.2.1后代选择器2.2.2子选择器2.2.3相邻兄弟选择器2.2.4通用选择器2.3伪类选择器2.3.1动态伪类选择器2.3.2UI元素状态伪类选择器2.3.3结构伪类选择器2.3.4否定伪类选择器2.4属性选择器(常用)2..原创 2022-02-03 21:36:53 · 547 阅读 · 0 评论 -
前端 好看实用的颜色大全(16进制)
转载 2022-02-03 17:06:42 · 7143 阅读 · 0 评论 -
CSS学习记录01CSS简介、入门及三种导入方式
文章目录CSS学习记录01CSS简介、入门及三种导入方式1.1CSS简介1.2快速入门1.3CSS的三种导入方式内部样式表外部样式表行内样式样式优先级CSS学习记录01CSS简介、入门及三种导入方式1.1CSS简介Cascading Style Sheet:层叠级联样式表作用:美化网页(字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动等)1.2快速入门语法:语法: 选择器{ 声明1; 声明2; 声明3; }<!DOCTYPE html><htm原创 2022-02-03 16:51:07 · 644 阅读 · 0 评论 -
HTML简单学习记录
文章目录HTML简单学习记录简介HTML基本结构网页基本标签图像标签链接标签超链接锚链接功能性链接行内元素和块元素列表表格视频和音频视频音频页面的简单布局iframe内联框架表单语法表单元素格式单选框多选框按钮下拉框文本域文件域邮件验证url验证数字验证滑块(音量)搜索框表单的应用表单的初级验证HTML简单学习记录简介HTML5(超文本标记语言)是 Hyper Text Markup Language 5 的缩写,超文本包括文字、图片、音频、视频、动画等等HTML基本结构<body>原创 2022-02-01 19:59:54 · 3278 阅读 · 5 评论 -
Vue学习笔记06组件基础
文章目录Vue学习笔记06组件基础什么是组件Vue学习笔记06组件基础什么是组件组件是可复用的Vue 实例,说白了就是一组可以重复使用的模板,跟JSTL 的自定义标签、Thymeleaf的th:fragment以及Sitemesh3框架有着异曲同工之妙。通常一个应用会以一棵嵌套的组件树的形式来组织:如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含其他如导航链接等组件。代码:<!DOCTYPE html><html lang="en"><head>原创 2022-01-16 23:28:50 · 285 阅读 · 0 评论 -
Vue学习笔记04Axios应用程序(使用axios实现异步通信)
文章目录Vue学习笔记04Axios应用程序Vue学习笔记04Axios应用程序在这里插入代码片原创 2022-01-16 23:13:37 · 271 阅读 · 0 评论 -
Vue学习笔记05表单输入绑定
文章目录Vue学习笔记05表单输入绑定基础用法Vue学习笔记05表单输入绑定基础用法可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。注意:v-model 会忽略所有表单元素的 value、checked、selected原创 2022-01-16 23:13:42 · 176 阅读 · 0 评论 -
Vue学习笔记03Vue语法
文章目录Vue学习笔记03Vue语法if-elseVue学习笔记03Vue语法if-else代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <title>条件渲染</t原创 2022-01-16 22:16:55 · 193 阅读 · 0 评论 -
Vue学习笔记02第一个Vue应用程序
文章目录第一个Vue应用程序介绍创建第一个Vue应用程序第一个Vue应用程序介绍Vue版本文档网站Vue.js网站这里有许多在今后学习路程中有帮助的内容如:引入 Vue的方式:<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>或者:<!-- 生产环境版本,优化了尺寸和速度 --><原创 2022-01-16 00:44:14 · 219 阅读 · 0 评论 -
Vue学习笔记01前端知识体系
文章目录前端知识体系前端三要素MVCMVVM前端知识体系前端三要素HTML(结构):超文本标记语言,决定网页的结构和内容;CSS(表现):设定网页的表现形式;JavaScript(行为):一种弱类型脚本语言,其源代码无需经过编译,而是由浏览器解释运行,用于控制网页的行为。MVCMVC指MVC模式的某种框架,它强制性地使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件:模型、视图、控制器。它们各自处理自己的任务。模型:表示业务规则,可理解为代表一个存取数据的对象,一个原创 2022-01-15 23:28:10 · 74 阅读 · 0 评论 -
Javaweb Servlet基础学习记录(1)—处理超链接请求数据
Javaweb Servlet的应用学习记录(1)—处理超链接请求数据 Servlet是运行于Web服务器端的Java程序。在Web开发中,Servlet常用于在服务器端处理一些与界面无关的任务。 本小节先记录Servlet数据处理中关于处理超链接请求数据的应用。1.超链接形式的数据请求语法格式:<a href = "URL地址?参数=参数值[&参数=参数值...]">...原创 2020-02-26 00:06:17 · 2669 阅读 · 0 评论 -
JavaWeb 重定向与请求转发的区别和执行流程(图解分析)
JavaWeb 重定向与请求转发的区别和执行流程(图解分析)本文通过现实生活的例子引出重定向和请求转发,通过图解的方式讲解了整执行流程,希望可以帮助到大家区别 序号 问题 重定向 请求转发 1 第二次请求谁请求的? 浏览器 服务器 2 ...转载 2020-02-26 22:47:53 · 670 阅读 · 1 评论 -
Javaweb 学习记录—JSP与JavaBean
Javaweb 学习记录—JSP与JavaBean 1.介绍 JavaBean 是一种特殊的 Java 类,以封装和重用为目的,在类的设计上遵从一定的规范,以供其它组件根据这种规范来调用。 JavaBean 最大的优势在于重用,同时它又具有以下特性:易于维护、使用、编写;封装了复杂的业务逻辑;可移植性;便于传输,既可用于本地也可用于网络传输。 JavaBean 可分为...原创 2020-03-10 19:26:04 · 271 阅读 · 0 评论 -
Javaweb Servlet基础学习记录(6)—异步处理
Javaweb Servlet的应用学习记录(6)—异步处理 在Servlet的原始版本中,假设浏览器同时有多个请求发送到服务器,web服务器在处理第一个请求时,若处理占用时间较长,则其他请求在这第一个请求被处理的时间段内无法进行任何操作。 被阻塞的Servlet请求过程: Servlet3.0有了新特性异步处理,所谓异步处理就是指数据发送方发送数据给数据接收方后,不必等待数据接收方作出响...原创 2020-02-27 23:25:41 · 203 阅读 · 0 评论 -
Javaweb Servlet核心接口学习记录(3)—HttpServletRequest接口
Javaweb Servlet核心接口学习记录(3)—HttpServletRequest接口 我们在创建Servlet时会覆盖service()方法,或doGet()/doPost(),这些方法都有两个参数,一个为代表请求的request和代表响应response。service方法中的request的类型是ServletRequest,而doGet/doPost方法的request的类型是...原创 2020-03-03 21:55:22 · 268 阅读 · 0 评论 -
Javaweb 学习记录—JSP内置对象
Javaweb 学习记录—JSP内置对象 1.内置对象简介 JSP内置对象也称隐含对象,是指在JSP页面中,不用声明就可以在脚本和表达式中直接使用的对象。 JSP内置对象也称隐含对象,它提供了Web开发常用的功能,为了提高开发效率,JSP 规范预定义了内置对象。 JSP内置对象有如下特点:内置对象由 Web 容器自动载入,不需要实例化;内置对象通过 Web容器来实现和管理;在所有的...原创 2020-03-09 21:37:21 · 431 阅读 · 0 评论 -
Javaweb 会话跟踪学习记录(3)—URL重写
Javaweb 会话跟踪学习记录(3)—URL重写 URL 重写是指服务器程序对接收的 URL 请求重新写成网站可以处理的另一个 URL 的过程,在实际应用中,当不能确定客户端浏览器是否支持 Cookie 的情况下,使用 URL 重写技术可以对请求的 URL 地址追加会话标识,从而实现用户的会话跟踪功能 。 1.URL重写实现方法URL重写通过HttpServletResponse的enc...原创 2020-03-06 13:55:36 · 252 阅读 · 0 评论 -
Javaweb 会话跟踪学习记录(1)—Cookie
Javaweb 会话跟踪学习记录(1)—Cookie技术 1.无状态的 HTTP 协议HTTP 协议 ( 超文本传输协议 )是一种无状态协议;HTTP 协议采用“连接—请求—应答—关闭连接”模式;对于交互式的 Web 应用,保持状态是非常重要的。一个有状态的协议可以用来帮助在多个请求和响应之间实现复杂的业务逻辑 。 2.会话跟踪技术会话跟踪技术是一种在客户端与服务器间保持 HTT...原创 2020-03-05 18:21:57 · 202 阅读 · 0 评论 -
Javaweb Servlet基础学习记录(2)—处理Form表单请求数据
Javaweb Servlet的应用学习记录(2)—处理Form表单请求数据 在实际开发中,经常需要获取用户提交的表单数据,例如用户名和密码等,这时候需要使用Servlet处理Form表单请求数据。1.Form表单数据请求语法格式:<form action="URL" method="POST/GET" enctype="application/x-www-form-urlencode...原创 2020-02-26 22:04:40 · 934 阅读 · 0 评论 -
Javaweb Servlet核心接口学习记录(2)—ServletContext接口
Javaweb Servlet核心接口学习记录(2)—ServletContext接口 ServletContext也称为Servlet上下文,代表当前Servlet运行环境,是Servlet与Servlet容器之间直接通信的接口;Servlet容器在启动一个Web应用时,会为该应用创建一个唯一ServletContext对象供该应用中的所有Servlet对象共享,Servlet对象可以通过Se...原创 2020-02-29 16:13:23 · 259 阅读 · 0 评论 -
Javaweb Servlet核心接口学习记录(1)—ServletConfig接口
Javaweb Servlet核心接口学习记录(1)—ServletConfig接口 servlet接口是servlet主要抽象的API,所有servlet都需要直接实现这一接口或者继承实现了该接口的类。servlet API中有两个类实现了Servlet接口,GenericServlet和HttpServlet。大多数情况下,开发人员只需要在这两个类的基础上扩展来实现他们自己的Servlet。...原创 2020-02-29 01:56:07 · 320 阅读 · 1 评论 -
Javaweb 会话跟踪学习记录(2)—Session
Javaweb 会话跟踪学习记录(2)—Session Session 技术是指使用 HttpSession 对象实现会话跟踪的技术,是一种在服务器端保持会话跟踪的解决方案。HttpSession 对象用来保存单个用户访问时的一些信息,是服务器在无状态的HTTP 协议下用来识别和维护具体某个用户的主要方式。 HttpSession 对象会在用户第一次访问服务器时由容器创建(注意只有访问JSP、 ...原创 2020-03-06 13:35:33 · 309 阅读 · 0 评论 -
Javaweb Servlet基础学习记录(5)—重定向与请求转发(请求转发与重定向对HttpServletRequest对象属性的存取)
Javaweb Servlet的应用学习记录(5)—重定向与请求转发(3)原创 2020-02-27 21:27:42 · 165 阅读 · 0 评论 -
Javaweb 学习记录—JSP语法
Javaweb 学习记录—JSP语法 1.JSP简介JSP 全名为 Java Server Pages ,中文名叫 java 服务器页面,其根本是一个简化的 Servlet 。JSP 技术有点类似 ASP 技术,用于开发包含动态内容的 Web 页面,它是在传统的网页 HTML 文件中插入 Java 程序段和 JSP 标记,从而形成 JSP 文件,后缀名为 .jsp。用 JSP 开发的 W...原创 2020-03-06 15:10:55 · 335 阅读 · 0 评论 -
Javaweb 会话跟踪学习记录(4)—隐藏表单域
Javaweb 会话跟踪学习记录(4)—隐藏表单域 利用 Form 表单的隐藏表单域,可以在完全脱离浏览器对 Cookie 的使用限制,并且在用户无法从页面显示看到隐藏标识的情况下,将标识随请求一起传送给服务器处理,从而实现会话的跟踪。 示例:在 Form 表单中定义隐藏域<form action="xx" method="post"> <input type="...原创 2020-03-06 14:10:53 · 668 阅读 · 0 评论 -
Javaweb Servlet基础学习记录(4)—重定向与请求转发(请求转发)
Javaweb Servlet的应用学习记录(4)—重定向与请求转发(2)二、请求转发 请求转发是指将请求再转发到其他地址,转发过程中使用的是同一个request请求,转发后浏览器地址栏内容不变。 请求转发过程图(演示由请求ServletA到ServletB的转发过程): 现实生活举例(图片转载自CSDN博主「阿顾同学」的原创文章,原文链接:https://blog.csdn.net/u...原创 2020-02-27 16:38:41 · 190 阅读 · 0 评论 -
Javaweb Servlet基础学习记录(3)—重定向与请求转发(重定向)
Javaweb Servlet的应用学习记录(3)—重定向与请求转发(1)原创 2020-02-27 11:08:06 · 172 阅读 · 0 评论 -
Javaweb Servlet核心接口学习记录(4)—HttpServletResponse接口
Javaweb Servlet核心接口学习记录(3)—HttpServletResponse接口 HttpServletResponse 接口继承自 ServletResponse 接口,主要用于封装 HTTP 响应消息。由于 HTTP 响应消息分为状态行、响应消息头、消息体三部分。因此,在 HttpServletResponse 接口中定义了向客户端发送响应状态码、响应消息头、响应消息体的方法...原创 2020-03-03 22:25:31 · 449 阅读 · 0 评论 -
Javaweb Ajax实验—使用ajax实现登陆验证及购物车功能
Javaweb Ajax实验—使用ajax实现登陆验证及购物车功能创建login.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta cha...原创 2020-03-06 15:40:17 · 701 阅读 · 3 评论