- 博客(17)
- 收藏
- 关注
RSS订阅原创 Vue3-01
核心：对象：通过defineProperty对对象的已有属性值的读取和修改进行劫持（监视/拦截）如果是ref对象, 直接指定，如果监听的属性为reactive声明的响应式数据，用函数()=>数组：通过重写数组更新数组一系列更新元素的方法来实现元素修改的劫持。数据对象：vue3使用普通的JavaScript对象作为数据对象。将引用类型转换成响应式对象 将对象内部所有嵌套属性都转换为响应式的属性。核心：通过Porxy：拦截对data任意属性的任意操作。如果监听的属性为ref声明的响应式数据，直接写属性名。
2025-01-07 19:32:35
1665
原创 谈一谈对事件循环的理解
事件循环是JavaScript和Node.js中处理异步操作的核心机制。理解事件循环的工作原理对于编写高效、响应迅速的代码至关重要。通过合理利用事件循环，可以有效地管理异步操作，从而提高程序的性能和用户体验。
2025-01-06 19:51:59
387
原创 父子组件生命周期执行顺序
父组件的beforeMount：完成对DOM的初始化，虚拟DOM（在内存中）已生成，但还没有真实的DOM，Vue还没有挂载真实DOM。子组件的beforeUpdate：如果子组件依赖于父组件的数据，那么子组件也会在执行更新前调用beforeUpdate钩子。父组件的updated：在所有子组件的updated钩子之后，父组件的updated钩子才会执行。父组件的destroyed：在所有子组件都销毁后，父组件的destroyed钩子才会执行。子组件的updated：子组件的DOM已经更新，数据也是最新的。
2025-01-03 19:55:09
547
原创 Vue-跨域、计算属性、监听属性
计算属性是Vue中的一种特殊属性，用于对已有的数据进行计算和衍生，以生成新的数据。计算属性的值是根据依赖的数据动态计算得出的，当依赖的数据发生变化时，计算属性会自动重新计算。
2024-12-26 21:55:10
1478
原创 常见状态码
HTTP状态码（响应码）是用来表示HTTP请求是否已经完成，HTTP状态类型一个分为五大类“消息响应、成功响应、重定响应、客户端错误”，所有状态码第一个数字代表了响应的五种状态之一。305： 使用代理，当前服务器并不负责返回响应，它只是转发请求的，让别的服务器去返回响应，然后它在转回数据。205:成功响应，但是这个响应不包含响应体，并且这个响应要求引起浏览器视图变化。204:成功响应，但是这个响应不包含响应体，这个响应不应该引起浏览器视图变化。403:服务端成功接收请求，但拒绝执行。
2024-12-23 05:49:56
1584
原创 HTTP常见的请求方式
GET 方法的主要作用是从服务器请求数据，而不会对服务器上的资源进行任何修改。HEAD 请求：与 GET 方法非常相似，但它只请求资源的首部信息，而不包含资源的具体内容。HEAD 方法通常用于在不下载资源的情况下获取资源的元数据，如检查资源是否存在、获取资源的大小或类型等。与 POST 方法不同，PUT 请求是幂等的，意味着多次发送相同的 PUT 请求，服务器的资源状态不会变化。与 PUT 方法不同，PATCH 请求不需要包含完整的资源数据，而只需要传输需要更新的部分字段。
2024-12-23 05:46:05
574
原创 Vue-05键盘修饰符、过滤器
Vue.filter('过滤器名字'，回调函数（data：管道符前面的内容或者上一个过滤器的返回的内容，format：传递的参数）)
2024-12-19 19:56:50
299
原创 Vue03-路由的使用
对于单页面应用程序来说，主要通过URL中的hash（#号）来实现不同页面之间的切换，同时hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；3.在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）对于普通的网站，所有超链接都是URL地址，所有的URL地址都对应服务器上对应的资源。<template>标签里必须有一个div 不然会报错。在router文件下找到index.js。scoped：样式隔离。
2024-12-18 16:13:34
270
原创 Vue04-导入Bootstrap
3.打开终端，输入npm install bootstrap@4。2.在node.js项目中安装Bootstrap的npm软件包。package.josn会出现如下，说明已经下载完成。4.导入js和css文件。
2024-12-18 15:30:48
304
原创 vue基础02
原理：采用“数据劫持”结合“发布者-订阅者”模式来实现，通过Object.defineProperty方法来劫持各个属性上面的getter和setter函数，在数据发生变动时发布消息给订阅者，触发相应的监听回调，进行视图的更新。v-if直接删除dom元素。v-if可以与v-if-else、v-else组合使用 中间不能有其他元素。2.遍历对象 v-for="(value,key,index) in 对象"应用场景不同：修改少次的情况用v-if，频繁操作使用v-show。v-for与v-if尽量不要连用。
2024-12-16 21:57:20
211
原创 vue初识
MVVM：M是model模型层，作用是存放数据，进行数据的逻辑处理；V是view视图层，作用是展示数据；VM是view-model视图模型层，作用是连接模型层和视图层，起承上启下的作用。MVC：M是model模型层，作用是与数据库打交道，处理数据；V是view视图层，作用是展示数据、发送数据；（1）框架：是一套完整的解决方案：对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。是一套用于构建用户界面的渐进式框架，采用自底向上逐层应用的设计，核心理念是数据驱动视图、组件化开发。
2024-12-16 08:58:10
200
原创 less和sass的区别
less中使用混合时，只需在classB中根据classA的命令来使用；sass中首先在定义混合时需要使用@mixin命令，其次在调用时需要使用@include命令引入之前定义的混合。less中的变量有全局和局部之分；sass中的变量可以理解为都是全局的，但可以通过在后面跟!default，在引入sass文件之前改变变量属性值来解决这一问题。Less是基于JavaScript，是在客户端进行处理的；Sass是基于Ruby，是在服务器端进行处理的。Less定义变量时使用前缀@；Sass定义变量时使用前缀：$
2024-12-12 17:06:18
199
原创 Bootstrap介绍与总结
响应式设计的目标是确保一个页面在所有终端上（各种尺寸的PC、手机、手表、冰箱的Web浏览器等等）都能显示出令人满意的效果，对CSS编写者而言，在实现上不拘泥于具体手法，但通常是糅合了流式布局+弹性布局，再搭配媒体查询技术使用。自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围。3.如果pc，移动要兼容，而且要求很高那么响应式布局还是最好的选择，前提是设计根据不同的高宽做不同的设计，响应式根据媒体查询做不同的布局。五、弹性布局（rem/em布局）
2024-12-11 19:56:51
462
原创 html中的常用单位
rem：相对于根元素（html元素）的font-size的单位。vh：视口高度的百分比（1vh等于视口高度的百分之1）vw：视口宽度的百分比（1vw等于视口宽度的百分之1）em：相对于当前元素的font-size的单位。px：绝对单位，不依赖于其他元素或视口大小。%：相对于父元素的尺寸比例。
2024-12-11 19:26:21
417
原创 git总结
git reset --hard 提交点 回退版本 删除掉提交点 revert：跳过提交点，创建新提交点。git push origin 分支名字 将本地仓库内容推送到远程仓库 空文件夹无法提交到远程。git checkout -b 分支名字 新建一个分支，并切换到该分支。git branch 分支名字 新建一个分支，但依然停留在当前分支。git pull origin 分支名 拉取远程分支并进行合并。git branch -a 列出所有本地分支和远程分支。公共服务器压力和数据量都不会太大。
2024-12-11 19:17:48
164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人