- 博客(50)
- 收藏
- 关注
RSS订阅原创 从vue2迁移到vue3(迁移过程遇到的一系列问题)
本文是在将项目从vue2迁移到vue3上时遇到的一些问题（从vue2+webpacket 迁移到 vue3+vite），在此进行一些记录，并不能包含所有情况。因为vue3较vue2变化大，组件库也会有较大的变化，使用的组件库组件出现错误、显示异常等情况需要查看新的组件库文档确认组件使用是否发生了变化。子组件中根元素中写有id的要注意，在使用子组件时如果添加了id，这个id会覆盖子组件根元素中的id.3. 项目组件中定义的name，不要同名（vue2中是可以的）包含多个元素在vue2中也是不标准的）
2025-03-05 14:19:35
322
原创 深拷贝与浅拷贝
浅拷贝适合当你只需要复制对象第一层属性的场景。深拷贝适合需要完全独立复制，包含嵌套对象的场景，但要注意其潜在的性能影响以及某些方法的局限性。
2024-02-21 11:35:53
475
原创 iOS(swiftui)——网络连接（Moya）
iOS(swiftui)——网络连接（Moya），定义网络通用模型，使用MoyaProvider来初始化网络请求，发送请求，并处理响应或者错误
2023-12-07 16:40:16
1729
3
原创 iOS(swiftui)——系统悬浮窗( 可在其他应用上显示，可实时更新内容)
iOS(swiftui)——系统悬浮窗( 可在其他应用上显示，可实时更新内容)
2023-12-07 08:56:31
2912
原创 手机升级到iOS15.8后无法在xcode(14.2)上真机调试
打开/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport。之前手机是iOS14.2的系统,在xcode上进行真机测试运行良好，因为想要使用Xcode的Instruments功能，今天将系统更新到了iOS15.8 ，结果崩了。找了一圈发现目前并没有15.8的真机包，于是按照有些方案说的把离15.8最近的真机包复制改名为15.8，于是将15.7复制改名为15.8，但还是不行。
2023-12-04 16:40:05
3109
2
原创 xcode swiftui项目添加依赖
其他依赖需要在 Add Other中添加，在右上角用名字搜索或者URL地址(如GitHub上插件的地址)搜索,然后添加，也可添加本地文件。打开项目targets——Build Phases 点击“+”属于Apple SDKs的依赖可以直接添加。
2023-12-01 18:00:33
1268
原创 SwiftUI ——扫码
swiftui扫码功能。在Info.plist文件中配置相机权限 Privacy - Camera Usage Description。2.实现UIViewRepresentable，展示扫描视频流。协议，用于处理扫描到的元数据对象；
2023-12-01 09:59:09
563
原创 ios(swiftui) 属性包装器详解
ios(swiftui) 属性包装器详解 @State @Binding @ObservedObject @Published @StateObject @EnvironmentObject @Environment @AppStorage
2023-11-29 13:56:04
845
原创 swift ui 布局 ——Stack（HStack、VStack、ZStack）
swift ui 布局 ——Stack（HStask、VStack、ZStasck），Spacer() 填充空间配合Stack实现复杂布局
2023-10-11 17:43:39
2890
原创 部署私有npm 库
登录成功发布包，在要发布的包根目录下执行 npm publish。出现如下相关提示，说明verdaccio安装成功。出现如下相关提示，说明verdaccio启动成功。本文只作简单配置，更多配置说明见 官方配置说明。在发布前需要先登录npm帐号,没有帐号先注册。发布成功后在包管理界面就能看到已经发布的包。访问提示的网址可以看到包管理界面。使用verdaccio。安装verdaccio。运行verdaccio。verdaccio配置。发布包到私有npm库。
2023-03-24 15:01:32
738
原创 HBuilder uniapp 真机测试打包测试
目录一、真机测试1.Android2. ios二、打包测试1.Android2. ios方法一：TestFlight测试方法二：直接使用ipa包安装到手机一、真机测试1.Android打开手机开发模式（本文以华为p40为例，不同手机可能不同，请自行查询）（1） 首先用数据线连接电脑，usb链接模式改为传输文件（2）设置——>关于手机——>双击“版本号” 弹出“你已处于开发者模式”后，开发者模式开启成功然后进入（3）设置——>..
2021-09-08 17:28:00
4241
转载 ios真机调试教程（不上架App Store安装到手机）
详细步骤 1 1、申请一个APPid（应用标识符 2、添加调试设备 3、申请iOS调试证书 4、配置调试描述文件 5、iOS打包ipa 6、安装到手机调试 END 一.创建唯一标示符App IDs 1 登录苹果开发者中心，进入证书页面。 点击证书、ID及配件文件，进入设置。 2 选择App IDs –>点击+创建一个新的App ID 其中有两项需要你自己填： 第一项Name，
2021-09-08 17:12:28
8455
原创 关于谷歌无法携带cookie的解决方案
1.Chrome80Chrome升级到80版本之后cookie的SameSite属性默认值由None变为Lax，这也就造成了一些访问跨域cookie无法携带的问题。比如本地调试时使用http://localhost:3000/，而cookie是种在测试环境路径下这就造成本地调试跨域访问不通了。可以考虑在本地开发环境下disable该SameSite属性。在Chrome中访问chrome://flags/，搜索SameSite并设置为disabled即可。2. Chrome 90直接把选项给关
2021-09-02 08:36:00
2872
原创 使用谷歌浏览器中的Lighthoust进行页面性能检测
1.可以使用检测工具如下在这里我们使用Lighthouse(谷歌浏览器自带)2. 在谷歌浏览器开发工具中打开 Lighthouse会出现如下界面Categories 按需选择要检测的内容Device 选择 Desktop 桌面端（根据自己需求）点击Generate report 按钮开是性能检测,会自动刷新多次进行检测，检测完成后会出现如下图的检测结果页面在检测结果中可能看到性能检测结果检测结果会显示相关检测评分及一些优化建议，我们可根据检测结果和优化建议对页面进行优化
2021-06-30 14:46:40
743
原创 Vue3+webpack4框架搭建
1、安装 vue3脚手架官方文档：https://www.vue3js.cn/docs/zh/guide/installation.html#npm下载vue3npm install vue@nextyarn global add @vue/cli@next# ORnpm install -g @vue/cli@next然后在 Vue 项目运行：vue upgrade --next安装好后...
2021-05-20 13:21:19
1028
转载 通俗易懂的贝塞尔曲线讲解（转载）
最近在看svg相关知识时，看到贝塞尔曲线，之前也知道有这个，但一直不知道它到底是个什么东西（大学好像学过，但已经还给老师了）在网上找到一篇一看就懂的讲解在Android开发和面试中（尤其是一些中高级岗位面试），面试官可能会问你自定义控件的详细内容，我们知道自定义控件这一块涉及到的内容很多，回答的越多越深入，那么面试的印象会更好。自定义控件涉及的内容比如测量和绘制、事件分发的处理、动画效果的渲染与实现，当然还有不得不提的贝赛尔曲线（实际上一些面试官自己都不是很理解二阶贝塞尔、三阶贝塞尔曲线等概念.
2021-05-10 11:38:53
1557
原创 uni-app 文件下载
官方文档：https://uniapp.dcloud.io/api/file/file?id=opendocument在uni-app官方文档中，提供了uni.downloadFile 方法来下载文件，但是该方法不支持h5端，所以我这里h5端使用了页面a标签来下载文件代码如下，是h5、app、微信端的下载功能if (this.platform === 'H5') {//h5使用a标签下载 let el = document.createElement('a') d.
2020-10-30 16:56:17
5717
3
原创 浏览器渲染流程
概念解释DOM Tree：浏览器将HTML解析成树形的数据结构。CSS Rule Tree：浏览器将CSS解析成树形的数据结构。Render Tree: DOM和CSSOM合并后生成Render Tree。layout: 有了Render Tree，浏览器已经能知道网页中有哪些节点、各个节点的CSS定义以及他们的从属关系，从而去计算出每个节点在屏幕中的位置。painting: 按照算出来的规则，通过显卡，把内容画到屏幕上。reflow（回流）：当浏览器发现某个部分发生了点变化影响了布局，需要倒回
2020-10-30 15:45:08
221
原创 git 常用命令
一.克隆已有项目克隆，复制项目地址克隆项目默认分支（master)git clone 项目地址克隆指定分支git clone -b 指定分支名 远程仓库地址二.项目上传(进入项目文件夹) 通过命令 git init 把目录变为git 可以管理的仓库git init2.把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .3.用命令 git commit告诉Git，把文件提交到仓库。引号内为
2020-10-29 10:06:26
140
原创 uni-app混合开发 navigateTo、reLaunch、redirectTo、switchTab区别
1.navigateTo保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。要注意的是navigateTo只能跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数；如果跳转url参数为tabBar的路径则无法进行跳转2.redirectTo关闭当前页面，跳转到应用内的某个页面。需要跳转的应用内非 tabBar 的页面的路径，路径后可以带参数3.reLaunch关闭所有页面，打开到应用内的某个页面。需要跳转的应用内页面路径 ,
2020-10-21 15:02:42
10878
原创 setInterval在浏览器切换时加速（setInterval休眠）解决方案
现象：使用setInterval定时器时经常会出现一个现象，从定时器页面切换到其它页面或者其它应用时在回到页面，会发现定时的动画会加速执行原因：浏览器本着节省内存的性质，当切换到其他页面时，页面的定时器会延时执行，当切换回来的时候被延时执行的动画会一次依次执行，这样我们就会看到动画加速运动，出现错误，在轮播图之类的页面经常会发生这样的情况解决方法一：在这里我们需要用到以下三个知识点：document.onvisibilitychange ：只要页面发生变化，不管是切换到其他的页面还是把浏览
2020-10-14 11:46:21
4266
1
原创 vscode 使用eslint（保存自动格式化）
前提：在package.json中安装了eslint的依赖1.在项目跟目录添加.eslintrc.js 文件// https://cn.eslint.org/docs/rules/// /* * "off"或者0，不启用这个规则 * "warn"或者1，出现问题会有警告 * "error"或者2，出现问题会报错 */module.exports = { root: true, //此项是用来告诉eslint找当前配置文件不能往父级查找 env: { //环配置 如 "bro
2020-08-26 10:32:26
11176
1
原创 vscode 使用 使用快捷键添加注释 （使用KoroFileHeader）
1.安装插件KoroFileHeader安装成功后就可以自动添加注释了 文件头部添加注释: 在文件开头添加注释，记录文件信息/文件的传参/出参等 支持用户高度自定义注释选项, 适配各种需求和注释。 保存文件的时候，自动更新最后的编辑时间和编辑人 快捷键：window：ctrl+alt+i,mac：ctrl+cmd+i,linux:ctrl+meta+i 在光标处添加函数注释: 在光标处自动生成一个注释模板 支持用户高度自定义注释选项 快捷键：windo...
2020-08-25 17:09:57
6041
原创 react ant-design-pro项目搭建（三）——调用接口实现与服务器的交互
在下载的脚手架中已经有调用接口实现与服务器的交互的例子了，我们以登录流程为例来进行讲解1.在services层创建名为login的service,定义调用后端接口的方法2.在model层创建名为login的model调用services中方法import { stringify } from 'querystring';import { router } from 'umi';import { fakeAccountLogin, getFakeCaptcha } from '@/s
2020-08-10 10:10:58
2117
原创 react ant-design-pro项目搭建（二）——开发生产环境配置
reactant-design-pro项目搭建——开发生产环境配置1.找到evn.js 将相应的api地址修改成自己的2.找到request.js 修改配置对url请求进行拦截处理，代码如下 ：/** * request 网络请求工具 * 更详细的 api 文档: https://github.com/umijs/umi-request */import { extend } from 'umi-request';import { notificatio..
2020-08-06 18:28:57
1931
1
转载 react ant-design-pro项目搭建*（一）——脚手架准备
reactant-design-pro项目搭建——脚手架准备ant-design-pro官网：https://pro.ant.design/docs/getting-started-cn前序准备你的本地环境需要安装yarn、node和git。我们的技术栈基于ES2015+、React、UmiJS、dva、g2和antd，提前了解和学习这些知识会非常有帮助。安装新建一个空的文件夹作为项目目录，并在目录下执行：yarn create umiornpm cre...
2020-08-06 18:13:43
1951
原创 ES6扩展运算符使用
1.将字符串转为真正的数组。[...'hello']// [ "h", "e", "l", "l", "o" ]2.合并数组arr1.push(...arr2) // 把arr2合并到arr1的后面arr1.unshift(...arr2) //把arr2合并到arr1的前面如果你想在数组内合并数组，你可以像下面这样做：var arr1 = ['two', 'three'];var arr2 = ['one', ...arr1, 'four', 'five'];3.复制
2020-06-06 11:20:58
263
转载 在vue中highlight.js实现代码高亮，自定义插件
在 vue-cli3 项目中，通过highlight.js，实现页面中代码高亮。请先了解highlight.js官网中的使用说明。1. 安装npm install highlight.js --save2. 封装成vue插件官方文档---自定义插件官方文档---自定义指令新建highlight.js文件，并添加：// src/utils/highl...
2020-04-20 18:50:49
1309
原创 vue+elementUI+vue-i18n实现国际化
1.安装:npm install vue-i18n2.vue.js+vue-i18n+elementUI国际化配置在main.js同级建i18n文件夹，并里面建i18n.js、langs文件夹，langs文件夹下建en.js、cn.js目录如下:i18n/i18n.js//i18n.jsimport Vue from 'vue'import VueI18n from...
2020-01-16 12:11:02
466
转载 Vue这些修饰符节省20%的开发时间
Vue这些修饰符帮我节省20%的开发时间作者：李大雷https://segmentfault.com/a/1190000016786254为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~目录 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符（实在不知道...
2020-01-15 18:06:35
174
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人