- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue 使用js-cookie
在 Vue 中使用js-cookie库非常方便，适合用于实现用户的身份验证、会话管理等功能。通过和，你可以轻松地设置、获取和删除 cookies。结合 Vuex 可以更好地管理应用的状态，尤其是在需要跨页面共享身份信息时。这样，你就可以在 Vue 应用中灵活地使用 cookies 存储用户的认证信息或者其他需要持久化的数据。
2024-11-26 08:56:27
620
原创 ES6一些新特性以及语法。
ES6一些新特性以及语法let和const关键字：用于声明变量。 let：定义块级局部变量。 const：定义常量，注意：如果是定义对象或数组，那么该对象或数组中的值可被改变，但引用不能改变。 箭头函数：提供了一种更简洁的函数声明语法，并且没有自己的this、arguments、super或new.target。 带参数一般写法：const a = (a) => console.log(b); 没有参数写法可省略参数括号：const a = b => console.log(
2024-11-22 09:40:46
370
原创 vue项目前端解决不同用户字体大小问题
用户界面缩放：假设应用支持用户调整字体大小或页面缩放比例，就是处理这种调整的核心函数。响应式设计：通过调整根元素的字体大小（REM单位），可以使页面的布局根据用户设置自动调整，达到更好的适配效果。服务器端同步设置：该方法将用户的设置（缩放比例）同步到服务器，确保在不同设备或会话中保持一致的用户体验。
2024-11-21 09:44:13
453
原创 umy-ui 使用
安装umy-ui并在 Vue 项目中全局注册。使用umy-ui提供的 UI 组件，如按钮、输入框、弹窗、表格等。配置和定制样式，使用 Vue 的v-model和事件绑定来控制组件行为。通过umy-ui，你可以快速构建一个现代化的用户界面，提高开发效率。
2024-11-14 09:53:11
946
原创 vue-esign 在 Vue 中实现手写电子签名功能
Vue-Esign 提供了一个简单易用的电子签名组件，帮助开发者轻松集成电子签名功能。通过灵活的配置选项，你可以定制签名画布的大小、样式、功能等。使用时只需关注获取签名数据并进行处理（例如上传或存储）。
2024-11-14 09:37:00
1940
原创 vue2传值
我要给 Brother 组件传数据姓名1：{{ myname }}年龄1：{{ myage }}地址：{{ myaddress }}姓名：{{ name }}姓名：{{ name }}年龄：{{ age }}年龄：{{ age }}
2023-09-05 11:16:08
180
1
原创 vue中的then方法
方法处理异步操作并不局限于 HTTP 请求，它也可以用于处理其他返回 Promise 的异步操作，比如使用。方法通常用于处理异步操作的返回结果，例如 Promise 或者是通过 Vue 的。方法被调用来处理 HTTP 请求的返回结果。希望以上信息对您有帮助。如果有任何疑问，请随时提出。方法中编写自己的逻辑来处理该数据。对象，其中包含了返回的数据。方法可用于捕获请求过程中发生的错误。需要注意的是，在 Vue 中，使用。库发送的 HTTP 请求。
2023-09-05 09:58:14
4249
1
原创 JS 堆与栈
number:数值、、string:字符串、boolean:Boolean（布尔值）、undefine:Undefined 类型、null : Null类型、symbol:Symbol （符号）是一种自动内存管理机制，它可以自动地识别不再使用的变量和对象并将它们从内存中清除，以释放内存空间。一般情况下局部变量的值，不使用就会自动回收掉。1、内存分配：声明变量、函数、对象的时候，系统自动为他们分配内存；3、内存回收：使用完毕，垃圾回收器自动回收不再使用的内存。2、内存使用：读写内存，也就是使用变量、函数等；
2023-08-19 16:42:59
79
原创 前端页面优化（一） 性能篇：防抖与节流
使用防抖和节流函数可以有效控制函数的执行频率，提升网页性能和用户体验。例如在监听滚动事件时，可以利用节流函数限制事件触发的频率，避免过多的计算和更新操作；在输入框搜索功能中，可以利用防抖函数减少请求次数，减轻服务器压力。防抖函数的作用是在事件触发后，等待一段时间后再执行相应的处理逻辑。这样可以避免在连续触发事件时频繁执行处理逻辑，起到节流的效果。节流函数的作用是在一定时间段内，最多执行一次相应的处理逻辑。如果在这个时间段内频繁触发事件，只有第一次会执行处理逻辑，后续的触发会被忽略。表示需要执行的处理逻辑，
2023-08-17 10:05:46
193
1
原创 微信开发者工具-真机调试，苹果手机白屏（MiniProgramError Generate function polyfill not found, may be not a valid code ）
解决方案：app.json里查看renderer属性，默认给的是skyline，这个目前存在兼容性问题，文档里给的是安卓 8.0.33+，iOS 8.0.34+持续迭代中...所以要想解决，可以将renderer属性改为“webview”。本地开发没有报错，以及上传到体验版也没有报错，就是真机调试ios报错。按照以上方法修改，这样用真机调试，不会报错了~刚刚测试有效。
2023-08-12 19:35:36
879
2
原创 vue3 组合式API ＜script setup＞中子组件之间传值逻辑
使用API选项时，我们可以通过this.$refs.name获取指定的元素或组件，但在组合API中不行。注意：使用 provide 进行数据传输时，尽量使用 readonly 封装数据，避免子组件修改父组件传递的数据。注意：默认情况下，setup 组件是关闭的，通过模板 ref 获取组件的公共实例。在 Vue 3.x 的 EventBus，我们可以看到它的 API 和旧版是非常接近的，只是去掉了。在父组件中，只需要监听子组件的自定义事件，然后执行相应的添加逻辑即可。在需要暴露交流事件的组件里，通过。
2023-07-10 16:22:31
498
1
原创 Vue工具库VueUse
通俗的来说，这就是一个工具函数包支持了更好的逻辑分离，它可以帮助你快速实现一些常见的功能，免得你自己去写，解决重复的工作内容。VueUse不是Vue.use，它是为Vue 2和3服务的一套Vue Composition API的常用工具集，是目前世界上Star最高的同类型库之一。这些类别中的大多数都包含几个不同的功能，因此 VueUse 可以灵活地用于你的用例，并且可以作为快速开始构建 Vue 应用程序的绝佳场所。VueUse的最大特点之一是，它只用一个软件包就能同时兼容Vue 2和Vue 3！
2023-06-26 16:16:10
475
1
原创 pinia-plugin-persistedstate适用于 Pinia 的持久化存储插件
配合pinia 插件存、取、删本地数据（localStorage等）
2023-06-24 21:10:04
825
1
原创 Ajax 和 axios的区别
功能扩展：axios 可以通过插件来扩展其功能，例如可以使用 qs 插件来构建查询字符串、使用 redux-axios-middleware 将 axios 与 Redux 集成等。综上所述，Ajax 和 axios 都是前端常用的发送请求和获取数据工具，但在实现方式、跨域限制、拦截器、扩展功能等方面存在一些差异。根据具体的需求和项目要求，我们可以选择更加适合的工具来进行开发。跨域限制：由于浏览器的同源策略限制，使用 Ajax 进行跨域请求时需要进行一定的处理（如 JSONP、CORS 等）。
2023-06-21 10:18:40
1959
原创 判断一个数据是否为 JSON 数据与使用场景
存储数据：在前端开发中，我们也可以使用 JSON 数据来存储一些数据。需要注意的是，如果要判断一个对象或数组是否为 JSON 数据，首先需要将它转换为 JSON 字符串，然后再按照上述步骤进行判断。例如，一些前端框架或者库的配置信息就可以保存为一个 JSON 对象，然后在应用启动时解析该对象并进行相应的初始化操作。总之，JSON 数据在前端开发中应用广泛，它具有易读、易解析、易扩展等特点，能够帮助我们更加便捷地处理数据。方法进行解析，我们可以判断一个数据是否为 JSON 数据。
2023-06-21 10:09:06
6128
原创 JSON 转换
参数为一个可选的回调函数，用于在将 JSON 某个键值对转换为相应的 JavaScript 值时，自定义数据转换的行为。总而言之，使用 JSON 对象提供的两个方法，我们可以很方便地进行 JSON 数据和 JavaScript 对象之间的转换，并且可以自定义转换的方式和格式。在 JavaScript 中，我们可以使用 JSON 对象提供的两个方法来进行 JSON 数据和 JavaScript 对象之间的转换，分别为。参数为可选的转换器，可以是一个数组或一个函数，用于筛选某些键值对或者自定义键值的转换方式；
2023-06-21 10:05:20
1438
原创 eslint配置与使用
ESLint 是一个 JavaScript 代码检查工具，它可以用于检查代码的风格和潜在错误，并提供规范化和代码质量控制。
2023-06-19 10:06:40
5034
原创 vuepress使用简介及个人博客搭建
在 docs 目录下，可以新建多个 Markdown 文件，用于编写博客或其他文档内容。然后，在 docs 目录下新建 blog 和 about 两个目录，并在其中分别创建。在项目根目录下新建一个 .vuepress 目录，并创建一个 config.js 文件，用于配置 VuePress。首先，在 GitHub 上创建一个与博客网站同名的仓库，并将代码提交到该仓库的 master 分支。然后，在 my-blog 目录下创建一个 docs 目录，并在其中新建。文件用于展示博客列表和个人简介。
2023-06-19 09:42:00
960
原创 JS 可选链 ？.
当尝试访问可能不存在的对象属性时，可选链运算符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链运算符也是很有帮助的。）允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。总结 可选链 这种写法就是防止报错 判断值是否为null或者undefined。与函数调用一起使用时，如果给定的函数不存在，则返回。) 的情况下不会引起错误，该表达式短路返回值是。链式运算符，不同之处在于，在引用为空 (相信大家应该都写过类似的代码。
2023-06-19 09:38:00
423
空空如也
微信小程序 有什么办法解决 主包使用分包组件 页面报错
2024-01-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人