<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[B13362260109的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/B13362260109</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; B13362260109]]></copyright><item><title><![CDATA[react的应用]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131844067</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131844067</guid><author>B13362260109</author><pubDate>Fri, 21 Jul 2023 08:47:04 +0800</pubDate><description><![CDATA[Electron 是基于 Node.js 和 Chromium 的开源跨平台桌面应用开发库，可以使用 web 技术（HTML、CSS 和 JavaScript）构建原生应用。React 可以和 React Native 结合使用，用于构建在移动设备上运行的原生应用。以上仅是 React 应用的一部分示例，React 还可以用于构建大型服务端渲染应用、实时数据推送应用、数据可视化应用等等。React 可以用于构建各种类型的应用，如单页应用（SPA）、多页应用（MPA）、移动应用、桌面应用等。]]></description><category></category></item><item><title><![CDATA[element分页如何使用]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131844033</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131844033</guid><author>B13362260109</author><pubDate>Fri, 21 Jul 2023 08:45:18 +0800</pubDate><description><![CDATA[通过绑定 @current-change 事件，来监听用户翻页的动作。在该方法中，你可以编写相应的逻辑，实现分页数据的获取和显示。currentPage 表示当前页码，默认值为 1， pageSize 表示每页显示多少条数据，可以根据具体情况设置合适的值，默认值为 10， total 表示数据的总条数，需要根据实际数据总数进行绑定。在组件的 data 对象中定义分页所需的三个常用参数：currentPage（当前页码）、pageSize（每页显示的数据条数）和 total（总数据条数）。]]></description><category></category></item><item><title><![CDATA[vue计时器]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131844004</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131844004</guid><author>B13362260109</author><pubDate>Fri, 21 Jul 2023 08:43:10 +0800</pubDate><description><![CDATA[在 Vue 中实现一个计时器，可以通过。在模板中，通过 Mustache 语法（]]></description><category></category></item><item><title><![CDATA[用vue3封装一个符合思维且简单实用的弹出层]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131843962</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131843962</guid><author>B13362260109</author><pubDate>Fri, 21 Jul 2023 08:39:15 +0800</pubDate><description><![CDATA[在平常开发中，弹出层算是一个最常用的组件了，尤其是后台的表单页，详情页，用户端的各种确认都很适合使用弹出层组件展示，但是一般组件库提供给我们的一般还是组件的形式，或者是一个简单的服务。弹出层中间展示的如果是一个表单或者一个业务很重的页面，逻辑就会跟页面混在一起不好维护，如果抽离成组件，在后台这种全是表格表单的时候，都抽离成组件太过麻烦。一个页面如果只有一个弹出层还好维护，多几个先不说放在那里，光维护弹出层的展示隐藏变量都是件头大的事情。]]></description><category></category></item><item><title><![CDATA[js中函数的传递参数]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131843937</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131843937</guid><author>B13362260109</author><pubDate>Fri, 21 Jul 2023 08:37:55 +0800</pubDate><description><![CDATA[if(typeof a === 'number' &&a === a){ //判断数字类型时要注意NaN是数字                                              类型但不是数字，可以用NaN与自身不等的方法进行判断。1)js中函数传参时如果传递多个参数，需要用",",隔开，而且需要不同的变量去接               收参数，传递的参数与接收参数的变量是一一对应的。//返回的值为100，将100传递到fn()的a中。//返回的值为 先返回"s" ，再返回"课"]]></description><category></category></item><item><title><![CDATA[通过Math函数生成随机数]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131843914</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131843914</guid><author>B13362260109</author><pubDate>Fri, 21 Jul 2023 08:35:26 +0800</pubDate><description><![CDATA[【代码】通过Math函数生成随机数。]]></description><category></category></item><item><title><![CDATA[vue3中运用组件写成获取验证码，并实现手机可以接收到验证码事例]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131843893</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131843893</guid><author>B13362260109</author><pubDate>Fri, 21 Jul 2023 08:33:42 +0800</pubDate><description><![CDATA[在上述代码中，我们使用了 axios 库来发送 POST 请求到 /api/send_code 接口，并传递了用户输入的手机号码。例如，我们可以创建一个短信签名为“我的应用”，短信模板为“验证码为${code}，5分钟内有效”（其中 ${code} 是一个可变参数），然后将其审核通过。在本文中，我们介绍了如何利用 Vue3 组件来实现获取验证码，并让用户的手机接收到验证码的功能。我们将创建一个名为 VerificationCode 的 Vue3 组件，该组件可以获取用户输入的手机号码并向其发送验证码。]]></description><category></category></item><item><title><![CDATA[前端7大常用布局方式]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131843702</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131843702</guid><author>B13362260109</author><pubDate>Fri, 21 Jul 2023 07:58:47 +0800</pubDate><description><![CDATA[Web前端常用布局方式页面的布局方式是块状元素依次从上至下、从左至右进行布局布局的作用对公司、企业而言视觉极佳的布局效果能让在瞬间抓住客户的心，能吸引潜在的合作者。适用性 ，根据不同行业情况进行不同效果的制作。吸引性，视觉效果优秀的布局效果能瞬间吸引客户。布局方式一、静态布局静态布局是最为原始的布局方式，没有什么技术性可言，往往是计算机行业刚刚入门的小白使用的布局方式。制作的网页上的元素尺寸一律以px为单位。]]></description><category></category></item><item><title><![CDATA[Vue3中computed的用法]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131832188</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131832188</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 15:38:54 +0800</pubDate><description><![CDATA[computed又被称作，用于动态的根据某个值或某些值的变化，来产生对应的变化，computed具有缓存性，当无关值变化时，不会引起computed声明值的变化。产生一个新的变量并挂载到vue实例上去。]]></description><category></category></item><item><title><![CDATA[React简介]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131831457</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131831457</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 15:18:12 +0800</pubDate><description><![CDATA[2·使用JavaScript直接操作DOM，浏览器会进行大量的重绘重排。3·使用虚拟DOM+优秀的Diffing算法，尽量减少与真实DOM的交互。React是一个将数据渲染为HTML视图的开源JavaScript库。2·在React Native中可以使用React语法进行移动端开发。3·原生JavaScript没有组件化编码方案，代码复用率低。1·采用组件化模式、声明式编码，提高开发效率及组件复用率。1·原生JavaScript操作DOM繁琐、效率低。二、为什么要使用React。一、React是什么？]]></description><category></category></item><item><title><![CDATA[react项目打包]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131831375</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131831375</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 15:16:25 +0800</pubDate><description><![CDATA[2.在项目根目录中执行命令serve -s ./build 在build目录中开启服务器。2.在package.json中的scripts标签中，添加分析打包体积命令。3.在浏览器中访问：http://localhost：3000/ 预览项目。2.在路由Router内部，使用Suspense组件包裹组件的内容。2.等待打包完成，打包生成的内容被放在根下的build文件夹中。5.通过浏览器打开的页面，分析图标中的包体积。1.在App组件中，导入Suspense组件。在package.json中。]]></description><category></category></item><item><title><![CDATA[React全局变量]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131831304</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131831304</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 15:13:27 +0800</pubDate><description><![CDATA[【代码】React全局变量。]]></description><category></category></item><item><title><![CDATA[为什么react比vue更适合大型应用？]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131831255</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131831255</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 15:12:06 +0800</pubDate><description><![CDATA[3.Fiber算法, React16提出了Fiber架构，其能够将任务分片，划分优先级，同时能够实现类似于操作系统中对线程的抢占式调度，非常强大, 对于因为JavaScript的单线程特性，单个同步任务耗时太长，出现卡顿的问题就可以得到解决, 这进一步弥补了React在组件更新机制方面的缺陷.5.结合shouldComponentUpdate等方法, 可以避免不必要的组件更新, 实现更少的cpu消耗, 程序员可以从代码的角度介入到组件更新效率的控制过程中.DOM操作(不用再像以前写。]]></description><category></category></item><item><title><![CDATA[uniapp 获取元素高度]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131830853</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131830853</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 15:00:03 +0800</pubDate><description><![CDATA[中，你可以使用 wx.createSelectorQuery() 方法来获取元素的高度。这段代码会在页面渲染完成后执行，并在回调函数中输出元素的高度。]]></description><category></category></item><item><title><![CDATA[Vue3简易路由菜单组件封装]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131830792</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131830792</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 14:57:49 +0800</pubDate><description><![CDATA[【代码】Vue3简易路由菜单组件封装。]]></description><category></category></item><item><title><![CDATA[vue常用组件库]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131830613</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131830613</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 14:52:56 +0800</pubDate><description><![CDATA[Vue是主流的前端框架。]]></description><category></category></item><item><title><![CDATA[uni-app框架看这五款组件库就够了]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131830523</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131830523</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 14:49:34 +0800</pubDate><description><![CDATA[FirstUI(https://www.firstui.cn/)是一套超高性能、超高颜值的移动端UI综合解决方案，包含业内顶尖的组件库、强大的功能库、丰富精美的模板库，提供uni-app(完美支持nvue)、微信小程序版本，兼顾高效率与高性能，让您的app、小程序开发获得百倍提质提速！uni-app的生态比较丰富，有自己的插件市场，蛮多开发者都推出了自己的组件库产品，下面整理罗列一部分，供大家开发时参考选择。uView是一款知名的开源组件库，里面的组件比较丰富，重点是开源，作者也很有情怀，大家可以关注。]]></description><category></category></item><item><title><![CDATA[react上传图片]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131819649</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131819649</guid><author>B13362260109</author><pubDate>Thu, 20 Jul 2023 14:48:15 +0800</pubDate><description><![CDATA[当文件上传成功之后，我们将上传结果保存在状态中的result变量中，并且展示在页面上。在React中，fetch API可以方便地进行Ajax请求，我们可以将上传的文件使用FormData API包装成一个FormData对象，然后发送Ajax请求。在Web开发中，上传图片是一个常见的需求，而React作为一种常用的前端开发框架，也支持图片上传的功能。现在，我们可以运行程序，在网页上选择一个文件并点击上传按钮，就可以将文件上传至服务器。在App.js文件中，我们引入刚刚编写的上传组件，并将其展示在页面上。]]></description><category></category></item><item><title><![CDATA[Vue本地存储及用法]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131819621</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131819621</guid><author>B13362260109</author><pubDate>Wed, 19 Jul 2023 22:50:53 +0800</pubDate><description><![CDATA[首先是页面布局，通过双向绑定来获取input框的值，再将数据存储到对象里，将对象通过本地存储，存储起来，取出来之后，定义一个空数组，将对象添加到数组里，之后再将数据存储起来。首先是页面布局，通过双向绑定来获取input框的值，再将数据存储到对象里，将对象通过本地存储，存储起来，取出来之后，定义一个空数组，将对象添加到数组里，之后再将数据存储起来。以文件的方式存储在本地，通过把数据存在浏览器中，用户不必每次都向服务器请求。以文件的方式存储在本地，通过把数据存在浏览器中，用户不必每次都向服务器请求。]]></description><category></category></item><item><title><![CDATA[vue防抖节流]]></title><link>https://blog.youkuaiyun.com/B13362260109/article/details/131819587</link><guid>https://blog.youkuaiyun.com/B13362260109/article/details/131819587</guid><author>B13362260109</author><pubDate>Wed, 19 Jul 2023 22:48:20 +0800</pubDate><description><![CDATA[函数节流（throttle）： 是指一定时间内执行的操作只执行一次，也就是说即预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期，一个比较形象的例子是如果将水龙头拧紧直到水是以水滴的形式流出，那你会发现每隔一段时间，就会有一滴水流出。防抖（debounce）： 是指在一定时间内，在动作被连续频繁触发的情况下，动作只会被执行一次，也就是说当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间，所以短时间内的连续动作永远只会触发一次。]]></description><category></category></item></channel></rss>