- 博客(41)
- 收藏
- 关注
转载 JavaWeb之 Servlet(2万6千字详解)
博主将用 CSDN 记录 Java 后端开发学习之路上的经验,并将自己整理的编程经验和知识分享出来,希望能帮助到有需要的小伙伴。博主也希望和一直在坚持努力学习的小伙伴们共勉!唯有努力钻研,多思考勤动手,方能在编程道路上行至所向。由于博主技术知识有限,博文中难免会有出错的地方,还望各位大佬包涵并批评指正,博主会及时改正;如果本文对小伙伴你有帮助的话,求求给博主一个赞支持一下,可以一起交流,一起加油!!本文编写过程中,参考了以下几位 csdn博主的博客,写的非常好,有兴趣的小伙伴也可以去看看。
2024-07-10 10:49:01
13
原创 webpack5 的基本使用
webpack5 的基本使用1.什么是webpack2.创建列表隔行变色项目3. 在项目中安装 webpack4. 在项目中配置 webpack4.1 mode 的可选值4.2 webpack.config.js 文件的作用4.3 webpack 中的默认约定4.4 自定义打包的入口与出口1.什么是webpack概念:webpack是前端项目工程化的具体解决方案。主要功能:它提供了友好前端模块化支持,以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性 能优化等强大的功能。好处:让程序
2022-01-24 22:23:23
1605
原创 第三方loader 和 webpack 之间的调用关系
第三方loader 和 webpack 之间的调用关系webpack 中 默认 只能 处理 .js 文件当 webpack 发现有一些非 js 文件需要处理时候,就处理不了,此时并不会直接报错,而是, webpack 先检查 webpack.config.js 中,有没有配置这种文件的处理 laoder;如果 没有找到 对应的 loader 规则,则直接报错: You may need an appropriate loader to handle this file type.(后面的 lo
2021-11-28 12:14:49
124
原创 ES6 export、import 导入导出
ES6 export、import 导入导出在node 中,module.exports 是和 require配合使用的在 es6 中, export defalut 是和 import ** from '标识符' 配合使用的在模块中,使用 export default 向外暴露成员,只能唯一的一个 export default使用 export default 向外暴露的成员对象,可以使用任何合法的变量名来接收!export default 和 export 可以同时使用;使用 impo
2021-11-28 11:56:04
1185
原创 CSS 元素
元素元素(element)是文档结构的基础。文档中的每个元素都对文档的表现起一定的作用。每个元素生成一个框(box,也称为盒),其中包含元素的内容。
2021-10-20 18:21:15
207
原创 Vue父子组件传值
父组件向子组件传值父组件向子组件传递普通数据把要传递给子组件的数据,作为 自定义属性,通过 v-bind: 绑定到子组件身上:<com1 :msg123="parentMsg"></com1>在子组件中,不能直接使用父组件传递过来的数据,需要先使用 props 数组来接收一下:props: ['msg123']注意:在接收父组件传递过来的 props的时候,接收的名称,一定要和父组件传递过来的自定义属性,名称保持一致!<!DOCTYPE html&
2021-10-08 22:15:06
70
原创 定义Vue组件
什么是模块化:模块化是从代码的角度出发,分析项目,把项目中一些功能类似的代码,单独的抽离为一个个的模块;那么为了保证大家以相同的方式去封装模块,于是我们就创造了模块化的规范(CommonJS规范);模块化的好处:方便项目的开发;和后期的维护与扩展;今后如果需要某些固定功能的模块,则直接拿来引用就行,提高了项目开发效率!...
2021-10-07 11:19:04
82
原创 Vue生命周期
在这里插入图片描述<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2021-10-05 20:33:28
66
原创 webapck 打包图片
const HtmlWebpackPlugin = require(‘html-webpack-plugin’);const {resolve} = require(‘path’);module.exports = {entry:"./src/index.js",output:{filename:‘built.js’,path: resolve(__dirname,‘build’),},module:{rules:[{test:/.lessKaTeX parse error: Exp
2021-10-02 09:19:20
76
原创 webpack 打包html
/* loader: 1.下载 2.使用(配置loader) plugins: 1.下载 2.引入 3.使用*/const {resolve} = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const { Template } = require('webpack');module.exports = { entry:'./src/index.js', ou
2021-10-01 18:49:20
279
原创 css 选择器
css 选择器的特殊性决定了最终显示的 css 样式hl {color : red; )body hl fcolor: green; }h2.grape {color: purple;}h2 {color: silver;}html > body table tr[id="totals"] td ul > li (color: maroon;}li#answer icolor: navy ; )可以使用多种不同的方法选择元素。同一个元素可以使用两个或多个规则来选择,每个规则都有其自
2021-09-29 23:45:56
96
原创 webpack 五个核心概念
1. Entry入口(Entry)指示 webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图。2. Output输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去,以及如何命名。3. LoaderLoader 让 webpack 能 够 去 处 理 那 些 非 JavaScript 文 件 (webpack 自 身 只 理 解JavaScript)4. Plugins插件(Plugins)可以用于执行范围更广的任务。插件的范围包括,从打包优化和压
2021-09-29 23:05:12
89
原创 改变函数内部 this 指向 bind、call、apply
JavaScript 为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部 this 的指向问题,常用的有 bind()、call()、apply() 三种方法。1.call方法call() 方法调用一个对象。简单理解为调用函数的方式,但是它可以改变函数的 this 指向。// fun.call(thisArg, arg1, arg2, ...) var o = { name: 'andy' } function fn(a, b)
2021-09-29 22:52:38
72
原创 函数内 this 的指向
这些 this 的指向,是当我们调用函数的时候确定的。 调用方式的不同决定了this 的指向不同一般指向我们的调用者. // 函数的不同调用方式决定了this 的指向不同 // 1. 普通函数 this 指向window function fn() { console.log('普通函数的this' + this); } window.fn(); // 2. 对象的方法 this指向的是对象 o
2021-09-29 22:02:17
52
原创 js构造函数和原型
1 构造函数构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面。new在执行时会做四件事情:在内存中创建个新的空对象。让this 指向这金新的对象。让this 指向这个新的对象。执行构造函数里面的代码,给这个新对象添加属性和方法。返回这个新对象.(所以构造函数里面丕需要return ) 。JavaScript的构造函数中可以添加一些成员,可以在构造函数本身上添加,也可以在构造函数
2021-09-29 21:52:12
161
原创 webpack详细配置
/* webpack.config.js webpack的配置文件 作用: 指示 webpack 干哪些活(当你运行 webpack 指令时,会加载里面的配置) 所有构建工具都是基于nodejs平台运行的~模块化默认采用commonjs。*/// resolve用来拼接绝对路径的方法const { resolve } = require('path');module.exports = { // webpack配置 // 入口起点 entry: './src/
2021-09-28 23:11:46
168
原创 java Debug
四个键:F5 :单步调试(会进入到方法中)F6:逐过程调试(不会进入到方法中)F7:结束方法的调试(返回)F8:直接跳到下一个断点(若后面无断点则调试结束)监视添加监视(选中表达式右键watch)...
2021-08-29 17:29:41
88
原创 java 变量
java 变量实例变量局部变量实例变量1)类中,方法外2)创建对象时存储在堆中,对象被回收时一并被回收3)有默认值局部变量1)方法中2)调用方法时存储在栈中,方法结束时与栈帧一并被清除3)没有默认值...
2021-08-28 21:49:06
104
原创 java static:静态
static:静态的静态变量1.1) 由static修饰1.2) 属于类的,存储在方法区中,只有一份1.3)常常通过类名点类访问静态方法2.1) 由static修饰2.2) 属于类的,存储在方法区中,只有一份2.3) 常常通过类名点来访问2.4) 静态方法没有隐式 this 传递所以在静态方法中不能直接访问实例成员2.5) 何时用:方法的操作仅与参数相关而与对象无关class Moo{ int a; static int b; void show() { // 有this
2021-08-09 23:15:39
56
原创 java对象访问控制修饰符
访问控制修饰符:1)public:公开的,任何类2)protected: 私有的,本类3)protected: 受保护的,本类、派生类,同包类4)默认的:什么也不写,本类、同胞类package oo_test;public class Aoo { public int a; // 任何类 protected int b; // 本类、派生类、同包类 int c; // 本类、同包类 private int d; // 本类 void show() { a = 1; b =
2021-08-08 21:04:30
76
原创 javascript 简介
javascript 简介javascript 诞生于 1995 年当时,它的主要目的是处理以前由服务器端语言(如Perl)负责的一些输入验证操作。在 javascript 问世之前,必须把表单数据发送到服务器端才能确定用户是否没有填写某个必填域,是否输入了无效的值。Netscape Navigator 希望通过 Javascript 来解决这个问题。1.1 javascript 简史在 web 日益流行的同时,人们对客户端脚本语言的需求也越来越强烈。哪个时候,绝大多数因特网用户都使用书读仅为 28.
2021-08-08 21:01:15
70
原创 java 方法重写注意事项
方法重写遵循 ‘两同两小一大’ 原则:3.1)相同3.1) 方法名称相同3.2) 参数列表相同3.2 两小:3.2.1) 派生类方法的返回值类型小于或等于超类的方法、void 时,必须相等基本类型时,必须相等3)引用类型时,小于或等的3.2.2) 派生类方法抛出的异常小于或等于超类方法的3.3) 一大:3.3.1) 派生类方法的访问权限大于或等于超类方法的class Coo { void show() { } double test() { return.
2021-08-08 11:59:00
261
原创 JDK、JRE、JVM 关系
1 java 编译运行过程1.1 编辑期:.java 源文件,经过编译,生成.class 字节码文件1.2 运行期:JVM加载 .class 并运行 .class特点:跨平台、一次编程导出使用2 名词解释2.1 JVM : java 虚拟机加载 .class 并运行 .class2.2 JRE:java 运行环境除了包含 JVM 以外还包含运行 Java 程序所必须的环境JRE = JVM + java 系统类库小零件2.3JDK:java 开发工具包除了包含JRE以外还包含开发jav
2021-06-23 22:40:09
48
原创 类与对象的关系
类是对一类对象的抽象;对象是类的具体实例。类声明[public] [abstract | final] class 类名称[extends 父类名称][implements 接口名称列表]{数据成员声明及初始化;方法声明及方法体}class表明其后声明的是一个类。extends如果所声明的类是从某一父类派生而来,那么,父类的名字应写在 extends 之后implements如果所声明的类要实现某些接口,那么,接口的名字应写在 implements 之后public声明.
2021-06-21 22:35:40
80
原创 面向对象方法的特性
抽象、封装、继承、多态抽象忽略问题中与当前目标无关的方面只关注与当前目标有关的方面封装封装是一种信息屏蔽技术利用抽象数据类型将数据和基于数据的操作封装在一起用户只能看到对象的封装界面信息,对象的内部细节对用户是隐蔽的封装的目的在于将对象的使用者和设计者分开,使用者不必知道行为实现的细节。继承基于已有类产生新类的机制是指新的类可以获得已有类(称为超类、基类或父类)的属性和行为,称新类为已有类的子类(也称为派生类);在继承过程中子类继承了超类的特性,包括方法和实例变量。子类也可修改继承
2021-06-21 21:52:42
183
原创 一、 CSS和文档
1.1web样式简介1994年,正值web开始广泛流行起来,css 的第一个提案发布了。草案制定的速度很快,到1996年年末,css1完成了。此后刚组建的css工作组开始着手制定css2,而各浏览器则互相协作,努力实现css1。而且早期实现有些先天不足,例不同浏览器对盒模型(box model)的实现之间的差异尤其为人话病。这些问题直接响到css的名声,幸好一些聪明人提出了变通方法,让浏览器的行为保持一致。几年之间,css逐渐流行起来。在此之前,css2规范于1998年年初定案。随后,css工作组立即投
2021-05-11 11:24:33
493
原创 Java数据类型
java数据类型两大类基本数据类型:1.整数类型- byte 占1字节 -128 ~ 127- short 占2字节 -32768~32767- int 占4字节 -2147483648 ~ 2147483647- long 占站8字节 -9223372036854775808 ~ 92233720368547758072.浮点类型floatdouble3.字符型char4.布尔类型boolean引用类型对象...
2021-05-09 18:19:33
114
原创 常用的图像格式含义
无论是HTML还是XHTML都没有规定图像的官方格式。然而,流行的浏览器却专门规定了一定的图像格式:通常情况下是GIF、PNG和JPEG。其他多媒体格式大多数都需要特殊的辅助应用程序,每个浏览器的使用者都要去获取、安装并正确地操作这些应用程序,这样才能看到这些特殊的文件。1、 GIF图形交换格式(Graphics Interchange Format,GIF)最初是CompuServe为其在线服务用户传输图像而开发的。这种格式有很多特性,因此在HTML和XHTML文档中十分普及。它的编码技术在很多平台上
2021-04-05 16:35:38
595
1
原创 HTML 4.0.1 DTD
HTML 4.01标准被正式定义为3种SGML DTD:严格 DTD (Strict DTD)、过度DTD(Transitianal DTD)和框架集DTD(Frameset DTD)。严格 DTD只定义那些在4.0标准中没有遭到反对的元素,并且更加准确地反映了今天所使用的HTML,其中有很多老的元素仍旧得到普遍的应用。框架集DTD与过度DTD相同,除文档的被标签替代之外。...
2021-04-05 16:03:21
217
原创 二、遵循因特网规则
1.2遵循因特网规则每一台连接到因特网上的计算机(包括哪些老掉牙的Apple II)都有一个特定的地址:即一些由网际协议(Internet protocol,IP),定义了格式的数字,这个标准定义了如何在网上将消息从一台计算机传递到另一台就算机。每一个IP地址(IP address)都由四个部分组成,每个部分都不得大于256,并用点号连接起来,如:192.12.248.73和131.5897.254。计算机只处理数字,可是人们却愿意与名称打交道。因此,每台连接到因特网上的计算机都有一个由其拥有者起的名字
2021-04-05 15:51:55
275
原创 一、因特网
世界范围的计算机网络,也就是人们所说的因特网(Internet),虽然始于军事实验,而且早期是学术界和特殊爱好者的玩具,但近十年的发展却使之变成了一个快速增长且多元化的商业大社区,其中涵盖了计算机用户及信息供应商。WEB,这个因特网上支持超文本形式的文档服务器及读者的开放性社区,从很多方面促成了网络普及的飞速发展。1.1 因特网因特网实的概念实际上非常简单:它是世界范围内计算机网络的一个集合,是由计算机网络(一种网络的网络)通过一致的联网协议和软件协议组件的集合,这些网络共享着数据信息。网络对于计算
2021-04-05 11:14:42
241
原创 Node 介绍
Node:一门后端语言(服务器端的程序语言),能够连接数据库存取数据,能够接受和处理网络请求(服务器的响应,发送请求去获取数据),单线程事件驱动,异步执行,不等待,提高IO(input和output)的处理速度和效率。服务器:本质上是一台PC主机(linux系统,windows系统),部署了后端语言的执行环境,并且能够长时间提供网络服务。...
2021-02-12 16:08:08
1446
原创 根据数据和模板生成页面
根据规则去解析链接,并且获取ID或者索引值// 请求路径,http://127.0.0.1/movies/1let pathObj = path.parse(req.url);let index = pathObj .base;根据索引获取数据let movies = [ { name:"极品芝麻官", brief:"新版《极品芝麻官》以一起豪门冤案为线索,讲述了江南状师马如龙狡滑多智,精通律法,战无不胜,偶然遇上微服私访的皇.
2021-02-11 19:25:06
337
原创 Promise
Promise 是什么词语本意['promis]n.名词许诺;允诺;(有可能)MDN 中文Promise 对象用于异步计算一个 Promise 表示一个现在、将来或永远不可能可用的值按照用途来解释主要用于异步计算可以将异步操作队列化,按照期望的顺序执行,返回复合预期的结果。可以在对象之间传递和操作Promise,帮助我们处理队列。javaScript 包含大量异步操作javascript 为检查表单而生。创造它的首要目标是操作DOM。所以,javaScript 的
2021-02-07 19:03:31
117
原创 爬虫 puppeteer浏览器使用
打开浏览器let options = { headless:true, //是否无界面浏览器 slowMo:250,//调试时可以减慢操作速度,查看界面操作 defaultViewport:{ width: 1200, //设置视窗的宽高 height:800 }, timeout:3000, //默认超时3秒}let browser = await .launch(options);打开新标签页let page = await browser.newPage()将页面跳
2021-02-07 11:59:44
736
1
原创 浏览器地址栏键入URL回车后会经历什么流程
浏览器像 DNS 服务器请求解析该 URL 中的域名所对应的 IP 地址解析出 IP 地址后,根据该 IP 地址和默认端口 80 ,和服务器建立TCP连接浏览器发出读取文件(URL中域名后面部分对应的文件)的HTTP请求,该请求报文作为 TCP 三次我收的第三个报文的数据发送给服务器服务器对浏览器请求作出响应,并把对应的html文本发送给浏览器;释放TCP浏览器将该html文本解析,并显示内容;...
2021-02-05 11:54:44
128
原创 移动端开发rem设置
(function(){ "use strict"; var docEl = document.documentElement, viewporEl=document.querySelector('meta[name="viewport"]'), dpr=window.devicePixelRatio || 1, maxWidth=640, minWidth=320, dpr= dpr >= 3 ? 3:(dpr >= 2 ? 2 : 1); docEl.setAt
2020-12-20 21:54:20
126
原创 Node 处理表单GET和 POST请求
get请求node 代码:const http = require('http'); // 引入http模块const url = require('url'); // 用于处理url地址(解析get url 请求路径中的参数)const app = http.createServer(); //创建服务器对象server.on('request', function (req, res) { //监听客户端请求 var url = req.url let {query} = url.pars
2020-12-20 21:45:34
163
原创 CommonJs规范和原理
什么是模块化文件作用域通信规则加载 (require)导出 (exports.name || module.exports =name)CommonJs模块规范在Node中的JavaScript还有一个很重要的概念:模块系统。模块作用域使用 require 方法用来加载模块使用 exports 接口对象用来导出模块中的成员...
2020-11-20 22:39:15
249
原创 如何通过服务器让客户端重定向
如何通过服务器让客户端重定向1.状态码设置为 302 临时重定向res.statusCode = 3022.在响应头中通过Location告诉客户端往哪儿重定向res.setHeader(‘Location’,’/’)如果客户端收到服务器的响应状态码是 302 就会自动去响应头中找 Location,然后对该地址发起新的请求...
2020-11-14 22:26:41
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人