- 博客(15)
- 收藏
- 关注
原创 git 常用命令
在Git中,初始化配置信息通常指的是设置用户的名字和邮箱,以便于在提交(commit)代码时能够正确地标记作者。git config --global user.email "你的邮箱@example.com"如果你希望为所有Git仓库使用相同的用户名和邮箱,你可以设置全局配置。在基础分支上操作 :git checkout -b 分支名(基于基础分支新建的分支)如果你只是想推送现有的本地分支到远程仓库(已经设置了追踪关系),你可以省略。的缩写,它会设置本地分支与远程分支的追踪关系。
2025-06-09 17:10:25
353
原创 mac 安装指定node版本
我这里使用的是nvm(Node Version Manager)nvm(Node Version Manager)是一个允许你在同一台机器上安装和管理多个Node.js版本的工具。
2025-05-22 17:48:07
673
原创 函数节流和防抖
防抖:单位时间内,频繁触发事件,只执行最后一次典型场景:搜索框搜索输入代码思路是利用定时器,每次触发先清掉以前的定时器(从新开始)
2024-11-27 13:00:48
504
原创 vuex使用过程中,使用this.$store.state获取不到值
查资料建议安装vuex版本是3XX的,去我的package.json里看了下vuex的版本,果然是4XX,卸载vuex,安装版本3XX的,就好了。安装合适的版本:npm install vuex@3.6.2 --save。在vue页面里使用this.$store.state获取不到值。卸载vuex:npm uninstall vuex。store里面的index.js也配置了。项目是vue2,安装了vuex。main.js中也配置。
2024-10-07 14:01:11
609
原创 css相关知识
在html页面中的所有元素都可以看成一个盒子盒子的组成:内容content、内边距padding、边框border、外边距margin。
2024-09-27 19:06:22
998
原创 vue3 ref和reactive区别
它解决的是单一元素或数据的响应式问题,使得这些数据在发生变化时,可以触发视图的更新。则主要用于包装对象和数组等复杂类型的数据。对象来实现数据代理,可以拦截目标对象上的各种操作,包括属性的读取、赋值、枚举、函数调用等,这使得。对象来实现数据代理,可以更细粒度地控制对象数据的访问和修改,并在数据变化时触发更新。包装的数据时,实际上是通过这些方法进行的,从而可以追踪数据的变化并触发相应的更新。能够更细粒度地控制对象数据的访问和修改,并在数据变化时触发更新。--若需要一个基本类型的响应式数据,必须使用ref。
2024-09-23 19:30:09
312
原创 从一个URL地址到最终页面渲染完成
-第二次挥手:由服务器发起,告诉浏览器,我东西接受完了(请求报文),我准备关闭了,你也准备吧。--第四次挥手:由浏览器发起,告诉服务器,我东西接受完了,我准备关了(响应报文),你也准备吧。--第一次挥手:由浏览器发起,发送给服务器,我东西发送完了(请求报文),你准备关闭吧。--第三次挥手:由服务器发起,告诉浏览器,我东西发送完了(响应报文),你准备关闭吧。--第三次握手:由浏览器发送,告诉服务器,我马上发了,准备接收吧。--将dom树/cssom树合并成一个渲染树。--都找不到----提示:出错了。
2024-09-23 13:55:08
230
原创 vue 组件之间传参
props缺点:隔代组件和兄弟组件通信比较麻烦。1.props(通过一般属性实现父向子通信)1.props(通过一般属性实现父向子通信)1.mitt(第三方库)4.默认插槽,具名插槽。
2024-09-23 12:10:05
306
原创 vue3 生命周期函数
状态跟踪,vue3新引入的钩子函数,只有在开发环境有用,用于跟踪所有响应式变量和方法,一旦页面有update,就会跟踪他们并返回一个event对象。在开发环境有效,与onRenderTracked的效果类似,但不会跟踪所有的响应式变量方法,只会定点追踪发生改变的数据,同样返回一个event对象。1.1 setup() : 开始创建组件之前,在 beforeCreate 和 created 之前执行,创建的是 data 和 method。,数据更新后调用,此时内存数据已经修改,页面数据也已经更新。
2024-09-22 13:43:17
1031
原创 vue2 生命周期钩子函数
还有两个特殊的(使用keep-alive):activated、deactivatedv2.5.0+新增 errorCaptured1.2 路由守卫全局&路由独享:beforeEach、beforeResolve(v2.5.0+新增)、afterEach;beforeEnter(路由独享,类似beforeEach)组件内:beforeRouterEnter、beforeRouterUpdate(2.2新增)、beforeLeave。
2024-09-21 23:11:28
2903
1
原创 vue里$set
vue里$set:this.#set(obj, key, value)在项目开发中,经常会遇到这样问题,为data中的某一个对象添加一个属性但是从控制台打印中可以看到属性已经添加到对象里了,但是视图(页面)里没有展示。在这里我们发现虽然这个对象身上已经有了该属性,但是视图层并没有更新该数据,是什么造成的呢?由于受JavaScript的限制,vue.js不能监听对象属性的添加和删除,因为在vue组件初始化的过程中,会调用getter和setter方法,所以该属性必须是存在在data中,视图
2020-12-24 16:52:04
299
1
原创 表格table圆角样式设置
table表格圆角边框问题table表格的border-radius属性与border-collapse:collapse 冲突,圆角边框不生效.可以用一个div包住,给圆角边框后overflow:hidden; 给tr td th 右下边框,再border-collapse
2020-07-07 16:32:58
3356
1
原创 移动端ios系统,软键盘收起,页面不回到底部
项目中遇到了,页面中input框输入信息软件盘弹起,输入完成后,点击确定,软件键盘收起时,发现页面底部滚动到上面,底部留白,页面不会弹到底部。解决方法:1,在main.js添加document.addEventListener('focusout', function (e) { window.scrollTo() })。然后在页面点击提交按钮时添加:window.scrollTo(0, 0)。...
2020-04-08 11:18:33
535
原创 前端开发:实现p标签文字上下居中
之前实现p标签上下居中一般都是用height和line-height的来设置。今天在修改样式的时候,p标签的内容可能是一行也可能是两行,所以用height和line-height就没效果。今天找到了一种方法,挺好用的。设置p标签的父元素样式{height, position: relative;},p标签的样式{width,line-height(两行是的行高),position: absolut
2017-07-17 15:45:48
26249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅