- 博客(30)
- 收藏
- 关注
RSS订阅原创 无限加载和懒加载及路由滚动及路由滚动不生效
无限加载和懒加载都是优化性能，减少页面加载速度的方式，需要我们知道。在我使用路由滚动的时候不生效，在这里有其解决方法。
2024-12-02 17:28:49
824
原创 vue3项目经验
如果 userData 和 res.data 有相同的属性，则 userData 中对应的属性值会被 res.data 中的值覆盖。is属性可以是一个字符串，该字符串的值应该是你想要渲染的组件的名字。这意味着如果res.data的内部属性发生变化，Vue将不会追踪这些变化，除非res.data本身也是响应式的（这通常不是API调用的结果）。注意：为了确保userData保持响应性，并且能正确追踪从API获取的数据的变化，我们应该逐个复制res.data的属性到userData中，而不是直接重新赋值。
2024-11-28 14:59:35
795
原创 其他css的用途
12：卡片反转：先写一个父类cart，和子类cart-side，cart-side的两个子类，代表正反两面，cart-side-font和cart-side-back,反面元素back有以y轴旋转-180deg（-180deg这样才会连贯，不然不连贯，看着很别扭）的样式，然后在.cart:hover .cart-side {transformY:rotate(180deg)},最后.cart:hover .cart-side-back {transformY:rotate(0)}。4是要平均分成4份。
2024-10-19 21:23:35
1100
原创 vue登录页面
思考:每个表单域都有自己的校验触发事件，如果用户一上来就点击登录怎么办呢？答:在点击登录时需要对所有需要校验的表单进行统一校验.1.获取form组件实例用在form中定义ref=formRef“”其中const formRef = ref(null)2.调用实例方法如上图。
2024-10-19 21:20:48
1608
原创 [vite] Internal server error: Failed to resolve import “@/src/config/index“ from “src/api/request.j
用vue3引入配置组件config时，报错说 [vite] Internal server error: Failed to resolve import "@/src/config/index" from "src/api/request.js". Does the file exist?但在许多前端项目中，它通常被配置为一个别名（alias），指向项目中的某个特定目录，比如。我又查了一下用./和@/来引入文件的区别，以及用@引入文件报错用./引入文件却可以，为什么会这样。当你在一个文件中使用。
2024-07-22 15:07:09
3354
1
原创 git
会以HEAD指向的这个提交记录作为起点，然后把这个新的分子就会指向这次提交的记录。git config --global user.email “邮箱”这个作用是把这个HEAD指针指向我们刚刚新创建的content的分支下。git log --oneline可以查看之前提交过的历史。3.删除合并后的分支指针：git branch -d 分支名。提示：用户名和邮箱可以和自己gitee的用户名和邮箱一致。安装的时候就依据默认的next下一步直接安装好就可以了。2.合并其他分支过来：git merge 分支名。
2024-07-18 12:11:53
902
原创 前端构建工具（webpack&vite）
src 是把所有的源码放在了这个src 里面。我们使用打包工具的前提是这个项目得是一个node项目，所以我们在使用webpack要先把项目初始一下,会出现一个package.json,初始化就完事了。然后就安装依赖. -D表示的是开发依赖，区分一下是开发的时候要用的还是运行的时候要用的。然后再项目中创建src 目录，然后编写代码，index.js是默认主目录，是入口文件。然后执行‘’yarn webpack 来对代码进行打包，打包好观察dist目录。dist目录就是打包后的版本。
2024-07-10 07:53:36
1184
原创 豆瓣电影top250网页爬虫
首先打开想要爬取的网页，然后定义了存储数据的文件路径，如果这个网页不能爬取，要写一个反爬取的，通过设置请求头和合理的访问间隔来解决，在网络中找到’User-Agent’的请求头，就能破解较为简单的发爬虫机制了。然后导入相关的库，再创建了一个爬取网页数据的geturl函数，写入发爬取的请求头和使用requests库并设置合适的请求体向目标网页发送请求，在这个函数里写入错误处理的代码，如果请求过程中出现异常，会打印出错误信息并返回空值。
2024-06-20 18:47:04
1227
原创 axios
(2) instance 没有 axios 后面添加的一些方法: create()/CancelToken()/all()axios.create([config]): 创建一个新的 axios(它没有下面的功能)(2) 都有发特定请求的各种方法: get()/post()/put()/delete()axios.post(url[, data, config]): 发 post 请求。axios.request(config): 等同于 axios(config)
2024-06-05 16:39:40
1426
1
原创 AJAX 跨域
返回结果是一个函数调用，而函数的实参，就是我们想给客户端返回的结果，函数需要提前声明，不然就会报错无声明/当然网页的URL和AJAX请求的目标资源的URL两者之间的协议、域名、端口号必须完全相同。AJAX是默认遵循同源策略的，不满足同源策略是无法直接发送AJAX请求的。JSONP 就是利用script 标签的跨域能力来发生请求的。JSONP 是一个非官方的跨域解决方案，只支持get请求。***什么是跨域：***违背同源策略的就是跨域。同源： 协议、域名、端口号 必须完全相同、
2024-05-31 00:19:52
861
原创 AJAX
XML 被设计用来传输和存储数据。HTML 是在网页中呈现数据的。XML 数据交互，HTML 数据呈现。XML 和 HTML 类似，不同的是HTML 中都是预定义标签，而 XML 中没有预定义标签。预定义标签是已经被定义的标签，不能改变，比如 strong，ul标签等。，而 XML 中全都是自定义标签，用来表示一些数据，比如name,age,gender等。不过现在XML 已经被JSON取代了。
2024-05-29 23:21:47
763
原创 会话 控制
会话控制是对数据的一种保护，防止其他人访问相同的地址可以随意修改数据，因为HTTP是一种无状态的协议，没有办法区分多次请求是否来自于同一个客户单，无法区分用户。而产品中又大量存在这样的需求，所以我们需要通过会话控制来解决该问题。常见的会话控制有三种：session 是保存在服务器的一块数据，保存当前访问用户的相关信息。session的作用是实现会话控制，可以识别用户的身份，快速获取当前用户的相关信息。
2024-05-28 23:32:39
932
原创 mongobd
MongoDB 是一个基于分布式文件存储的数据库，官方地址 https://www.mongodb.com/。数据库是按照数据结构来组织、存储和管理数据的应用程序。Mongoose 是一个对象文档模型库，官网 http://www.mongoosejs.net/作用：方便使用代码操作mongodb数据库。
2024-05-23 13:32:17
1031
原创 nvm/express框架
express是一个基于nodejs平台的极简、灵活的web应用开发框架。expre是一个封装好的工具包，便于我们开发web应用（HTTP服务）。
2024-05-22 14:22:07
1101
原创 nodejs模块化/npm/cnpm/yarn
模块化：将一个复杂的程序按照一定规则拆分为多个文件的过程。其中拆分出的每个文件就是一个模块，模块的内部数据是私有的，不过模块可以暴露内部数据以便其他模块使用。可以通过 npm 来安装cnpm工具可以用 npm 安装yarn。
2024-05-21 16:43:58
473
1
原创 fs模块/path模块/HTTP协议
HTTPS协议的默认端口是443，HTTP服务开发常用端口有3000,8080,8090,9000等。appendFile 作用是在文件尾部追加内容，appendFile 语法与 writeFile 语法完全相同。使用fs模块时，尽量使用—dirname将路径转化为绝对路径，这样可以避免相对路径产生的bug。每一个请求在处理时必须执行end方法，且只能有一个方法，而write方法可以多次使用。，例如图片，视频，CSS 文件，JS文件，HTML文件，字体文件等。，例如百度首页，网易首页，京东搜索列表页面等。
2024-05-18 22:17:50
511
原创 JavaScript之API二
注意点：延时器需要等待，所以后面的代码先执行。获得指定时间：const date = new Date(‘2024-5-18’)延时函数只执行一次，间歇函数每隔一段时间就执行一次，除非手动清除。js内置的一个用来让代码延迟执行的函数，叫 setTimeout。日期对象是用来表示时间的对象，可以得到当前系统时间。元素节点：比如div，body等 ，html是根节点。语法：setTimeout(回调函数，等待的毫秒数)Dom 节点：Dom树上的每一个内容都是节点。属性节点：所有的属性比如src等。
2024-05-18 20:36:44
307
原创 JavaScript之WebAPI一
就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为绑定事件或者注册事件比如鼠标经过显示下拉菜单，比如点击可以播放轮播图等等。想要获得每一个对象，需要遍历（for）的方式获得。也是个对象，这个对象里有事件触发时的相关信息 例如：鼠标点击事件中，事件对象就存了鼠标点在哪个位置等信息。如果同时给多个元素注册事件，我们用for循环注册事件，事件委托是一种注册一次事件就能完成以上效果的技巧。id很常用，比如在轮播图，点击文字转换相应的图片，可以用id代替遍历，从而对网页作出反应。
2024-05-17 22:09:17
915
原创 JavaScript基础
js是一种运行在客户端（浏览器）的编程语言作用：— 网页特效（监听事件对网页作出反应）— 表单验证（针对表单数据的合法性进行判断）— 数据交互（获取后台的数据，渲染到前端）— 服务端编程（node.js）js的组成（有什么？）：ECMAScript:规定了js基础语法核心知识。比如变量、分支语句、循环语句、对象等等Web APIs:DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作BOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作。
2024-05-17 09:43:15
564
原创 css总结
id选择器:样式#定义,结构id调用,只能调用一次,别人切勿使用。css使用font-weight属性设置文本字体的粗细。css写在head之前,style之间。2 css基础选择器。4 css的文本属性。5 css的引入方式。
2024-02-22 16:59:00
235
1
原创 前端表格标签
跨行合并:rowspan="合并单元格的个数"跨列合并:colspan="合并单元格的个数"4 无序列表,有序列表,自定义列表。<form>标签用于定义表单域。6 <input>表单元素。<input>,单标签。7 <label>标签。
2024-02-10 20:23:43
470
1
原创 html常用标签
标签语义:作为标题使用,并且依据重要性递减,h1最重要特点:加了标题的文字将变粗,h1字号最大,h6最小;一个标题独占一行;双标签。
2024-02-10 15:24:30
201
1
原创 学生信息管理系统项目
这个学生信息管理系统是一个基于 Java 的桌面应用程序，用于管理学生信息的项目,其主要目标是简化学生信息的收集、储存和检索过程，从而提高学校的管理效率。它提供了一个界面友好、易于使用的平台，用于存储、查询和更新学生的个人信息、成绩、课程等。系统采用面向对象的思想，通过类和对象的方式进行数据的封装和管理。
2024-01-02 23:01:36
529
原创 第一次月考总结
在抽象类中可以有构造方法，只是不能直接创建抽象类的实例对象，但实例化子类的时候，就会初始化父类，不管父类是不是抽象类都会调用父类的构造方法，初始化一个类，先初始化父类。（3）从变量在内存中的生存时间上看,成员变量是对象的一部分,它随着对象的创建而存在,而局部变量随着方法的调用而产生,随着方法调用的结束而自动消失。（2）从变量在内存中的存储方式上看,成员变量是对象的一部分,而对象是存在于堆内存的,而局部变量是存在于栈内存的。A.可以被三种类所引用：该类自身、与它在同一个包中的其他类、在其他包中的该类的子类。
2023-11-13 13:33:23
91
1
原创 周记录入生活
初步学习了方法,浅入的敲了练习的代码,做了一些案列,把之前学的选算符,数组,循环结构给复习了一遍,进军面向对象基础,不断学习,深入java,争取早日实现做小游戏程序。
2023-10-27 20:30:21
121
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人