- 博客(124)
- 收藏
- 关注
RSS订阅原创 Docker
一、Docker概述1.1 基本介绍Docker 从 17.03 版本之后分为 CE（Community Edition: 社区版） 和 EE（Enterprise Edition: 企业版），我们用社区版就可以了。官网：Docker Documentation | Docker DocumentationDocker是基于Go语言开发的！开源项目！官网https://www.docker.com/文档地址：https://docs.docker.com/ 仓库地址：https:...
2022-03-22 23:35:20
890
原创 Git分布式版本控制工具
一、Git概述1.1 版本控制器的方式集中式版本控制工具：SVN和CVS。版本库是集中存放在中央服务器的，team里每个人work时从中央服务器下载代码，是必须联网才能工作，局域网或互联网，个人修改后提交到中央版本库SVN：分布式版本控制工具：Git.没有“中央服务器”，每个人的电脑上都是一个完整的版本库，这样工作的时候，就无需联网，因为版本库就在你自己的电脑上，多人只需要将各自的修改推送给对方，就能互相看到对方的修改了Git:1.2 Git工作流程图
2022-01-19 11:31:44
371
原创 Vue(十一)：Vuex
一、Vuex概述1.1 组件之间共享数据的方式父向子传值：v-bind属性绑定子向父传值：v-on 事件绑定兄弟组件之间共享数据：EventBus $on接收数据的那个组件 $emit发送数据的那个组件1.2 Vuex是什么Vuex是实现组件全局状态（数据）管理的一种机制，可以方便地实现组件之间数据的共享。1.3 使用Vuex统一管理状态的好处（1）能够在vuex中集中管理共享的数据，易于开发和后期维护（2）能够高效地实现组件的数据共享，提高开发效率（3）存储在v
2022-01-07 23:52:04
895
1
原创 Vue(十)：头条项目完整版
一、初始化项目1.1 创建并梳理项目的结构 运行如下的命令，基于 vue-cli 创建 Vue2 的工程化项目： vue create toutiao 重置App.vue根组件中的代码如下： <template> <div>App 根组件</div></template><script>export default { name: 'App'}</script><sty..
2022-01-07 16:17:09
667
原创 Vue(九)：ES6模块化与异步编程高级用法
目录一、ES6模块化1.1 node.js的模块化1.2 前端模块化规范的分类1.3 ES6模块化1.4 在node.js中体验ES6模块化1.5 ES6模块化的基本语法1.5.1默认导出与默认导入1.5.2 按需导出与按需导入1.5.3直接导入并执行模块中的代码二、Promise2.1 回调地狱2.2 Promise的基本概念2.3 基于Promise读取文件内容2.3.1 基于回调函数按顺序读取文件内容（存在回调地狱的问题）2.3.2 基于..
2022-01-06 18:14:50
3735
4
原创 Vue(八)：头条项目
一、新建项目与之前的不同之处在于，本次选择自动创建Router，如下：注：发现在src目录下新增views文件夹。views文件夹和components文件夹都是存放vue页面文件的。区别在于凡是通过router/index.js路由文件引入的.vue文件放入view文件夹，其余放入components文件夹。二、开发2.1 安装Vant组件库组件库地址：vant-contrib.gitee.io/vant/#/zh-CN/theme执行npm i vant -S..
2022-01-05 23:00:08
1880
1
原创 Vue(七)：路由
一、前端路由的概念及原理1.1 什么是路由路由（router）就是对应关系1.2 SPA与前端路由SPA：单页面应用程序前端路由：Hash地址与组件之间的对应关系URL中#后面的都叫Hash地址，location.hash即可获取1.3 前端路由的工作方式（1）用户点击了页面上的路由链接（2）导致了地址栏中的Hash值发生了变化（3）前端路由监听到了Hash地址的变化（4）前端把当前Hash值对应的组件渲染到浏览器中二、vue-route.
2021-12-30 23:17:19
3187
原创 Vue(六):eslint&axios
一、eslint1.1 vscode进行eslint相关配置（1）tabsize设置为2（2）format设置（3）新建eslint项目1.2 断点调试（和eslint配置无关）加断点，直接在程序中加debugger，或者在控制台Source下点击这里加断点1.3 eslint配置规则1：不能有连续的空行规则2：文件的末尾需要有一行空行规则3：文件的每一行后面都不能有空行规则4：属性和属性值之间需要1个空格规...
2021-12-30 19:29:36
831
原创 Vue（五）：动态组件&插槽&自定义指令
一、动态组件1.1 什么是动态组件动态组件指的是动态切换组件的显示与隐藏1.2 动态切换组件的显示与隐藏vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染，控制显示页面的属性是is。示例代码如下： <component :is="shownam"></component><template> <div id="app"> <h1>App.vue</h1> &l
2021-12-29 19:41:21
989
原创 Vue(四)：生命周期&数据共享
一、组件的生命周期1.1 生命周期&生命周期函数生命周期是指一个组件从创建->运行->销毁的整个阶段，强调的是一个时间段。生命周期函数：由vue框架提供的内置函数，会伴随着组件的生命周期，自动按序执行。1.2 组件生命周期函数的分类1.3 生命周期图示例VUE官网生命周期图--------------------Vue 实例 — Vue.jscreated生命周期函数，非常常用，经常在它里面，调用methods中的方法，请求服务器的数据。并且把请求..
2021-12-27 23:42:18
532
原创 Vue(三)：vue基础入门
一、侦听器1.1 什么是watch侦听器watch侦听器允许监视数据的变化，从而针对数据的变化做特定的操作。语法格式如下：1.2 方法格式的侦听器的应用--判断用户名是否被占用实时监控用户名的输入，判断输入的用户名是否被占用。该方式不能自动触发一次，不建议使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e.
2021-12-26 12:28:33
2730
1
原创 Vue(二)：vue基础入门
一、vue简介1.1 vue概念用于构建用户界面的前端框架1.2 vue的两个特性：数据驱动视图、双向数据绑定（1）数据驱动视图：单向数据绑定，页面数据变化时，页面重新渲染。在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构，示意图如下：（2）双向数据绑定：在填写表单时，双向数据绑定可以辅助开发者在不操作DOM的前提下，自动把用户填写的内容同步到数据源中。开发者不需要手动操作DOM，即可获取表单元素的最新值。示例如下：1.3 MVVM-..
2021-12-25 11:45:18
1278
原创 Vue(一) :前端工程化与webpack
一、前端工程化的概念webpack:前端工程化的一种具体解决方案前端工程化：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。前端工程化的解决方案目前主流的前端工程化解决方案：webpack (????：webpack中文文档) （主要用这个）parcel (????：parcel中文网)二、webpack的基本使用主要功能：提供了友好的前端模块化开发支持，以及代码压缩混淆（减小体积）、处理浏览器端JavaScript的兼容性（将高级的代.
2021-12-23 23:01:20
839
原创 01-Node.js基础
一、Node.js是什么Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.1、特性Node.js 可以解析JS代码（没有浏览器安全级别的限制）提供很多系统级别的API，如：文件的读写 (File System) 进程的管理 (Process) 网络通信 (HTTP/HTTPS) ……2、举例2.1 浏览器安全级别的限制Ajax测试<!DOCTYPE html>&l
2021-10-28 22:30:57
393
转载 Thymeleaf 教程
Thymeleaf 是一个服务器端 Java 模板引擎，能够处理 HTML、XML、CSS、JAVASCRIPT 等模板文件。Thymeleaf 模板可以直接当作静态原型来使用，它主要目标是为开发者的开发工作流程带来优雅的自然模板，也是 Java 服务器端 HTML5 开发的理想选择。1. 创建模板文件创建一个 HTML 模板文件：<!DOCTYPE HTML><html xmlns:th="http://www.thymeleaf.org"><head>
2021-09-02 23:51:23
15714
2
翻译 Eclipse18:Jquery
一、简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互我们使用jquery可以更好完成以下操作html文档操作，对于dom相关操作优化 jquery提
2021-08-12 23:12:10
970
翻译 Eclipse17:文件下载
一、概述文件下载：将服务器上的一个文件，通过流写入到客户端上很多应用包含有文件下载的功能 音乐的下载 应用的下载 下载的方式：使用超链接的方式实现文件的下载 在<a href=”文件的路径”>超链接</a> 注意：超链接的方式，如果浏览器不能识别这种格式的文件，提示下载，如果支持该格式的文件，直接打开。 通过手动编写代码的方式实现文件的下载 设置两个头和一个流 Content-Type :文件的M...
2021-08-12 23:05:14
238
翻译 Eclipse16:文件的上传
一、概述文件上传：将本地的文件通过流写入到服务器的过程二、应用实际开发中有很多应用： QQ空间上传图片 招聘网站上传简历 三、文件上传的技术JSPSmartUpload ：应用在JSP上的文件上传和下载的组件。 FileUpload ：应用在Java环境上的文件上传的功能。 Servlet3.0 ：提供文件上传的功能 Struts2 ...
2021-08-07 11:42:31
1761
翻译 Eclipse15:Filter
一、Filter概述Filter称为过滤器，它是Servlet技术中最实用的技术，web开发人员通过Filter技术，对web服务器所管理的资源（JSP，Servlet，静态图片或静态html文件）进行拦截，从而实现一些特殊的功能。Filter就是过滤从客户端向服务器发送的请求。二、过滤器原理三、Filter入门3.1 第一步：编写一个类实现Filter接口3.2 第二步：对过滤器进行配置3.3 第三步：编写JSP页面访问JSP页面，发现不加放行语句时，前端页..
2021-08-03 23:53:54
2508
翻译 Eclipse14:Listener
一、监听器1.1 概述监听器就是一个实现了特定接口的Java类，这个Java类用于监听另一个Java类的方法调用或者属性的改变。当被监听对象发生上述事件后，监听器某个方法将会立即被执行。1.2 用途用来监听其他对象的变化的。主要应用在图形化界面开发上。Java中GUI，Android1.3 术语（监听器可想象为汽车报警器）事件源：指的是被监听对象（汽车） 监听器：指的是监听的对象（报警器） 事件源和监听器绑定：在汽车上安装报警器 事件：指的是事件源对象的改变（踹了汽车一脚
2021-08-01 23:12:43
703
翻译 Eclipse13:JSP&EL&JSTL
一、JSP1.1 概述JSP：Java Server Pages ：Java服务器端页面。JSP 就是 HTML + Java代码 + JSP自身东西1.2 JSP由来Servlet技术生成动态网页的时候很麻烦，需要通过response获得输出流，调用print方法进行打印的。这种编程方式很麻烦，而且美工也不容易处理。SUN公司为了简化动态网页开发，推出JSP1.3 JSP的运行原理JSP在执行时，会被服务器翻译为Servlet编译执行，JSP就是一个Servlet1.4 J
2021-07-31 23:59:47
543
原创 Eclipse代码的自动补全
打开eclipse依次点击Window --> Perferences --> Java --> Editor --> Content Assist在【Auto activation triggers for Java：】选项后的文本框中会看到一个"."。eclipse默认只有在你输入"."之后才会有代码提示和自动补全。我们需要在"."之后加上"qwertyuiopasdfghjklzxcvbnm",其实就是从左至右，从上至下顺序按你的键盘。...
2021-07-31 14:51:04
188
翻译 Eclipse12:Cookie&Session
一：会话技术1.1 概述会话简单理解为：用户打开一个浏览器，点击多个超链接访问服务器的web资源，然后关闭浏览器，整个过程称为是一次会话。1.2 为什么学习会话每个用户与服务器进行交互过程中，产生一些各自的数据，程序想要把这些数据进行保存，就需要使用会话技术。例如：用户点击超链接购买一个商品，程序应该保存用户所购买的商品，以便于用户点击结账可以得到用户所购买的商品信息。思考：用户购买的商品保存在request或ServletContext中是否可以？1.3 会话技术的实现原.
2021-07-30 23:40:19
2509
翻译 Eclipse11: Response&Request
目录一、Response对象1.1 概述1.2Response对象的API1.2.1 Response关于响应行的方法:设置响应的状态码1.2.2 Response关于响应头的方法1.2.3 Response关于响应体的方法1.2.4 Response其他的API1.3 代码演示1.3.1 设置状态码1.3.2 完成重定向1.3.2定时刷新效果，自动跳转1.3.3 定时页面跳转扩展JS1.4 Response对象响应的中文乱码处理...
2021-07-30 22:48:27
413
原创 Eclipse
一、Eclipse基本特点：免费、开源、JAVA语言编写、绿色软件（解压安装、删除文件夹卸载）、扩展性很强二、下载官网地址：http://www.eclipse.org安装：解压即可，路径不包含中文和空格卸载：删除文件夹即可三、Eclipse使用3.1 新建项目3.2 创建包3.3 新建类：3.4 运行代码编辑窗口空白处右键或者四、基本配置4.1 字体...
2021-07-17 00:08:13
2992
1
翻译 12 XML
1. 概念：Extensible Markup Language 可扩展标记语言 * 可扩展：标签都是自定义的。 <user> <student> * 功能 * 存储数据 1. 配置文件 2. 在网络中传输 * xml与html的区别 1. xml标签都是自定义的，html标签是预定义。 2. xml的语法严格，html语法松散 3. xml...
2021-07-15 22:34:52
105
翻译 05 【异常、线程】
第一章 异常1.1 异常概念异常，就是不正常的意思。在生活中:医生说,你的身体某个部位有异常,该部位和正常相比有点不同,该部位的功能将受影响.在程序中的意思就是： 异常 ：指的是程序在执行过程中，出现的非正常的情况，最终会导致JVM的非正常停止。 在Java等面向对象的编程语言中，异常本身是一个类，产生异常就是创建异常对象并抛出了一个异常对象。Java处理异常的方式是中断处理。异常指的并不是语法错误,语法错了,编译不通过,不会产生字节码文件,根本不能运行.1.2 异常体系异
2021-07-15 00:09:57
69
翻译 11【网络编程】
第一章 网络编程入门1.1软件结构 C/S结构 ：全称为Client/Server结构，是指客户端和服务器结构。常见程序有ＱＱ、迅雷等软件。 B/S结构 ：全称为Browser/Server结构，是指浏览器和服务器结构。常见浏览器有谷歌、火狐等。 两种架构各有优势，但是无论哪种架构，都离不开网络的支持。网络编程，就是在一定的协议下，实现两台计算机的通信的程序。 1.2 网络通信协议 网络通信协议：通过计算机网络可以使多台计算机实现连接，位于同一个
2021-07-14 23:35:06
166
翻译 10【缓冲流、转换流、序列化流、打印流】
第一章 缓冲流昨天学习了基本的一些流，作为IO流的入门，今天我们要见识一些更强大的流。比如能够高效读写的缓冲流，能够转换编码的转换流，能够持久化存储对象的序列化流等等。这些功能更为强大的流，都是在基本的流对象基础之上创建而来的，就像穿上铠甲的武士一样，相当于是对基本流对象的一种增强。1.1 概述缓冲流,也叫高效流，是对4个基本的FileXxx 流的增强，所以也是4个流，按照数据类型分类： 字节缓冲流：BufferedInputStream，BufferedOutputStream
2021-07-14 22:51:31
71
翻译 09【字节流、字符流】
第一章 IO概述1.1 什么是IO生活中，你肯定经历过这样的场景。当你编辑一个文本文件，忘记了ctrl+s ，可能文件就白白编辑了。当你电脑上插入一个U盘，可以把一个视频，拷贝到你的电脑硬盘里。那么数据都是在哪些设备上的呢？键盘、内存、硬盘、外接设备等等。我们把这种数据的传输，可以看做是一种数据的流动，按照流动的方向，以内存为基准，分为输入input 和输出output ，即流向内存是输入流，流出内存的输出流。Java中I/O操作主要是指使用java.io包下的内容，进行输入、输出操作。输入
2021-07-14 22:07:52
143
翻译 08 File类与IO流——【File类、递归】
第一章 File类1.1 概述java.io.File 类是文件和目录路径名的抽象表示，主要用于文件和目录的创建、查找和删除等操作。1.2 构造方法 public File(String pathname) ：通过将给定的路径名字符串转换为抽象路径名来创建新的 File实例。 public File(String parent, String child) ：从父路径名字符串和子路径名字符串创建新的 File实例。 public File(File parent, St
2021-07-14 00:10:49
48
翻译 06_JDBC连接池&JDBCTemplate
一、数据库连接池1. 1 概念其实就是一个容器(集合)，存放数据库连接的容器。 当系统初始化好后，容器被创建，容器中会申请一些连接对象，当用户来访问数据库时，从容器中获取连接对象，用户访问完之后，会将连接对象归还给容器。1.2. 好处： 1. 节约资源 2. 用户访问高效1.3. 实现：1. 标准接口：DataSource javax.sql包下的 1. 方法： * 获取连接：getConnection()...
2021-07-13 23:53:42
54
翻译 05_JDBC
一、JDBC1. 1 概念Java DataBase Connectivity Java 数据库连接， Java语言操作数据库 * JDBC本质：其实是官方（sun公司）定义的一套操作所有关系型数据库的规则，即接口。各个数据库厂商去实现这套接口，提供数据库驱动jar包。我们可以使用这套接口（JDBC）编程，真正执行的代码是驱动jar包中的实现类。1.2. 快速入门：* 步骤： 1. 导入驱动jar包 mysql-connector-java-5.1.3...
2021-07-13 23:40:13
64
翻译 Excel数据导入java
一、方式2——jxl方式，文件格式为xls格式1、jar包导入先复制jxl.jar文件到文件夹，然后右键Build Path-Add to Build Path2、获取Excel文件File file=new File("C:\\Users\\My\\Desktop\\student.xls");Workbook wb=Workbook.getWorkbook(file);3、获取指定的sheet页,可通过名称，也可以通过索引wb.getSheet("Sheet1");...
2021-07-13 00:13:11
2861
1
原创 FileZilla下载文件失败
用FileZilla从FTP服务器下载文件的时候，总是提示“Failed to convert command to 8 bit charset”错误，导致无法正常下载文件，经查找，原来是FileZilla无法正确判断字符集编码造成的，解决办法也很简单。1、打开FileZilla的“站点管理器”-“字符集”页面2、选择“使用自定义的字符集”3、编码内容填写你自己FTP服务器的字符集即可我的是UTF-8，修改后重新连接，问题解决。...
2021-05-13 16:52:05
2094
原创 3. Git常用命令
3.1 环境配置当安装Git后首先要做的事情是设置用户名称和email地址。这是非常重要的，因为每次Git提交都会使用该用户信息设置用户信息git config --global user.name “itcast”git config --global user.email “[email protected]”查看配置信息git config --listgit config user.name通过上面的命令设置的信息会保存在~/.gitconfig文件中3.2 获取Gi
2021-04-25 23:05:05
128
原创 java中的url 编码与解码
什么是application/x-www-form-urlencoded字符串？答：它是一种编码类型。当URL地址里包含非西欧字符的字符串时，系统会将这些字符转换成application/x-www-form-urlencoded字符串。 表单里提交时也是如此，当包含非西欧字符的字符串时，系统也会将这些字符转换成application/x-www-form-urlencoded字符串。然而，在向服务器发送大量的文本、包含非ASCII字符的文本或二进制数据时这种编码方式效率...
2021-03-16 09:44:30
273
原创 加密
目录一、DES加密二、乱码解决三、秘钥长度问题解决四、DES解密代码实现五、对称加密的发展和总结一、DES加密二、乱码解决总结：根据补0的个数加=，补2个0加一个=,以此类推规则：余数为3时，不加=；余数为2时，加1个=；余数为1时，加2个=注：通过Base64编解码，所有的字节都不会丢失三、秘钥长度问题解决上述算法要求提供原始秘钥：长度64位，8个字节如：String orginKey="12345678"...
2021-03-11 22:48:55
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人