- 博客(32)
- 收藏
- 关注
RSS订阅原创 vue项目正确使用样式deep穿透
经常开发前端的程序员应该都知道前端一般都是组件化开发，为了避免样式污染通常会使用scoped添加属性选择器，此时如果我们想在父组件中修改子组件的样式便成了难题。其实，我们可以通过以下几种方式修改子组件样式，我们可以直接在父组件调用子组件时给组件添加样式，此方案只能添加子组件最外一层样式，如下。通过deep穿透样式，我们可以更改子组件内部任意样式，如下。注意，使用deep的演示类不能挂载在组件上，否则不生效。
2023-08-10 17:56:48
369
原创 vite项目开发npm包时调用其它依赖报错
我们在封装npm包时有时候会在npm包中添加外部依赖，在webpack模式下是没有问题的，但在vite模式下当我们在项目中使用封装的npm包时，启动会报外部依赖的相关错误。
2023-06-30 15:28:08
1076
原创 解决 APK(s) generated successfully for module ‘‘ with 0 build variants
使用Android Studio常规方式打包时出现generated successfully for module '' with 0 build variants问题，但是又没有报错，一头雾水，这时我们可以通过别的方式来打release包。
2023-06-29 11:36:49
2934
2
原创 多种方式实现web端截屏录屏
除了使用浏览器自带的webrtc以外，我们可以通过监听dom变化实现截屏和录屏，方便起见直接使用开源插件rrweb，由于得到的数据是dom层变化的JSON数据并非文件流，因此我们还需要使用rrweb-player来播放JSON。②实现截屏，正常来说实现dom截屏我们可以使用三方开源插件html2canvas，若是需要加入涂鸦功能，我们可以使用js-web-screen-shot插件。本文通过使用webrtc、dom监听、使用插件三种方式实现截屏，使用webrtc、dom监听来实现录屏。
2023-04-13 09:14:10
2088
1
原创 vue3怎样实现变量双向绑定
vue2可以通过data、props、computed等钩子绑定变量，vue3也有相似的方式，这里只说一下vue2中的data方式在vue3中的写法①通过reactive绑定：<templete> <div>{{value}}</div></templete><script lang="ts">import { toRefs, reactive } from "vue";export default{ setup(
2022-04-21 09:34:02
3380
原创 vue3怎样获取绑定页面dom元素
和vue2一样，vue3也可以在页面上通过ref绑定一个变量，<div ref="domRef"></div>但vue2使用this.$refs可以获取绑定的变量，而vue3虽然已经删除了this，但可以用以下方法绑定元素在setup方法中使用vue提供的ref绑定元素，网上大部分是使用import { onMounted, ref } from "vue-demi";export default{ setup() { const dom
2022-04-21 09:11:01
4776
1
原创 Android实现杀进程发送请求退出登录
在移动开发时，我们会面临一种场景便是为了安全考虑，在用户杀进程后清除用户后台登录状态，这里就要求我们在移动端杀进程时调用一个退出登录接口，下面便是Android怎么在杀进程时调用接口的方式： 1、新建一个子进程服务KeepAliveService，创建类KeepAliveService集成于Service，在AndroidManifest.xml文件中的application标签下添加服务：<service android:name=".KeepAliveS...
2021-10-18 14:53:42
1459
原创 iOS基于Swift或Object-C实现杀进程发送请求退出登录
在移动开发时，我们会面临一种场景便是为了安全考虑，在用户杀进程后清除用户后台登录状态，这里就要求我们在移动端杀进程时调用一个退出登录接口，下面便是iOS怎么在杀进程时调用接口的方式： 1、基于OC的iOS项目： 在项目中找到AppDelegate.m文件，在其中添加如下代码便可实现：- (void)applicationWillTerminate:(UIApplication *)application {// NSLog(@"以下为退出登...
2021-10-18 14:29:25
1699
原创 H5+等dcloud项目分享本地图片
在dcloud团队的项目中都有分享功能，可以放一个http远程图片地址，也可以放一个本地地址，远程图片直接放整个http地址，那本地图片要怎样放上去呢？这里以h5+项目为例，使用send方法分享时我们可以在thumbs属性中添加我们的图片，本来我认为直接传一个相对路径（相对于index）就可以了，结果发现微信没有识别到，这时我们就要考虑微信接收到的图片是不是还是一个地址，秉承这一猜测我将相对路径换成了图片在手机上的全路径，结果确实可以了。具体实现路径可以按照一下方法实现：...
2021-09-18 09:31:44
400
原创 高德地图js2.0使用MarkerCluster聚合点及添加点击事件
之前的博客中我便提过了在版本变化的趋势下，高德地图也在不断迭代，目前2.0一下版本已经在iOS15 beta版本不适用了，而且2.0一下版本由于卡顿等问题也不在符合用户的使用需要，升级迫在眉睫，但2.0对于标记的聚和与之前版本有较大区别，在此将写法记录一下，也希望能帮到大家。 2.0以前对于标记的处理是将标记全部在地图上画出来之后通过MarkerClusterer聚合，不仅对标记的修改较为复杂，还会导致严重的卡顿问题。而在升级到2.0后，标记的聚合便是通过MarkerClu...
2021-09-14 15:31:35
9857
32
原创 高德js版地图在iOS15 beta版本卡死的问题
首先，如果你的js版高德地图在iOS15 beta卡死，那么错的不是你，错的是这个世界，咳咳，跑题了！高德地图1.4.X版本在新版本iOS上会出现卡死的问题，并且非偶现，是必现的，这时，在求证了高德官方之后得知需要将地图版本升级成2.0，尝试了一下，确实没问题了，而且地图性能也提升了很多。 目前只发现在iOS15 beta版本有这个问题，但大概率之后正式版本也会出现，还在使用2.0以前版本的小伙伴及时升级欧，2.0版本很多方法和渲染逻辑有变化，改动量可能...
2021-09-09 11:35:30
1579
原创 Android PdfViewer预览pdf滚动或放大缩小时模糊然后正常的问题
AndroidPdfViewer的使用方法网上有很多，在此不过多赘述，详细信息可查看官网，解决模糊前需要了解为什么pdf会显模糊后正常，、在andoid上为了正常显示，显示前会先生成缩略图，而为了迅速显示缩略图，一般会降低清晰度，明白了原理就好解决了，修改缩略图的默认清晰度就行了，不仅是AndroidPdfViewer，其它文件预览同样如此。 说了原理说一下解决方法，AndroidPdfViewer自身提供了配置文件，可以在使用pdfViewer类之前使用以下代码C...
2021-07-01 10:46:06
2791
3
原创 flutter开发打Android release包以及权限丢失问题
1、打包：flutter开发代码编译好之后，flutter可以直接使用androidStudio打包，在此不赘诉，也可以使用flutter build apk --release在命令行打包，也可以将签名文件flutterBase放进项目中，并在build.gradle中加上Android签名证书配置signingConfigs { debug { storeFile file('flutterBase.jks') keyAlias 'key0'...
2021-06-22 11:00:46
1303
原创 鸿蒙开发js调用java的解释补充
华为官网上对鸿蒙开发js调用java代码也就是FA调用PA有详细的说明和示例，详见https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-js-fa-call-pa-0000001050435961#ZH-CN_TOPIC_0000001063148755__table15473281385 但文档中对某些说明可能不是很详细，在官方基础之上做一下补充：
2021-06-18 13:55:13
1015
原创 iOS zBar集成识别相册条形码和二维码（基于WKWebview和swift）
读取相册中的二维码/条形码，可以使用ZBarSDK，由于要上架新APP，但发现APP中ZBarSDK/libzbar.a库中包含uiwebview，现在苹果新APP上架禁用uiwebview，但网上基本没有不包含uiwebview的库，至此只能自己寻找源码修改后打包成静态库替换ZBarSDK中的libzbar.a，并将ZBarSDK中的所有UIWebView都改掉
2021-06-15 16:55:58
1021
2
原创 ionic数据变化页面不刷新问题
某些特殊情况下修改页面绑定的变量页面不会发生变化，尤其是从插件返回数据修改页面时，此时我们需要做数据检查，ionic已经为我们提供了数据检查的
2021-06-11 16:43:19
564
2
原创 数组方法的使用
本文通过一系列的例子说明数组的方法使用方式，仅介绍方法，并不一定为最优实现定义两个数组：let scoreListA=[{name:"name1",score:95},{name:"name2",score:89},{name:"name1",score:100},{name:"name4",score:92}]let scoreListB=[{name:"name5",score:97},{name:"name6",score:93},{name:"name7",score:95},{nam
2021-06-07 17:26:26
194
原创 forEach的使用注意事项
for循环和forEach的区别：1、forEach循环中中不允许使用同步函数，要使用同步函数需要使用for循环2、forEach中不允许使用break结束整个循环，也不可以使用continue,return可以当作for循环中的continue使用3、forEach由于生成了多个作用域，导致运行速度低于for循环，数据量少的情况相差无几4、forEach的可读性强于for循环结论：平时使用forEach，涉及到同步，性能问题时使用for循环...
2021-06-07 17:10:57
736
原创 flutter开发实现自动登录的方式
要想实现自动登录，就必须记住登录状态，我们可以通过shared_preferences比较轻量的插件实现数据持久化打开pubspec.yaml文件，dependencies模块加入
2021-06-03 19:38:32
1926
1
原创 百度身份证识别插件导致二维码扫描慢的问题
集成百度身份证识别插件ocr_ui-release.aar后发现二维码扫描的速度明显变慢，无论是使用zxing还是使用华为的统一扫码服务会出现此问题。
2021-06-01 17:26:27
423
5
原创 Cordova ionic开发获取iOS状态栏高度
文章目录前言 使用步骤 提示前言通过Cordova插件获取iOS手机状态栏高度使用步骤插件源码：@objc(Status) class Status: CDVPlugin { @objc func getStatusHeight(_ command:CDVInvokedUrlCommand){ let height = UIApplication.shared.statusBarFrame.height let result =.
2021-05-13 17:06:35
489
原创 js在Android端实现只出现光标不出现软键盘
文章目录前言 实现方式 总结前言本文介绍了怎样在混合开发模式上Android端实现只出现光标不出现软键盘的功能实现方式:调用方式：<input id="test" onclick="keyborad()">实现方法： keyborad(){ document.getElementById("test").setAttribute("readonly","readonly") setTimeout(function() { ..
2021-05-13 16:40:33
314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人