<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[m0_74265396的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/m0_74265396</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; m0_74265396]]></copyright><item><title><![CDATA[input标签的23种type类型]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135938156</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135938156</guid><author>m0_74265396</author><pubDate>Sat, 03 Feb 2024 05:00:00 +0800</pubDate><description><![CDATA[示例： <input type="radio" name="radio" value="1">选项1 <input type="radio" name="radio" value="2">选项2。示例： <input type="number" name="quantity" min="1" max="10">示例： <input type="range" name="range" min="0" max="100">示例： <input type="datetime" name="datetime">]]></description><category></category></item><item><title><![CDATA[vue父子组件之间通讯方式]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135928265</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135928265</guid><author>m0_74265396</author><pubDate>Fri, 02 Feb 2024 05:00:00 +0800</pubDate><description><![CDATA[在Vue中，父子组件之间传值通信有多种方法，可以通过props、$emit、provide/inject等方式实现。这些方法都可以实现父子组件之间的传值通信，根据具体的业务需求，选择合适的方法即可。]]></description><category></category></item><item><title><![CDATA[js阻止浏览器默认事件和防止事件传播事件]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135916420</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135916420</guid><author>m0_74265396</author><pubDate>Thu, 01 Feb 2024 09:00:00 +0800</pubDate><description><![CDATA[【代码】js阻止浏览器默认事件和防止事件传播事件。]]></description><category></category></item><item><title><![CDATA[在JavaScript中，什么是promise、怎么使用promise、怎么手写promise]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135915533</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135915533</guid><author>m0_74265396</author><pubDate>Wed, 31 Jan 2024 00:15:00 +0800</pubDate><description><![CDATA[使用Promise可以将异步操作封装为一个Promise对象，并在异步操作完成时触发resolve或reject回调函数。在上面的例子中，fetchData函数返回一个Promise对象，在2秒后将会调用resolve回调函数，并提供数据。上面的示例只是一个简单的Promise实现，它只支持最基本的功能。实际上，Promise的实现还需要处理异步操作、链式调用、错误处理等更复杂的情况。在JavaScript中，Promise是一种处理异步操作的方式，它可以避免回调地狱，并提供了更加简洁和可读的代码结构。]]></description><category></category></item><item><title><![CDATA[vue路由拦截]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135915134</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135915134</guid><author>m0_74265396</author><pubDate>Tue, 30 Jan 2024 00:15:00 +0800</pubDate><description><![CDATA[在Vue中，可以通过路由守卫来实现路由拦截。路由守卫是一组钩子函数，可以在路由切换前、切换后或者切换过程中进行一些操作。路由拦截是指在用户访问某个路由之前，可以对用户进行一些权限验证或其他操作，然后决定是否允许用户继续访问该路由。如果用户需要登录且未登录，则跳转到登录页面；否则，允许用户继续访问该路由。通过路由拦截，我们可以灵活地控制用户在访问路由时的权限和操作，从而增强应用的安全性和用户体验。在上面的例子中，我们定义了一个全局的。下面是一个简单的例子，演示如何使用。字段判断该路由是否需要用户登录(]]></description><category></category></item><item><title><![CDATA[js回车登录]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135914539</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135914539</guid><author>m0_74265396</author><pubDate>Mon, 29 Jan 2024 16:00:03 +0800</pubDate><description><![CDATA[这样，当用户在输入框中按下回车键时，就会触发登录操作。在login函数中，你可以执行实际的登录操作，如验证用户输入等。]]></description><category></category></item><item><title><![CDATA[vue创建dom的方法有哪些]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135914499</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135914499</guid><author>m0_74265396</author><pubDate>Mon, 29 Jan 2024 15:58:36 +0800</pubDate><description><![CDATA[以上示例展示了在Vue的created生命周期钩子函数中使用不同方法来创建DOM的方式。根据具体需求和场景，选择适合的方法来创建DOM。]]></description><category></category></item><item><title><![CDATA[浮动出现双边距的问题，如何解决？]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135892526</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135892526</guid><author>m0_74265396</author><pubDate>Sun, 28 Jan 2024 10:26:30 +0800</pubDate><description><![CDATA[浮动元素出现双边距的问题是由于浮动元素会生成一个块级框，而浮动元素的外边距会和相邻元素的外边距重叠造成的。以上方法都可以解决浮动元素双边距问题，具体使用哪种方法取决于具体的布局需求和浏览器兼容性要求。]]></description><category></category></item><item><title><![CDATA[一次js请求一般情况下有哪些地方会有缓存处理？]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135892515</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135892515</guid><author>m0_74265396</author><pubDate>Sun, 28 Jan 2024 10:25:51 +0800</pubDate><description><![CDATA[浏览器缓存：浏览器会缓存静态资源文件（如JavaScript文件），下次请求时可以直接从缓存中获取，减少网络请求时间。应用程序缓存：HTML5引入了应用程序缓存（Application Cache）机制，开发者可以通过manifest文件来声明需要缓存的文件。服务器端缓存：服务器端应用程序可以在处理请求时缓存生成的动态内容，下次请求时可以直接返回缓存的结果，减少处理时间。在开发和部署过程中，需要考虑缓存的失效策略和缓存更新机制，确保缓存能够正确地生效和更新。]]></description><category></category></item><item><title><![CDATA[redux 有什么优缺点]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135842534</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135842534</guid><author>m0_74265396</author><pubDate>Fri, 26 Jan 2024 00:15:00 +0800</pubDate><description><![CDATA[总的来说，Redux 适用于需要管理复杂状态和异步操作的应用，并且更强调可预测性和可维护性。可维护性和可测试性：由于 Redux 严格限制了状态的变化方式，使得代码更易于维护和测试。冗余的代码：Redux 在使用上需要编写大量的模板代码，这使得代码变得冗余。性能开销：Redux 中状态的变化是通过创建新的状态副本来实现的，这可能导致性能开销。这样可以确保状态的一致性和可预测性，减少了状态管理的复杂性。可预测的状态变化：Redux 强制使用纯函数来更新状态，使得状态的变化可追踪和可预测。]]></description><category></category></item><item><title><![CDATA[setState 和 replaceState 的区别]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135842493</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135842493</guid><author>m0_74265396</author><pubDate>Thu, 25 Jan 2024 13:42:50 +0800</pubDate><description><![CDATA[可以看到，通过比较这两个例子，可以更清楚地看到setState和replaceState的区别。setState会合并新旧状态，而replaceState会完全替换旧状态。在上面的例子中，我们使用replaceState来更新count的值。当点击增加或减少按钮时，count的值会被完全替换为新的值，并且组件会重新渲染。在上面的例子中，我们使用setState来更新count的值。当点击增加或减少按钮时，count的值会自动更新，并且组件会重新渲染。]]></description><category></category></item><item><title><![CDATA[react中refs的作用是什么？]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135842472</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135842472</guid><author>m0_74265396</author><pubDate>Thu, 25 Jan 2024 13:42:10 +0800</pubDate><description><![CDATA[只在必要的情况下使用refs，并且确保使用它们的方式是合理和可靠的。通过使用refs，我们可以访问React组件中的DOM节点，并将其传递给第三方库，以实现与React组件交互的效果。调用组件方法：通过将refs传递给子组件，可以在父组件中调用子组件的方法。这对于需要在父组件中控制子组件行为的情况很有用，例如，在父组件中触发子组件的某个特定事件。访问DOM节点：通过使用refs，可以在React组件中直接访问底层的DOM节点。在React中，refs是用于访问DOM节点或React组件实例的方式。]]></description><category></category></item><item><title><![CDATA[怎么解决小程序的异步请求问题？]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135748360</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135748360</guid><author>m0_74265396</author><pubDate>Tue, 23 Jan 2024 07:38:42 +0800</pubDate><description><![CDATA[上述三种方式都可以解决小程序的异步请求问题，选择哪种方式取决于个人的编程习惯和项目需求。请根据实际情况选择最合适的方式进行异步请求的处理。]]></description><category></category></item><item><title><![CDATA[前端性能优化方案有哪些？]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135716073</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135716073</guid><author>m0_74265396</author><pubDate>Mon, 22 Jan 2024 17:30:00 +0800</pubDate><description><![CDATA[减少重绘和重排：避免频繁的DOM操作和样式变化，合理使用CSS动画和过渡效果，减少页面的重绘和重排次数，提高页面性能。缓存策略：使用缓存机制减少对服务器的请求，如设置合适的Cache-Control头，使用CDN加速，使用浏览器缓存。图片优化：使用适当的图片格式（如JPEG、PNG、WebP）和压缩工具，减小图片的文件大小，提高页面加载速度。延迟加载：对于长页面，将不需要立即加载的内容使用懒加载方式延迟加载，减少页面的初始加载时间。前端性能优化是提高网站速度和用户体验的重要手段。]]></description><category></category></item><item><title><![CDATA[快速打乱一个数组排序的方式有哪些？]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135664618</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135664618</guid><author>m0_74265396</author><pubDate>Fri, 19 Jan 2024 01:00:00 +0800</pubDate><description><![CDATA[以上是几种常见的快速打乱数组排序的方式，你可以根据自己的需求选择适合的方法。]]></description><category></category></item><item><title><![CDATA[说说箭头函数的特点]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135661613</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135661613</guid><author>m0_74265396</author><pubDate>Fri, 19 Jan 2024 00:15:00 +0800</pubDate><description><![CDATA[没有自己的this：箭头函数没有自己的this值，它会继承上层作用域的this值，即它的this是词法上下文确定的。箭头函数和普通函数的区别：箭头函数与普通函数相比，具有更短的语法和更简洁的函数体。但是，由于箭头函数没有自己的this和arguments，也不能作为构造函数使用，因此在某些场景下，还是需要使用普通函数。总的来说，箭头函数是一种简洁和方便的函数定义方式，特别适合用于简单的函数定义和回调函数的使用。不能用作构造函数：箭头函数不能被用作构造函数，不能使用new关键字来实例化一个箭头函数。]]></description><category></category></item><item><title><![CDATA[对Promise的理解]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135661068</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135661068</guid><author>m0_74265396</author><pubDate>Thu, 18 Jan 2024 02:15:00 +0800</pubDate><description><![CDATA[catch方法可以捕获Promise链中的任何错误，并返回一个新的Promise对象，使得错误可以被中断或继续传递。Promise可以看作是一种对回调函数的封装，它可以更好地处理异步操作的结果和错误。异常情况：如果在Promise的回调函数中抛出异常，Promise对象将立即变为rejected状态，并且后续的then方法将被跳过，直到找到一个catch方法为止。需要注意的是，Promise是ES6中的特性，不是所有浏览器都支持Promise，可以通过使用Polyfill库来实现Promise的兼容性。]]></description><category></category></item><item><title><![CDATA[ES6 如何动态加载 import]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135659567</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135659567</guid><author>m0_74265396</author><pubDate>Wed, 17 Jan 2024 21:45:06 +0800</pubDate><description><![CDATA[语句放在需要动态加载的地方，返回一个 Promise 对象。当 Promise 对象被 resolve 时，表示模块加载完成，可以使用模块提供的功能。方法中的回调函数会被调用，我们可以在回调函数中使用模块提供的功能。返回的 Promise 对象，当模块加载完成时，继续执行后续代码。方法中的回调函数会被调用，我们可以在此处处理加载失败的情况。返回一个 Promise 对象，当模块加载完成时，函数返回的是一个 Promise 对象，可以与。函数，可以实现动态加载模块。块中的代码会被执行。]]></description><category></category></item><item><title><![CDATA[jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135654704</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135654704</guid><author>m0_74265396</author><pubDate>Wed, 17 Jan 2024 18:57:52 +0800</pubDate><description><![CDATA[这样就实现了一个深拷贝的函数，可以用于拷贝复杂的对象或数组。实现深拷贝时，可以通过递归来实现。jQuery的属性拷贝使用的是。]]></description><category></category></item><item><title><![CDATA[CSS 清除浮动的几种方法]]></title><link>https://blog.youkuaiyun.com/m0_74265396/article/details/135622516</link><guid>https://blog.youkuaiyun.com/m0_74265396/article/details/135622516</guid><author>m0_74265396</author><pubDate>Tue, 16 Jan 2024 13:30:32 +0800</pubDate><description><![CDATA[【代码】CSS 清除浮动的几种方法。]]></description><category></category></item></channel></rss>