<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[FrontEndEngineer的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/FrontEndEngineer</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; FrontEndEngineer]]></copyright><item><title><![CDATA[nvm--多node版本管理工具]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/133306146</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/133306146</guid><author>FrontEndEngineer</author><pubDate>Tue, 26 Sep 2023 13:31:10 +0800</pubDate><description><![CDATA[nvm下载及基本命令使用



nvm的简单使用


 


]]></description><category></category></item><item><title><![CDATA[VUE3+TS+vueRouter4+vuex4]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/131761935</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/131761935</guid><author>FrontEndEngineer</author><pubDate>Mon, 17 Jul 2023 13:21:58 +0800</pubDate><description><![CDATA[父组件通过插槽传递的内容]]></description><category></category></item><item><title><![CDATA[canvas 应用之页面添加水印]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/131211392</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/131211392</guid><author>FrontEndEngineer</author><pubDate>Wed, 14 Jun 2023 17:08:27 +0800</pubDate><description><![CDATA[canvas 绘制水印]]></description><category></category></item><item><title><![CDATA[一劳永逸之Avue-Crud组件]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/130990369</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/130990369</guid><author>FrontEndEngineer</author><pubDate>Thu, 01 Jun 2023 16:37:50 +0800</pubDate><description><![CDATA[错误场景：根据筛选条件不同，查询到的表格要求展示不同（表格标题列发生改变），此时表格在切换条件查询时会出现展示问题。今天发现了一款表格组件特别好用，传入表头，传入数据即可完成表格的渲染；1. 前端ui框架各种各样，每种框架都有自己的表格组件。表格中数据对象的key需要与表头的prop相对应。5. avue-crud 使用过程中遇到的问题。6. 更多详情参见Avue官方文档。3. Crud组件的简单使用。2. Avue的安装与引用。4. 表头与表格数据格式。]]></description><category></category></item><item><title><![CDATA[elment 遇到的问题]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/130077266</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/130077266</guid><author>FrontEndEngineer</author><pubDate>Tue, 11 Apr 2023 10:39:23 +0800</pubDate><description><![CDATA[el-table 自适应列宽]]></description><category></category></item><item><title><![CDATA[移动端开发遇到的兼容问题]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/130077165</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/130077165</guid><author>FrontEndEngineer</author><pubDate>Tue, 11 Apr 2023 10:05:39 +0800</pubDate><description><![CDATA[前端开发遇到的手机端兼容问题]]></description><category></category></item><item><title><![CDATA[前端开发常见问题]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/129803351</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/129803351</guid><author>FrontEndEngineer</author><pubDate>Mon, 27 Mar 2023 21:01:56 +0800</pubDate><description><![CDATA[flex布局垂直居中遇到的问题]]></description><category></category></item><item><title><![CDATA[2023前端面试]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/128937370</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/128937370</guid><author>FrontEndEngineer</author><pubDate>Wed, 08 Feb 2023 16:01:47 +0800</pubDate><description><![CDATA[obj对象想要获取name或者say，首先判断自己的属性当中有没有，如果没有找到，那么就在__proto__属性中去找，而这个时候__proto__与Person的prototype是相等的，也就是__proto__指向Person，那么便可以找到name和say。为了处理异步，当触发事件的时候，会通过dispatch来访问action中的方法，actions中的commit会触发mutation中的方法从而修改state里的值，通过getter把数据更新到视图中。这些都是计算属性无法做到的。]]></description><category></category></item><item><title><![CDATA[第八章 动画]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/128886152</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/128886152</guid><author>FrontEndEngineer</author><pubDate>Sun, 05 Feb 2023 13:56:16 +0800</pubDate><description><![CDATA[css3动画；javascript动画；vue过渡动画]]></description><category></category></item><item><title><![CDATA[常用的一些样式]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/128519866</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/128519866</guid><author>FrontEndEngineer</author><pubDate>Mon, 02 Jan 2023 12:43:49 +0800</pubDate><description><![CDATA[网页置灰：http://t.csdn.cn/Ysv7m]]></description><category></category></item><item><title><![CDATA[第六章 组件进阶]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/128075673</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/128075673</guid><author>FrontEndEngineer</author><pubDate>Mon, 02 Jan 2023 12:32:46 +0800</pubDate><description><![CDATA[组件的生命周期与高级配置
组件Props属性的高级用法
组件Mixin技术
使用自定义指令
使用组件的Teleport功能开发全局弹窗
]]></description><category></category></item><item><title><![CDATA[第五章 组件基础]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/127982416</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/127982416</guid><author>FrontEndEngineer</author><pubDate>Tue, 22 Nov 2022 16:01:52 +0800</pubDate><description><![CDATA[所有支持v-model指令的组件中默认都会提供一个名为modelValue的属性，而组件内部的内容变化后向外传递的事件为update:modelValue。好的开发模式是将组件内部的逻辑在组件内部处理掉，而需要调用方处理的业务逻辑属于组件外部的逻辑，将其传递到调用方处理，上例可以改为。在props为组件添加外部属性，在template模板中，可以用访问内部属性的方式访问定义的外部属性。component是一个特殊的标签，其通过is属性来指定要渲染的组件名称。四、动态组件的简单应用。]]></description><category></category></item><item><title><![CDATA[第四章 处理用户交互]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/127151937</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/127151937</guid><author>FrontEndEngineer</author><pubDate>Tue, 04 Oct 2022 12:35:11 +0800</pubDate><description><![CDATA[上面示例的系统修饰符只要满足条件就会触发，以鼠标按下事件为例，只要满足用户按下了Ctrl键的时候按下了鼠标按键就会触发。系统修饰符的使用意义是只有当用户按下这些键时，对应的键盘或鼠标事件才能触发，在处理组合键指令时经常会用到。Vue中使用@click的方式绑定事件时，默认监听的是DOM事件的冒泡阶段（从子组件到父组件）在页面触发一个单击事件时，事件从父组件依次传递到子组件的过程为事件捕获。在事件捕获的基础上，再逆向的进行一轮传递，这一过程为事件冒泡。举例二：当用户按下Alt键的同时，再按下回车键才会触发。]]></description><category></category></item><item><title><![CDATA[第三章 Vue组件的属性和方法（下）]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/126990452</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/126990452</guid><author>FrontEndEngineer</author><pubDate>Thu, 22 Sep 2022 14:15:06 +0800</pubDate><description><![CDATA[表单数据的双向绑定
样式绑定]]></description><category></category></item><item><title><![CDATA[第三章 Vue组件的属性和方法（上）]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/126989617</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/126989617</guid><author>FrontEndEngineer</author><pubDate>Thu, 22 Sep 2022 13:41:41 +0800</pubDate><description><![CDATA[3.1 属性与方法基础
3.2 计算属性和侦听器
3.3 函数限流]]></description><category></category></item><item><title><![CDATA[第二章 模板应用]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/126865960</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/126865960</guid><author>FrontEndEngineer</author><pubDate>Thu, 15 Sep 2022 13:02:49 +0800</pubDate><description><![CDATA[v-if指令可以和v-else指令结合使用，设置了v-else指令的元素必须紧跟在v-if或v-else-if指令的后面，否则将不会被识别；在v-if与v-else之间，可以插入任意个v-else-if来实现多分支渲染逻辑。index索引的取值是从0开始的，当同时循环渲染多个元素时，与v-if指令类似，推荐使用template标签进行包装。本质上，Vue中的模板指令也是html标签属性，通常以“v-”开头，v-bind、v-on等都是指令；v-on可以将前缀v-on:使用@符号代替，如。]]></description><category></category></item><item><title><![CDATA[第一章 Vue3的新特性]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/126749061</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/126749061</guid><author>FrontEndEngineer</author><pubDate>Wed, 07 Sep 2022 17:06:25 +0800</pubDate><description><![CDATA[Vue3新特性]]></description><category></category></item><item><title><![CDATA[闭包的典型应用--节流与防抖]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/123641433</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/123641433</guid><author>FrontEndEngineer</author><pubDate>Mon, 21 Mar 2022 17:57:41 +0800</pubDate><description><![CDATA[1.定义

函数防抖（debounce）

函数防抖，就是指触发事件后，在 n 秒后只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数的执行时间。


简单的说，当一个动作连续触发，只执行最后一次。


函数节流（throttle）


限制一个函数在一定时间内只能执行一次


为了方便理解，我们首先通过一个可视化的工具，感受一下三种环境（正常情况、函数防抖情况 debounce、函数节流 throttle）下，对于mousemove事件回调的执行情况。



竖线的疏密代表事件执行的频繁程度。.]]></description><category></category></item><item><title><![CDATA[Vue3+element-plus icon全局引入]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/123369688</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/123369688</guid><author>FrontEndEngineer</author><pubDate>Wed, 09 Mar 2022 10:10:25 +0800</pubDate><description><![CDATA[elementplus 官网地址https://element-plus.gitee.io/zh-CN/
1.安装


npm install @element-plus/icons-vue

2.全局注册组件
main.js


import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementPlus fro]]></description><category></category></item><item><title><![CDATA[vant-list 一行两列时,最后一行与其他行间距不一致问题]]></title><link>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/123326223</link><guid>https://blog.youkuaiyun.com/FrontEndEngineer/article/details/123326223</guid><author>FrontEndEngineer</author><pubDate>Mon, 07 Mar 2022 11:28:05 +0800</pubDate><description><![CDATA[1.使用vant-list时，会出现以下问题


2. 如何解决
添加以下样式即可解决

/deep/.van-list__placeholder{

display:none;

}
]]></description><category></category></item></channel></rss>