loginPage1
前端登录界面1前言：
在b站上面偶然看到非常好看的前端登录界面，在github找到该项目，了解原理后写了一份，因为github上面没有讲解，走了很多弯路(改那些该死的bug)(由于自己的粗心)，现在回归正题
成品展示：
实现效果：登录与注册平滑切换，在右边栏可以切换界面是颜色
HTML的页面设计一开始不理解他(作者)为什么要写那么多类，以为没用，后来才发现，是我没用，他写的这个CSS非常巧妙，用的非常溜(可能是我没见过世面吧)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778<div class="container "> <!-- 登录界面 --> <div class="sign-in sign-base "> <div ...
Ajax
Ajax入门目录
AJAX 概念和 axios 使用
认识 URL
URL 查询参数
常用请求方法和数据提交
HTTP协议-报文
接口文档
案例 - 用户登录
form-serialize 插件
01.AJAX 概念和 axios 使用目标了解 AJAX 概念并掌握 axios 库基本使用
讲解
什么是 AJAX ? mdn
使用浏览器的 XMLHttpRequest 对象 与服务器通信
浏览器网页中，使用 AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页
什么是服务器？
可以暂时理解为提供数据的一台电脑
为何学 AJAX ?
以前我们的数据都是写在代码里固定的, 无法随时变化
现在我们的数据可以从服务器上进行获取，让数据变活
怎么学 AJAX ?
这里使用一个第三方库叫 axios, 后续在学习 XMLHttpRequest 对象了解 AJAX 底层原理
因为 axios 库语法简单，让我们有更多精力关注在与服务器通信上，而且后续 Vue，React 学习中，也使用 axios ...
JavaScript_function
关于数组的一些方法：123456789101112131415161718//用于删除数组中指定的元素idthis.list.filter(item => item.id != id)//用于累加数组的某个属性值this.list.reduce((sum,item)=>sum+item.num,0)//用于提取数组中的部分数据this.list.slice(start, end)//用于给数组的开头添加元素this.list.unshift(element1, element2, ..., elementN)//用于给数组的末尾添加元素this.list.push(element1, element2, ..., elementN)//用于将数组中的所有元素连接成字符串，元素之间用指定的分隔符进行分隔const array = ['apple', 'banana', 'orange'];const result = array.join(', '); // 结果：'apple, ban ...
Vue3
认识Vue31. Vue2 选项式 API vs Vue3 组合式API1234567891011121314<script>export default { data(){ return { count:0 } }, methods:{ addCount(){ this.count++ } }}</script>
12345<script setup>import { ref } from 'vue'const count = ref(0)const addCount = ()=> count.value++</script>
特点：
代码量变少
分散式维护变成集中式维护
2. Vue3的优势
使用create-vue搭建Vue3项目1. 认识create-vue
create-vue是Vue官方新的脚手架工具，底层切换到了 vite ...
Vue2
什么是VueVue (读音 /vjuː/，类似于 view) 是一套 **构建用户界面 ** 的 渐进式 框架
1.什么是构建用户界面基于数据渲染出用户可以看到的界面
2.什么是渐进式所谓渐进式就是循序渐进，不一定非得把Vue中的所有API都学完才能开发Vue，可以学一点开发一点
Vue的两种开发方式：
Vue核心包开发
场景：局部模块改造
Vue核心包&Vue插件&工程化
场景：整站开发
3.什么是框架所谓框架：就是一套完整的解决方案
举个栗子
如果把一个完整的项目比喻为一个装修好的房子，那么框架就是一个毛坯房。
我们只需要在“毛坯房”的基础上，增加功能代码即可。
提到框架，不得不提一下库。
库，类似工具箱，是一堆方法的集合，比如 axios、lodash、echarts等
框架，是一套完整的解决方案，实现了大部分功能，我们只需要按照一定的规则去编码即可。
下图是 库 和 框架的对比。
框架的特点：有一套必须让开发者遵守的规则或者约束
咱们学框架就是学习的这些规则
创建Vue实例我们已经知道了Vue框架可以 基于数据帮助我们渲染出用 ...
JavaScript
JavaScript 基础 - 第1天
了解变量、数据类型、运算符等基础概念，能够实现数据类型的转换，结合四则运算体会如何编程。
体会现实世界中的事物与计算机的关系
理解什么是数据并知道数据的分类
理解变量存储数据的“容器”
掌握常见运算符的使用，了解优先级关系
知道 JavaScript 数据类型隐式转换的特征
介绍
掌握 JavaScript 的引入方式，初步认识 JavaScript 的作用
引入方式JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中，有两种方式：
内部方式通过 script 标签包裹 JavaScript 代码
12345678910111213<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript 基础 - 引入 ...
HTML5+CSS3
移动 Web 第一天
目标：使用位移、缩放、旋转、渐变效果丰富网页元素的呈现方式。
01-平面转换简介作用：为元素添加动态效果，一般与过渡配合使用
概念：改变盒子在平面内的形态（位移、旋转、缩放、倾斜）
平面转换也叫 2D 转换，属性是 transform
平移1transform: translate(X轴移动距离, Y轴移动距离);
取值
像素单位数值
百分比（参照盒子自身尺寸计算结果）
正负均可
技巧
translate() 只写一个值，表示沿着 X 轴移动
单独设置 X 或 Y 轴移动距离：translateX() 或 translateY()
定位居中
方法一：margin
方法二：平移 → 百分比参照盒子自身尺寸计算结果
案例-双开门
HTML 结构
1234<div class="father"> <div class="left"></div> <div class="right"></div></di ...
firstBlog
个人博客第一次搭建一个网站，然后让这个网站存放我的博客
packUp
visual Studio 打包程序1.先在vs 中下载一个扩展（打包准备工作）点击扩展，选择管理扩展下载一个叫做Microsoft Visual Studio Installer Projects
下载完成后，关闭VS，然后重新进入
2.然后开始正式打包1.点击你要打包的程序，找到解决方案资源管理器右键点击解决方案，选择Add ，新建项目，搜索setup，选择Setup Project
然后下一步，自己写项目名称和需要放的位置，最后点击创建
2.右键点击Application Folder选择Add ,点击文件，选择你要打包的文件（包括头文件，源文件，资源文件）
然后再右键点击Application Folder，选择Add ，点击项目输出，然后点击确定
3.重新生成右键点击解决方案资源管理器的setup（你自己命名的），点击重新生成
显示成功后，右键点击解决方案资源管理器的setup，选择在文件资源管理器中打开文件夹，点击Debug，点击那个exe文件，然后按照指示下载就行
注：在根文件下写子文件在根文件夹下面加子文件夹，可以右键点击Application Folder，点击A ...