<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[jingdala的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/jingdala</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; jingdala]]></copyright><item><title><![CDATA[react]]></title><link>https://blog.youkuaiyun.com/jingdala/article/details/154401830</link><guid>https://blog.youkuaiyun.com/jingdala/article/details/154401830</guid><author>jingdala</author><pubDate>Tue, 04 Nov 2025 17:14:31 +0800</pubDate><description><![CDATA[优点：数据与状态同步，易做表单验证、格式化；缺点：需编写较多事件处理逻辑。答案：React Fiber 是 React 16 引入的 新的协调引擎（重构了内部渲染机制），本质是对虚拟 DOM 节点的增强（每个 Fiber 节点对应一个组件 / DOM 元素，包含类型、属性、子节点、指针等信息）。自动批处理（Automatic Batching）：优化状态更新，将多个状态更新（如多次 setCount）合并为一次渲染，提升性能（包括异步回调中的状态更新，如 setTimeout、Promise.then）。]]></description><category></category></item><item><title><![CDATA[react]]></title><link>https://blog.youkuaiyun.com/jingdala/article/details/148054850</link><guid>https://blog.youkuaiyun.com/jingdala/article/details/148054850</guid><author>jingdala</author><pubDate>Mon, 19 May 2025 08:48:54 +0800</pubDate><description><![CDATA[函数组件：使用 ES6 的函数定义组件，接收 props 作为参数，返回一个 JSX 元素或 null。类组件：使用 ES6 的类定义组件，继承自 React.Component，通过 render 方法返回 JSX。复用状态逻辑：自定义Hook允许你在不同的组件之间复用状态逻辑。保持组件清洁：自定义Hook使得组件代码更加清洁，逻辑更加集中。易于测试：由于自定义Hook是纯函数，它们更容易进行单元测试。提供命名灵活性多Hook调用时代码更简洁与类组件状态管理明确区分轻微的性能优势。]]></description><category></category></item><item><title><![CDATA[2025年前端面试遇到的技术问题]]></title><link>https://blog.youkuaiyun.com/jingdala/article/details/145821568</link><guid>https://blog.youkuaiyun.com/jingdala/article/details/145821568</guid><author>jingdala</author><pubDate>Mon, 24 Feb 2025 16:24:54 +0800</pubDate><description><![CDATA[2026年前端面试遇到的问题]]></description><category></category></item><item><title><![CDATA[笔记笔记0712]]></title><link>https://blog.youkuaiyun.com/jingdala/article/details/118693826</link><guid>https://blog.youkuaiyun.com/jingdala/article/details/118693826</guid><author>jingdala</author><pubDate>Tue, 13 Jul 2021 10:23:24 +0800</pubDate><description><![CDATA[Ts
http://huaxhe.gitee.io/vue3_study_docs/chapter2/4_function.html#%E5%9F%BA%E6%9C%AC%E7%A4%BA%E4%BE%8B -----ts学习内容
js执行顺序
event-loop，会从全局一行一行执行，遇到函数调用，会压入到调用栈中，js中的异步操作，如fetch,定时器，压入调用栈的时候里面的消息会进入到消息队列中，会等到调用栈清空之后再执行，promise async await 的异步操作的时候会加入到微任务中，会]]></description><category></category></item><item><title><![CDATA[2021-02-23]]></title><link>https://blog.youkuaiyun.com/jingdala/article/details/113988631</link><guid>https://blog.youkuaiyun.com/jingdala/article/details/113988631</guid><author>jingdala</author><pubDate>Tue, 23 Feb 2021 15:09:55 +0800</pubDate><description><![CDATA[uniapp遇到的问题总结：

1.scroll-view 滚动时不断计算scrolltop，并赋值给scroll-top属性，会导致滚动抖动，toview改变之后需重置

2.flex布局多行自适应布局，可以：1.添加 伪元素，2.操作dom，先定义无内容的空元素


1:    .container::after{content: '';width：300px;}

2:    div:empty{ height: 0; width:160px; border:none; }

3.正则验证输入...]]></description><category></category></item><item><title><![CDATA[vscode 的setting.json的配置]]></title><link>https://blog.youkuaiyun.com/jingdala/article/details/109361896</link><guid>https://blog.youkuaiyun.com/jingdala/article/details/109361896</guid><author>jingdala</author><pubDate>Thu, 29 Oct 2020 15:52:53 +0800</pubDate><description><![CDATA[记录一下我用vscode 的setting.json的配置
{
// 換行
“editor.wordWrap”: “on”,
// 是否允许自定义的snippet片段提示
“editor.snippetSuggestions”: “top”,
// #每次保存的时候自动格式化
“editor.formatOnSave”: true,
“editor.tabSize”: 4,
“prettier.tabWidth”: 4,
// #每次保存的时候将代码按eslint格式进行修复 使用eslint 風格使用st]]></description><category></category></item><item><title><![CDATA[最近电话面试的大概问题]]></title><link>https://blog.youkuaiyun.com/jingdala/article/details/108242372</link><guid>https://blog.youkuaiyun.com/jingdala/article/details/108242372</guid><author>jingdala</author><pubDate>Wed, 26 Aug 2020 17:10:54 +0800</pubDate><description><![CDATA[记录一下最近面试的问题
vue响应式原理
1.vue 3 用数据代理
2.闭包的原理
内层函数可以调用外层函数的属性或者方法
作用域链。闭包（函数）内部的变量不会被销毁，因为函数会一直被调用，所以一直存在，如果闭包使用过多会造成内存销毁。
作用1：隐藏变量，避免全局污染
作用2：可以读取函数内部的变量
3.vue通信方式
1.props / $ emit
2. $ children / $ parent
3.provide/ inject
4.ref/ refs
5.eventBus
6.Vuex
7.lo]]></description><category></category></item><item><title><![CDATA[element ui 密码验证]]></title><link>https://blog.youkuaiyun.com/jingdala/article/details/108242130</link><guid>https://blog.youkuaiyun.com/jingdala/article/details/108242130</guid><author>jingdala</author><pubDate>Wed, 26 Aug 2020 16:19:55 +0800</pubDate><description><![CDATA[element ui 密码验证
关于表单验证
[验证规则]
rules: {
oldPassword: [
{
required: true,
validator: validatePass1,
trigger: “blur”,
},
{
min: 5,
max: 18,
message: “长度在 5 到 18 个字符”,
trigger: “blur”,
},
],
newPassword: [
{
required: true,
validator: validatePass2,
trigger: “]]></description><category></category></item></channel></rss>