<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sunshine_cui的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sunshine_cui</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sunshine_cui]]></copyright><item><title><![CDATA[JS原生对象处理方法]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/163664493</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/163664493</guid><author>sunshine_cui</author><pubDate>Tue, 11 Aug 2026 12:51:10 +0800</pubDate><description><![CDATA[JavaScript对象方法]]></description><category></category></item><item><title><![CDATA[js中数组常用的方法（用途分类）]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/163664232</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/163664232</guid><author>sunshine_cui</author><pubDate>Tue, 11 Aug 2026 12:39:24 +0800</pubDate><description><![CDATA[数组常用的方法汇总]]></description><category></category></item><item><title><![CDATA[git 常用命令]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/148537913</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/148537913</guid><author>sunshine_cui</author><pubDate>Mon, 09 Jun 2025 17:10:25 +0800</pubDate><description><![CDATA[在Git中，初始化配置信息通常指的是设置用户的名字和邮箱，以便于在提交（commit）代码时能够正确地标记作者。git config --global user.email "你的邮箱@example.com"如果你希望为所有Git仓库使用相同的用户名和邮箱，你可以设置全局配置。在基础分支上操作 ：git checkout -b 分支名（基于基础分支新建的分支）如果你只是想推送现有的本地分支到远程仓库（已经设置了追踪关系），你可以省略。的缩写，它会设置本地分支与远程分支的追踪关系。]]></description><category></category></item><item><title><![CDATA[mac 安装指定node版本]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/148145676</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/148145676</guid><author>sunshine_cui</author><pubDate>Thu, 22 May 2025 17:48:07 +0800</pubDate><description><![CDATA[我这里使用的是nvm（Node Version Manager）nvm（Node Version Manager）是一个允许你在同一台机器上安装和管理多个Node.js版本的工具。]]></description><category></category></item><item><title><![CDATA[函数节流和防抖]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/142455769</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/142455769</guid><author>sunshine_cui</author><pubDate>Wed, 27 Nov 2024 13:00:48 +0800</pubDate><description><![CDATA[防抖：单位时间内，频繁触发事件，只执行最后一次典型场景：搜索框搜索输入代码思路是利用定时器，每次触发先清掉以前的定时器（从新开始）]]></description><category></category></item><item><title><![CDATA[vuex使用过程中，使用this.$store.state获取不到值]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/142739645</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/142739645</guid><author>sunshine_cui</author><pubDate>Mon, 07 Oct 2024 14:01:11 +0800</pubDate><description><![CDATA[查资料建议安装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中也配置。]]></description><category></category></item><item><title><![CDATA[css相关知识]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/142591283</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/142591283</guid><author>sunshine_cui</author><pubDate>Fri, 27 Sep 2024 19:06:22 +0800</pubDate><description><![CDATA[在html页面中的所有元素都可以看成一个盒子盒子的组成：内容content、内边距padding、边框border、外边距margin。]]></description><category></category></item><item><title><![CDATA[vue3 ref和reactive区别]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/142466223</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/142466223</guid><author>sunshine_cui</author><pubDate>Mon, 23 Sep 2024 19:30:09 +0800</pubDate><description><![CDATA[它解决的是单一元素或数据的响应式问题，使得这些数据在发生变化时，可以触发视图的更新。则主要用于包装对象和数组等复杂类型的数据。对象来实现数据代理，可以拦截目标对象上的各种操作，包括属性的读取、赋值、枚举、函数调用等，这使得。对象来实现数据代理，可以更细粒度地控制对象数据的访问和修改，并在数据变化时触发更新。包装的数据时，实际上是通过这些方法进行的，从而可以追踪数据的变化并触发相应的更新。能够更细粒度地控制对象数据的访问和修改，并在数据变化时触发更新。--若需要一个基本类型的响应式数据，必须使用ref。]]></description><category></category></item><item><title><![CDATA[从一个URL地址到最终页面渲染完成]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/142456060</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/142456060</guid><author>sunshine_cui</author><pubDate>Mon, 23 Sep 2024 13:55:08 +0800</pubDate><description><![CDATA[-第二次挥手：由服务器发起，告诉浏览器，我东西接受完了（请求报文），我准备关闭了，你也准备吧。--第四次挥手：由浏览器发起，告诉服务器，我东西接受完了，我准备关了（响应报文），你也准备吧。--第一次挥手：由浏览器发起，发送给服务器，我东西发送完了（请求报文），你准备关闭吧。--第三次挥手：由服务器发起，告诉浏览器，我东西发送完了（响应报文），你准备关闭吧。--第三次握手：由浏览器发送，告诉服务器，我马上发了，准备接收吧。--将dom树/cssom树合并成一个渲染树。--都找不到----提示：出错了。]]></description><category></category></item><item><title><![CDATA[vue 组件之间传参]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/142454909</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/142454909</guid><author>sunshine_cui</author><pubDate>Mon, 23 Sep 2024 12:10:05 +0800</pubDate><description><![CDATA[props缺点：隔代组件和兄弟组件通信比较麻烦。1.props（通过一般属性实现父向子通信）1.props（通过一般属性实现父向子通信）1.mitt(第三方库)4.默认插槽，具名插槽。]]></description><category></category></item><item><title><![CDATA[vue3 生命周期函数]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/142435138</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/142435138</guid><author>sunshine_cui</author><pubDate>Sun, 22 Sep 2024 13:43:17 +0800</pubDate><description><![CDATA[状态跟踪，vue3新引入的钩子函数，只有在开发环境有用，用于跟踪所有响应式变量和方法，一旦页面有update，就会跟踪他们并返回一个event对象。在开发环境有效，与onRenderTracked的效果类似，但不会跟踪所有的响应式变量方法，只会定点追踪发生改变的数据，同样返回一个event对象。1.1 setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method。，数据更新后调用，此时内存数据已经修改，页面数据也已经更新。]]></description><category></category></item><item><title><![CDATA[vue2 生命周期钩子函数]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/142424322</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/142424322</guid><author>sunshine_cui</author><pubDate>Sat, 21 Sep 2024 23:11:28 +0800</pubDate><description><![CDATA[还有两个特殊的（使用keep-alive）:activated、deactivatedv2.5.0+新增 errorCaptured1.2 路由守卫全局&路由独享：beforeEach、beforeResolve(v2.5.0+新增)、afterEach;beforeEnter(路由独享，类似beforeEach)组件内：beforeRouterEnter、beforeRouterUpdate(2.2新增)、beforeLeave。]]></description><category></category></item><item><title><![CDATA[vue里$set]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/111638423</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/111638423</guid><author>sunshine_cui</author><pubDate>Thu, 24 Dec 2020 16:52:04 +0800</pubDate><description><![CDATA[vue里$set:

this.#set(obj, key, value)

在项目开发中，经常会遇到这样问题，为data中的某一个对象添加一个属性





但是从控制台打印中可以看到属性已经添加到对象里了，但是视图（页面）里没有展示。在这里我们发现虽然这个对象身上已经有了该属性，但是视图层并没有更新该数据，是什么造成的呢？由于受JavaScript的限制，vue.js不能监听对象属性的添加和删除，因为在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在在data中，视图]]></description><category></category></item><item><title><![CDATA[表格table圆角样式设置]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/107184462</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/107184462</guid><author>sunshine_cui</author><pubDate>Tue, 07 Jul 2020 16:32:58 +0800</pubDate><description><![CDATA[table表格圆角边框问题
table表格的border-radius属性与border-collapse:collapse 冲突,圆角边框不生效.可以用一个div包住,给圆角边框后overflow:hidden; 给tr td th 右下边框,再border-collapse
]]></description><category></category></item><item><title><![CDATA[移动端ios系统，软键盘收起，页面不回到底部]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/105382636</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/105382636</guid><author>sunshine_cui</author><pubDate>Wed, 08 Apr 2020 11:18:33 +0800</pubDate><description><![CDATA[项目中遇到了，页面中input框输入信息软件盘弹起，输入完成后，点击确定，软件键盘收起时，发现页面底部滚动到上面，底部留白，页面不会弹到底部。解决方法：1，在main.js添加document.addEventListener('focusout', function (e) { window.scrollTo() })。然后在页面点击提交按钮时添加：window.scrollTo(0, 0)。
...]]></description><category></category></item><item><title><![CDATA[前端开发：实现p标签文字上下居中]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/75246346</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/75246346</guid><author>sunshine_cui</author><pubDate>Mon, 17 Jul 2017 15:45:48 +0800</pubDate><description><![CDATA[之前实现p标签上下居中一般都是用height和line-height的来设置。今天在修改样式的时候，p标签的内容可能是一行也可能是两行，所以用height和line-height就没效果。今天找到了一种方法，挺好用的。设置p标签的父元素样式{height, position: relative;}，p标签的样式{width,line-height(两行是的行高),position: absolut]]></description><category></category></item><item><title><![CDATA[前端开发：关于引用外部文件的顺序问题]]></title><link>https://blog.youkuaiyun.com/sunshine_cui/article/details/74274960</link><guid>https://blog.youkuaiyun.com/sunshine_cui/article/details/74274960</guid><author>sunshine_cui</author><pubDate>Mon, 03 Jul 2017 20:18:10 +0800</pubDate><description><![CDATA[页面引用文件位置]]></description><category></category></item></channel></rss>