QTXLY的博客

原创 微信小程序介绍-以及写项目流程（重要）

微信小程序以及项目练习

原创 移动端左右滑动切换页面效果(纯-JavaScript)

移动端：左右滑动切换页面效果

原创 Vue3移动端项目

这是vue3的移动端项目

原创 Vue3-后台管理系统

这是一个使用了vue3框架开发的后端管理系统

原创 Vue3（重点笔记）

除了内置指令，Vue 也允许你定义自己的指令。javascript复制// 注册一个全局自定义指令 `v-focus`// 当绑定元素插入到 DOM 中时...// 聚焦元素el.focus();})// 使用。

原创 关于：Webpack 5

定义：webpack 用于编译 JavaScript 模块。一旦完成安装就可以通过 webpackCLI或API与其配合交互。如果还不熟悉 webpack，请阅读核心概念和对比了解为什么是使用 webpack 而非社区中的其他工具。为什么要用webpack：现如今网页上都有很多功能，它们拥有大量的JS代码和依赖包，为了更好的维护，使用webpack，因为webpack是一个功能强大得到工具，可以将所有资源模块化（让我们可以把复杂的程序细化为小的文件）。webpack能做什么。

原创 小米商城移动端[全栈]项目总结

/js代码展示 电梯导航//获取对应的box// 获取offsetTop// 使用scrollTo方法添加滚动动画top: num - 60, // 假设 60 是你想要预留的顶部空间behavior: 'smooth' // 添加平滑滚动动画});});});// 滚动页面,与左侧绑定// 获取页面的滚动距离在中定义实体，如：typescript@Entity('user1') //映射数据库（对应的数据表名字）

原创 Typescript

TypeScript(简称：TS)是JavaScript的超集。js中操作的都是数据，ts中类型系统操作的是类型，js和ts中很多操作时类型，只是操作的对象不一样。

原创 数据可视化介绍

数据可视化是一种将抽象数据转换为图形或图像表示形式的技术，目的是使人们能够看到数据的模式、趋势和洞察力。

原创 Promise(承诺)-JS

同步：是指任务程序是有顺序的，就像排队，一个执行完，才执行第二个、第三个 . . .等。异步：是指任务程序都是独立的，可以不用等待别的程序执行完，都是独立互不影响开始执行的。​ 图例👇：//执行多个异步操作,整个程序会一层一层的嵌套下去，可读性会很差//以下也可被称为函数的回调地狱...}, 1000)}, 1000)}, 1000)

原创 一、排序算法

插入排序（Insertion Sort）是一种简单直观的排序算法，它的工作方式是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。冒泡排序（Bubble Sort）是一种简单的排序算法，它重复地遍历要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。排序算法是《数据结构与算法》中最基本的算法之一。

原创 js高级-原型链（原型、隐式原型、原型链）

代码对相应的小三角形(图片)完整原型链图(图片)

原创 js数组的方法-(看这一篇就够了)

元素，并返回该元素的值。此方法会更改数组的长度。

原创 css思维导图

原创 Animate动画使用方式（）

animate使用流程（记录）

原创 酷狗音乐首页-2部分

css部分不展示，若遇到问题，可以联系沟通

原创 酷狗音乐官网

html代码展示，css略(导航栏都通过ul li无序列表，css弹性布局dis:flex)轮播图通过引入swiper轮播技术。

原创 后端用户管理-删除-修改

因为注册和修改共页面，如何判断是注册还是修改，通过判断语句if else语句判断id的valuel, id为null则为注册，id有值则为修改。无论修改还是删除都需要先查询数据（查询id）删除的后端接口servlet。

原创 实现后端-管理页面的公告和内容

4、我们可以在登录的servlet里面调用查询所有类型的方法，然后把查询出来的数据存储在作用域中，跳转到首页后。6、使用核心标签库里面的foreach标签，把之前存储在作用域当中的数据循环迭代显示出来。4.在servlet中调用方法，把查询出来的数据，存储在session作用域中。5、在页面的公告栏中，通过使用jstl标签库中的核心标签库。2、创建类型的接口，在接口中定义查询所有类型的方法。3、在接口的实现类中，实现这个查询所有类型的方法。2.创建内容的接口，根据类型查询所属的内容方法。

原创 后端-注册页面

注册

原创 后端-连接前端跳转

6.在servlet中处理登录的业务逻辑(根据页面的请求方式，在servlet对应的方法中实现，get请求==》doget,post==>dopost。5.创建servlet,servlet中的地址与页面提交表单的地址，要是一样的。4.创建用户接口的实现类，实现用户接口，实现接口中的登录方法。6.3调用登录方法，把获取到的参数（账号和密码）传递到方法中。登录失败后，页面跳转到登录页面，继续登录)3.创建用户接口，在接口中定义登录的方法。表单提取，都是post的请求方式。登录成功后，页面跳转进首页。

原创 建立数据库连接-步骤

常量大写，变量驼峰命名。

原创 后端数据库基本知识以及举例（王者荣耀数据）

insert into content values(null,5,'峡谷夏日特别行动之地某有话说友好交流是胜利的关键','2022:09:20 21:05:50');insert into content values(null,4,'姜子牙英雄品质升级共创-技能特效研讨活动开启','2022:09:20 21:05:50');insert into content values(null,2,'9月14日全服不停机更新公告','2022:09:20 21:05:50');

原创 Web前端 王者荣耀中心区域，以及底部思路

第三为一个图片，不重复bkg：no-repate ，图片不变型object-fit:cotain。第一个层左右浮动图片span标签，文字p标签（转块级），第二和第三都为ul li无序列表，第一部分一张图片，位置偏移（使用偏移时，要使用bgkd:url()一起用）第一左右浮动第一个层左右浮动图片span标签，文字p标签（转块级），用小图片就是span，文字p标签(要转块级)，给弹和换行。第二和第四部分为ul li无序列表。第二部分为2个层左右浮动。底部整体分为2个部分。

原创 Web前端侧方悬浮，固定定位flexd

第二层为ul li，绝对定位absolute 使用节点分别单独设置眼样式，nth.child(1)先给整体body一个相对定位，然后给侧方悬浮有个固定定位 背景图 距离上方距离200px。3个盒子分别给3个图片，图片使用偏移background-posistion。然后给王者荣耀等移入事件:hover,只需要修改图片偏移。第一个层为dj层，一个images图片，图片不重复。图片的宽和高都可以看属性，或用截屏量取。下载区域给个左浮动并且分为3个层，

原创 Web前端，王者荣耀轮播区域

由于要获得移入标题控制图片转换，所以引入jQuery，同过入口函数获取slidebox，根据jQuery，hd标题-控制图片，bd是图片主体，autoplay自动轮播，effect:leftLoopx向左滚动。第二层为内容区域使用嵌套ul li，第一行li为内容的标题，所以单加个类名，设置字体大小，字体颜色。这里·hd为标题，标题控制内容，bd则为内容主体 effect:leftLoop向左滚动实现效果。第一层为标题title区域，使用无序列表ul li。第二部分为标题部分无序列表完成。

原创 web前端，王者官网页面

第三部分有两个层 第一个层是图片用span，图片的⚪边框是border-radius第二个层是由两个p标签组成，想距离左边图近可以调节margin-left。分为三部分 整体用弹性布局display:flex;just-content:spance-between将三个部分平铺。第二部分是无序列表用ulli完成调节字体居中用text-align:center,因为需要有移入一级导航栏下滑显示，移出二级导航栏时二级导航栏上滑隐藏的效果。运用嵌套ul li 写二级导航栏，然后要给二级导航栏默认隐藏。

原创 Web前端

大二实训时学习web前端的作业