- 博客(19)
- 收藏
- 关注
RSS订阅原创 nextTick深入理解
分析上面的代码：上面的isEdit代码初始值为false,当你失去焦点之后调用函数，在函数内部，先执行if判断，在if判断里面将isEdit改为true,那么，这个时候，按照我们的逻辑来看，页面会重新渲染，input也会展示到页面上。g、这个事件环境中的数据变化完成，在进行渲染［视图更新］，可以避免DOM的频繁变动，从而避免了因此带来的浏览器卡顿，大幅度提升性能；由于VUE的数据驱动视图更新，是异步的，即修改数据的当下，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新。
2024-04-30 17:10:39
563
原创 uniapp中适合各端调用第三方地图导航
相关的技术栈 uniapp + vue2在uniapp中可以进行搜索位置进行导航，会自动读取用户已有导航应用，并且由用户自主选择使用哪家地图进行导航，自动将目标地址设为终点在导航页面。uniapp文档中方法可直接调用，
2024-04-24 15:27:12
593
4
原创 JS 防抖与节流应用场景和最佳实践
搜索框输入查询，如果用户一直在输入中，没有必要不停地调用去请求服务端接口，等用户停止输入的时候，再调用，设置一个合适的时间间隔，有效减轻服务端压力。比如：应用于 window 对象的 resize、scroll 事件，拖拽时的 mousemove 事件。触发高频事件后一段时间（wait）只会执行一次函数，如果指定时间（wait）内高频事件再次被触发，则重新计算时间。浏览器窗口缩放，resize 事件（如窗口停止改变大小之后重新计算布局）等。- 都是在高频事件中防止函数被多次调用，是一种性能优化的方案。
2024-04-23 16:34:24
132
原创 cookie、session、token三者之间的区别？
作用机制：服务器并不保存token，而是通过数据签名的方法，对数据用算法（如SHA-256）与私钥进行签名后作为Token，当Token发送给服务器时，服务会通过相同的算法与密钥进行签名，如果和Token中的签名相同，服务器就知道用户已经登录过了，并且可以直接得到用户的userID。当用户第一次登陆网站时，服务器会生成一个session，并将该sessionID发送给用户储存在cookie中，当第二次发送请求时，sessionID就随着cookie一起发送，浏览器就可以识别出是谁发送的请求。
2024-04-16 17:39:22
253
1
原创 Vue3 中的依赖注入（Provide/Inject）
1.首先：大家去考虑一种场景我们在父子组件通信的时候通常使用Props进行传递。官网举例：有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使用 props 则必须将其沿着组件链逐级传递下去，这会非常麻烦：注意，虽然这里的<Footer>组件可能根本不关心这些 props，但为了使能访问到它们，仍然需要定义并向下传递。如果组件链路非常长，可能会影响到更多这条路上的组件。
2024-03-18 13:58:10
361
原创 uniapp连接蓝牙打印小票（附加demo）
在初始化成功后，可以进行蓝牙设备的搜索和连接操作。监听蓝牙设备的特征值变化：对于需要监听特定特征值变化的操作，可以使用。方法开始搜索蓝牙设备。可以设置搜索的时间和过滤条件，然后通过监听。方法获取蓝牙适配器对象。可以使用该对象进行后续的蓝牙操作。方法监听特征值的变化。获取蓝牙设备的服务和特征值：连接成功后，使用。连接蓝牙设备：选择要连接的蓝牙设备后，使用。方法获取蓝牙设备的服务列表。获取蓝牙适配器：首先，需要通过。事件获取搜索到的蓝牙设备列表。方法获取每个服务的特征值列表。事件获取蓝牙设备返回的数据。
2024-01-31 10:17:43
935
1
原创 微信小程序的生命周期
这些生命周期函数在每个页面的 js 文件中定义，用于处理页面的加载、显示、隐藏、卸载等事件。：这些生命周期函数在每个组件的 js 文件中定义，用于处理组件的创建、附加、移动、卸载等事件。微信小程序的生命周期主要分为三个部分：应用的生命周期、页面的生命周期和组件的生命周期。：组件实例被添加到页面节点树时触发，此时可以进行大部分初始化工作。：页面初次渲染完成时触发，常用于获取渲染完成的DOM节点。：页面隐藏时触发，常用于暂停或清理页面任务（如定时器）。：页面卸载时触发，常用于清理页面资源和任务。
2024-01-15 14:36:09
396
原创 记录面试题！
在新版的React中，推荐使用getDerivedStateFromProps、componentDidMount、shouldComponentUpdate、getSnapshotBeforeUpdate、componentDidUpdate等方法来处理组件的生命周期，而避免使用已经标记为不安全的生命周期方法。利用 reduce 方法遍历原数组，在遍历过程中将出现的元素存储到一个临时对象中，并以元素值为键，然后再将对象的键值提取出来作为去重后的数组。你可以根据具体需求自行实现日历组件和日期选择逻辑。
2024-01-13 16:40:19
833
1
原创 Grid 布局了解多少？
CSS Grid 布局是 CSS 中的一种新的布局系统，旨在通过 网格（grid）和 行（row）、列（column）的概念来创建灵活的、高效的、响应式网页布局。CSS Grid 布局可以将一个元素的内容划分为多个网格，根据需要，可以在这些网格中定位元素。与传统的基于盒子模型的布局方式不同，CSS Grid 布局以一种更直观、更高效的方式来处理布局问题。可以通过 CSS Grid 属性来定义网格和元素的位置，包括大小、间距、对齐方式等等。
2024-01-12 11:18:18
820
1
原创 uniap小程序中使用canavs绘制base64格式，真机调试二维码不显示的问题。
这样的缺点在于每调用一次写一个文件，文件会越写越多，当文件管理器中文件总大小超过最大限制则会报错。先把小程序码通过小程序API中的FileSystemManager.writeFile()接口写入本地并获取到一个临时URL。小程序中有一个这样的场景：一个图片(包括了背景图，二维码，标题)，类似于zfb中的每天扫一扫，方便用户保存在本地。小程序码通过后台接口获取，格式如下：'data:image/jpg;画出来之后，在微信开发者工具上有效，在真机上无效。accomplish！
2024-01-11 10:50:32
486
原创 uniapp的radio、checkout大小设置，解决办法，以及radio、checkout的背景等样式修改。
一、修改大小官网文档有写 建议大小设置采取用transform: scale(0.7);这种方式去设置二、修改样式 首先看一下官网默认的样式实际开发过程中的需求不太一样的，看下需求样式。话不多说，上代码！
2023-12-22 18:05:15
896
原创 vue3 结合element-plus组件库使用table进行合并行
element文档中有“合并行或列”的例子： 多行或多列共用一个数据时，可以合并行或列。该函数可以返回一个包含两个元素的数组，第一个元素代表。方法可以实现合并行或列， 方法的参数是一个对象，里面包含当前行。这样的效果就达到想要的需求了，细心观察一下代码！通过给 table 传入。也可以返回一个键名为。
2023-11-22 10:08:24
1117
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人