- 博客(52)
- 收藏
- 关注
RSS订阅原创 【uniapp】微信小程序分享收藏功能
Mixin可以是一个普通的对象，也可以是一个被定义为Vue实例的组件。当一个组件使用mixin时，mixin中的选项会和组件的选项进行合并。如果有重复的选项，组件的选项会覆盖mixin中的选项。Vuex公共状态管理，如果在一个组件中更改了Vuex中的某个数据，那么其它所有引用了Vuex中该数据的组件也会跟着变化。使用mixin的好处是可以将一些通用的逻辑和功能提取出来，以增加代码的复用性和可维护性。Mixin中的数据和方法都是独立的，组件之间使用后是互相不影响的。借助mixin实现所需界面的展示。
2024-04-16 11:45:50
398
原创 【uniapp】多端打包（h5...)
1. h5HBuilder X -> 项目目录中manifest.json发行查看打包文件（用浏览器打开就行了）或者直接运行在浏览器中
2024-04-09 23:27:41
437
原创 【uniapp】uniapp实现免密登录
setStorageSync第二个参数是任意类型，支持被 JSON.stringify 序列化的对象，可以将存储的时间和。不好的点是存储会花费一些时间，可能会可能会阻塞主线程，导致界面卡顿或者无法响应用户的操作。onLaunch初始化完成时触发并且全局只触发一次，早于全局路由。打开一个网页或小程序的时候，我们有时候会自动进入主页，而不是登录页面。的时间戳小于当前时间戳，则表示已经超过有效期，需要重新登录。如果路由跳转逻辑复杂，建议使用全局路由，也好方便管理。如果不要求实时性，推荐使用。之后可能要获取
2024-03-26 21:33:09
959
1
原创 【JS】浅谈浅拷贝与深拷贝
我们对数组或者对象进行操作的时候，有时并不想操作原始对象，就会将对象或数组复制出新一份，在新的一份中进行操作。深拷贝与浅拷贝是常用于对象或数组进行复制。浅拷贝引用同一块内存，会影响原数据基本类型值不变，引用类型会改变实现方式：… , Object.assign() , slice(),concat()深拷贝新开辟内存，不影响原数据基本类型和引用类型不改变循环递归, JSON.stringify() , loadsh库中_.cloneDeep()
2024-03-13 22:16:37
914
原创 【JS】浅谈防抖与节流
防抖与节流算是面试题常问的一题。各个博客也经常拿电梯举例，再回顾一下。防抖：假设你进入一部电梯，当你按某个楼层，电梯10秒关一次门，正要关闭的时候。另外的人又按了开门的按钮后进入电梯，此时电梯门又要等10秒中关闭。直到没有人按开门按钮，最后的关闭按钮才会关门。节流：我们上下班经常坐地铁，我们知道每到一站会有个15秒上下客时间，超过15秒地铁门就会关闭，坐不上和坐过站的都只能等下一辆地铁。防抖: 执行最后一次节流：每隔一段时间执行一次。
2024-03-11 15:17:42
893
原创 【JS】关于this的使用
痛点经常写Vue项目，现在自己问题是只知道如何使用，但是不知道为什么用它。Vue2通过它获取Vue实例上的属性，而Vue3写法基本上抛弃它了。为什么抛弃它呢？例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2024-03-06 18:40:12
1106
1
原创 使用CSS计算高度铺满屏幕
今天写项目时出现高度设置百分百却不占满屏幕，第一反应看自己设置的是块级元素还是行级元素。看了几篇博客，发现并不能解决问题。脱离文档流的做法都没考虑，前期模板搭建脱离文档流，后面开发会出现很多问题。以上图片是我要解决的问题。
2024-01-17 12:02:56
1163
原创 Vue3+Ts+Element Plus 创建项目模板
现在Vue3和ts逐渐成为主流，今天刚接了一个后台管理需求，考虑用现在流行的框架技术做。接下来全用npm包管理器。
2024-01-16 15:35:16
672
原创 关于Vue使用props传值遇到的一些问题
翻译过来：数据属性“tableData”已声明为prop。请改prop默认值。将父组件的prop传过去变量改一下。
2023-11-06 16:27:05
496
原创 使用React18+Ts创建项目
使用脚手架创建项目后，自带react-dom等依赖项，但react中的所用的路由方法是react-router-dom中。运行成功后，你应该可以通过 http://localhost:3000 访问到你的应用程序。完成上述步骤后，我们还可以使用sass,less等预处理器来处理样式。新建一个router文件夹，里面创建index.tsx文件。这样我们就可以直接在项目中使用sass样式。
2023-09-09 11:15:17
490
原创 CSS scoped 属性的原理
在 Vue 组件中，为了使样式私有化（模块化），不对全局造成污染，可以在 style 标签上添加 scoped 属性以表示它的只属于当下的模块，局部有效，使样式互不污染。如果引用了第三方组件，需要在当前组件中局部修改第三方组件的样式，而又不想去除 scoped 属性造成组件之间的样式污染。给所有组件实例添加了一个唯一不重复的动态属性，给每个标签对应的dom元素添加一个标签属性，data-v-xxx。每个选择器的最后一个选择器添加一个属性选择器，原先#app，更改后#app[data-v-xx]
2023-08-22 23:22:58
1567
原创 Web Worker的使用
JavaScript采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。每个任务将按顺序运行；必须先完成一项任务，然后才能开始下一项任务。Web Worker的出现，就是给js创建多线程的环境。这样，一些高延时的任务，就可以交给webworker去执行，主线程负责UI交互，这样主线程就不会被阻塞。
2023-08-21 11:24:05
2399
原创 【es6】中的Generator
Generator 函数是一种异步编程解决，可以更好的控制函数执行。其中yield是同步的，调用next()才能打印出值。函数返回的是一个对象，而next方法返回的也是一个对象，其中有value（值），done（是否遍历完）。一个next对应一个yield语句，当最后done为true时，再调用next方法，值都是undefined。全部遍历可使用for…of，其原理还是数据结构内部有iterator接口。
2023-08-20 23:03:24
417
原创 【Vue3】localStorage读取数组并赋值的问题
今天在写项目用到localStorage进行存储并读取数据，并将读取到的数据存放到列表的时候，发现vue3不能直接对数组进行赋值。因为Vue3的响应式是proxy，对所有的数据进行了拦截。可以看出来JSON.parse（）解析出来是一个数组，里面包含很多对象。现在的问题变成了如何从数组中取出每个对象的值，并将它们存放到数组中。
2023-08-08 10:49:50
496
原创 Vue兄弟间通信之---EventBus
eventBus原理是创建一个空Vue实例, 然后在上面挂载通讯事件, 在响应事件时, 可以认为这个Vue实例(组件), 是所有组件的父组件, 在触发事件时, 可以认为这个Vue实例, 是所有组件的子组件。实质上EventBus是一个不具备 DOM 的组件，它具有的仅仅只是它实例方法而已。EventBus被称为事件总线，和Vuex类似。
2023-07-27 10:50:37
595
原创 uniapp中出现Cannot send network request to localhost.
uniapp中连接本地接口出现Cannot send network request to localhost.
2023-07-19 11:22:17
194
原创 【uniapp】cover-image的click事件不生效
使用uniapp中的cover-image标签，添加点击事件却不生效。查了代码发现都是正常的。参考其他博客，基本都是z-index层级设置的问题，cover-image级别设置到9999发现还是不行。后来怀疑是冒泡问题，但是我这是第一个点击事件，也不存在这问题。我把所有z-index都重新去掉试了一下，发现是我canvas中设计的层级有问题。问题点我之前把canvas层级设置到最底层，去掉就好了。不明白设置到最底层，而图片层设置高一点为什么不行？
2023-07-14 18:09:55
803
原创 SyntaxError: Unexpected token u in JSON at position 0
【代码】SyntaxError: Unexpected token u in JSON at position 0。
2023-06-15 15:47:53
452
原创 element中el-tree取不到数组数据
这两天数组赋值总是出现ob_:observer，代码也是同样的。但是dom却渲染不上，读不到数据。一开始我因为是因为数组中出现ob_:observer这个原因，在搜了大量的博客后，依然解决不了。发现defaultProps中的label要与接口中的字段名要一样，要不然映射不上。最后怀疑是element中el-tree中哪里定义错了，去官网看，
2023-04-26 14:51:27
321
原创 【webpack】开发项目中常用webpack配置
目前部分浏览器和 Node.js 已经支持 ES6，但由于它们对 ES6 所有的标准支持不全通常我们需要把采用 ES6 编写的代码转换成ES5 代码。
2023-04-18 14:29:25
162
原创 【bug】vue3中图片显示404问题
我的图片放在了src目录下的assets文件夹中，当我正常引用时发现404问题当我在上面多引入一个的时候发现变成了当前组件下的图片文件。
2023-04-12 13:34:57
366
原创 [vue-cli 3] vue.config.js的配置参考
vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。我的是vue-cli 3.11版本。
2023-03-31 17:21:13
1800
1
原创 【bug】ERROR in C:\src\store\index. TS1005: ‘(‘ expected.
的符号，秉着出现问题找前一行的心态，应该是我records那里有问题。ts代码运行的时候出现此问题，查看报错行。
2023-03-30 16:25:47
220
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人