经验分享 未读
iOS开发如何检测手机是否安装了某一个应用,检测是否安装微信iOS应用大多都有urlscheme,比如通过广告点击进入的应用都需要来源标识,所以大多数应用都支持这个功能。并且在一些应用支持微信登录的时候,如果手机没有安装微信,根据Apple的要求是要隐藏微信图标的。那么我们就要先知道用户手机有没有安装微信才行。
首先配置url白名单我们需要将微信添加白名单才可以检测是否安装微信。
进入项目的设置中。
添加一条配置项目:LSApplicationQueriesSchemes
将我们需要的应用链接添加进来。
例如微信的urlscheme为:weixin://
那么我们的白名单填写weixin
通过urlscheme检测是否安装微信然后我们需要在代码部分进行判断。
1234567///检测应用是否被安装func isAppInstalled(scheme: String) -> Bool { if let url = URL(string: scheme) { return UIApplication.shared.canOpenURL(url) } return false& ...
经验分享 未读
如何自己搭建busuanzi不蒜子平台,搭建静态博客的访问量统计
本站网页统计从2023年8月9日开始,之前的统计数据已全部清除。目前没有找回计划。算是作为一个新的开始吧。
之前看了一下网站的网络响应,可以说busuanzi占用了50%多的时间,busuanzi不蒜子太慢太卡,而很多静态博客都是用的busuanzi。毕竟公益免费。但是速度实在是太慢了,严重拖垮了网站速度。所以我放弃了数百万的数据,还是自搭建比较香,博客速度提升一大截。
看到杜老师开的公益项目,自搭建了一个busuanzi。所以说如果你想直接白嫖的话可以用一下杜老师提供的服务。使用杜老师服务就不需要再看下去啦~
杜老师自建国内不蒜子统计平台
请勿使用本文示例的busuanzi地址,因为有域名限制,仅限我使用
因为我个人习惯对于数据要求有掌控能力,并且对于用户隐私有一些方面的考量,所以这个文章就是具体介绍如何自己搭建busuanzi服务。相比于项目的官方文档,这个博客文章会更加细致的介绍,并对文档一些错误内容进行修正。
Github项目地址
项目作者
需要你需要拥有一台服务器,拥有docker环境并支持docker-compose。宝塔环境。
添加站点我们来添加一个站点,例如我添 ...
经验分享 未读
SwiftUI的MacOS项目如何给应用添加开机启动项,登录时自动启动最近在研究如何让敲木鱼支持开机自动启动,从SMLoginltemSetEnabled研究到SMAppService。因为敲木鱼是只支持macOS13版本以上的应用,所以我只需要适配SMAppService就可以了。SMAppService非常方便。
文档文档地址
我们可以用mainApp就可以实现添加本应用的启动项操作。
通过登录启动项状态可以看到目前登录项目是否被开启。
通过register和unregister可以实现添加和删除启动项。
示例123456789101112131415161718192021222324252627282930import SwiftUIimport ServiceManagementstruct ContentView: View { @State var launchAtLogin: Bool init() { self.launchAtLogin = SMAppService.mainApp.status == .enabled } var body: s ...
经验分享 未读
如何在Swiftui中如何使用SF符号SF Symbols,以及与客户端配合使用方法在构建Swiftui项目时,如果是比较遵循Swiftui的结构,那么大家肯定都非常乐意使用Apple自带的SFsymbols图标。那么这个文章就是来介绍我是如何使用SFsymbols来构建我的应用的。
下载客户端你需要使用SFsymbols客户端来查看所有支持的图标,这是一种非常便捷的方式。并且因为你只需要在应用中访问,而不是网页,所以打开速度和性能非常棒。
下载客户端
安装完成我们就可以看到图标了
使用图标最简单的使用就是在Swiftui下使用systemName的Image。例如:
1Image(systemName: "star")
那么这个systemName是哪里来的呢
选择我们需要的图标,按下command+shift+c即可复制你选中的图标的名称。
版本适配我们需要注意,一些新的图标是不支持旧版系统的。所以当你使用iOS16专属图标时,在iOS15的设备上则什么都不显示。
所以你需要注意图标的版本问题。
展开检查器,我们可以看到单色图标的适配版本。
在文本中插入图标sfsymbol本身是字体图标,所以我们可以在文本中非常方便的插入图标。例如
1 ...
经验分享 未读
让网页支持iOS添加到主屏幕全屏应用,webapp启动图生成工具好久没有写魔改了,这次写一个提升网页体验的魔改教程吧!因为比较喜欢打开APP的感觉,但是为了博客做一个app显然是大材小用了。毕竟也不是社交媒体社区之类的。所以一个简单的类似应用内一样的app是最好的。看到了爱发电的iOS版本用的就是添加网页到桌面的方式,但是没开启pwa,所以我就尝试一下复刻。
这里展示的是Hexo的Butterfly主题的修改方法。其他网页的修改方法大同小异,无非是head标签里面添加一些meta和link代码。
至于为什么不用原生的PWA,主要还是bug太多了,要做的兼容性适配太多了。
废话不多说,我们开始吧!
修改head文件themes/butterfly/layout/includes/head.pug
1234567891011121314151617181920212223242526272829303132333435//- pwameta(name='apple-mobile-web-app-capable', content='yes')meta(name=' ...
我的项目 未读
如何让博客支持AI摘要,使用TianliGPT自动生成文章的AI摘要最近研究AI在博客和文章领域的应用,发现AI摘要是一个很不错的方向,研究了很久给搞出来了。在这篇文章中,我将帮助大家如何让你的博客接入TianliGPT。
访问项目Github仓库
随机访问已经支持TianliGPT的网站
效果预览
什么是TianliGPTTianliGPT是一个专业的文字摘要生成工具,你可以将需要提取摘要的文本内容发送给TianliGPT,稍等一会他就可以给你发送一个基于这段文本内容的摘要。
实时生成的摘要
自动生成,无需人工干预
一次生成,再次生成无需消耗key
包含文字审核过滤,适用于中国大陆
支持中国大陆访问
如何部署TianliGPT我们可以通过在网页中嵌入TianliGPT的服务支持,让TianliGPT能够获取到你需要提交的内容。
在博客靠后的位置位置引入js和css(需要在文章之后)
123456<link rel="stylesheet" href="https://cdn1.tianli0.top/gh/zhheo/Post-Abstract-AI@0.11/tianli_gpt.css">& ...
我的项目 未读
微信公众号静态单页 - 优雅的让用户关注你的公众号,展示公众号二维码的页面大多数站长其实比较喜欢在自己的页面上悬浮显示自己的公众号二维码,我其实一直对这种行为非常排斥。因为二维码这种东西在我看来并不好看。即使你做了美化,那结果其实就是屎上雕花而已。所以我从一开始设计关注公众号挂件时,就避免用户直接看到二维码。
那么如何才能显示二维码呢?一般来说,要么是通过鼠标hover悬浮,要么通过跳转。悬浮显示二维码很常见,但是对于移动端的适配很不友好。毕竟手机端根本没悬浮嘛。做兼容性做成点击也可以,就是麻烦。跳转可以说是最简单最容易生成的方法了。
之前是直接跳转一个二维码图片url,后来感觉这个方式太不优雅了,于是写了一个简单的html单页用来展示公众号关注二维码。
效果预览预览网站
就是非常简单的一个单页面,方便展示二维码。你可以通过修改代码和图片自定义你想要的信息。
开源仓库Wechat-Official-Account-Web
我的项目 未读
HeoMusic - 一个开源的基于Aplayer和MetingJS的静态音乐播放器看到安知鱼写的独立的音乐,感觉很不错,突发奇想想要给自己写一个音乐播放器,用于iPad挂墙上的时候放音乐显示歌词。虽然Apple Music的界面我非常喜欢,奈何中文曲库还有待完善。其他音乐app界面都太丑了,所以写了一个静态网页。
效果预览
HeoMusic - 用音乐感染人心
特性多设备兼容性支持
清晰的歌词展示
较好的性能
部署你可以直接fork或者下载HeoMusic仓库,然后直接上传到你的服务器或者使用vercel、githubpage等在线服务将仓库在线部署。这里不过多赘述。
基本操作Space空格键:暂停/播放音乐
上/下方向键:增加/减少音量
左/右方向键:上一曲/下一曲
修改歌单ID歌单的id,可以从音乐歌单分享的链接中获取,例如https://y.qq.com/n/ryqq/playlist/8668419170中,id为8668419170
Server歌单的服务商,例如netease(网易云音乐),tencent(腾讯),kugou(酷狗),xiami(小米音乐),baidu(百度音乐)
使用URL参数(推荐)HeoMusic支持U ...
经验分享 未读
网页H5字体文件只提取项目中用到的文字,大幅度压缩字体大小近期有个项目,我的设计稿中用到了一些宋体,但是作为移动端H5页面大多都只有系统默认的字体,偏黑体更多一些。但是纯黑体表现的更多是简洁、严肃、理性。但是如果想表达更加感性的东西时,我们可能更多的是需要宋体来突出文化底蕴。
虽然文字比较少,但是使用图片的方法一个是体积太大,一个是不容易编辑,再一个就是不清晰。
我这里使用的是font-spider来进行字体压缩。在此之前我也测试了一波fontmin等,很多都是兼容性较差,上古软件不适配新版字体。所以这个文章的方法是我目前用起来可用性最高的。
让第三方字体仅包含用到的文字,可以有效减少引入的字体大小。
安装font-spider使用终端(或者cmd)输入下面的代码回车
1npm install font-spider -g
创建一个html文件首先我们创建一个文件夹,里面要包含
一个空白html文件index.html
一个字体文件font.ttf
html文件中我们插入下面的代码
123456789101112131415<p>每日打卡活动须知赞助商积分排名精彩投稿领奖机构</p><style> @ ...
翻译内容 未读
如何让iOS应用支持更换图标,用户自定义应用图标功能开发之前给敲木鱼做的一个更换图标功能,其实做这个功能比我预想的简单多了,很多应用的付费功能都包含尊贵VIP图标等等。这个是我开发时看到的教程。翻译一下发上来,并且添加了一些坑的规避。帮助更多的开发者支持这个功能。
本文为转载文章,以下内容来源于
How to change your app icon dynamically with setAlternateIconName()
hackingwithswift
iOS为开发者提供了以编程方式改变其应用程序图标的能力,尽管需要花点功夫来设置。它也不像你希望的那样强大–例如,你不能重新创建时钟应用程序的移动指针。改变你的应用程序的图标的实际代码是微不足道的,但首先有一些设置工作,因为你必须在你的Info.plist文件中声明所有可能的图标。这背后的过程远非最佳,现在最好的做法是将你的Info.plist编辑成XML,而不是试图使用Xcode中的内置属性列表编辑器。
为了开始工作,我们 ...
经验分享 未读
Swift的User Defaults报错:Failed to read values in CFPrefsPlistSource解决方法近期每次运行都发现报错,找了好久找到了方法。不过根据这个方法改完之后还需要自己迁移一下User Defaults的group地址中的数据。否则老用户打开直接就没数据。
错误提示1[User Defaults] Failed to read values in CFPrefsPlistSource<0x1700f1280> (Domain: group.x.p.t.o, User: kCFPreferencesAnyUser, ByHost: Yes, Container: (null)): Using kCFPreferencesAnyUser with a container is only allowed for System Containers, detaching from cfprefsd
解决方法在我们的appgroup地址填写规范时,只填写了group.com.***.***这种形式,但是这种形式我们其实是不允许使用的。我们正确的格式应该是teamid.group.com.***.***
所以只要更改自己appgroup的变量地址即可消除这个报错。
查询自 ...
转载内容 未读
Xcode的Swift添加注释方法,添加注释、标记弃用、标记改名、编写代码文档一直以来我只是用双斜杠进行注释,但是我发现Xocode官方会有专门的注释,按option点击就会出现相关的注释内容。研究了一下发现Swift的注释非常强大。
本文为转载文章,以下内容来源于
Xcode 中的 Swift 代码注释
Wei_You
前言写代码也有一段时间了,代码中注释也是写了不老少,但在和同事一起开发的时候才发现了问题,大家注释的样子各成一体,没有能写出苹果官方注释的样子。大概就是注释的语法上出了问题,于是自己就主动学习了下 Swift代码的注释语法格式,记录下自己学到的东西。
注释语法单行注释1// 单行注释
单行注释主要出现在. swfit 文件的顶部,记录代码文件的一些信息。
另外也出现在代码中,用于记录对于单行代码的解释。
单行文档注释1/// 单行文档注释
当我们用 ⌥ + 鼠标左键,点击代码时,可以查看属性或者方法的文档页面,更直观的查看代码的文档说明。
多数时候,我们都在使用这个方法注释类, ...
我的项目 未读
如何下载APP的高清图标?调研、PPT竞品分析等应用图标下载工具在互联网行业做汇报、调研不可避免的要下载各种各样的APP图标,那么有什么方法可以快速下载图标呢?
在搜索的时候发现一个上古项目,八年前的老项目了:icon-finder,意外发现这个老项目竟然还可以用。
但是作者自己的页面没标题也没https,毕竟是开源项目,我就直接拿过来部署在自己服务器上了,运行能快一点。
博主部署站
开发者原站
以上两个均可使用。不过「博主部署站」未来可能再魔改加些东西(又挖坑)。
网站预览直接右键单击复制图片即可粘贴到PPT或者keynote中。
免费无广告部署上了,有需要的可以点个收藏。
经验分享 未读
SwiftUI让应用支持从第三方app中打开文件,让自己的应用添加到分享表单中敲木鱼的创意工坊功能已经支持了导入文件的方法,但是导入文件对于有Mac的小伙伴比较方便,隔空投送保存在文件app,然后再导入。但是对于只有手机的用户来说着实是太费劲了。
那么如果支持通过第三方app导入例如微信、网盘自带的「使用第三方应用打开」直接打开音频文件可就方便太多了。
配置info文件首先就是需要CFBundleDocumentTypes,可以参考文章iOS 从其他App获取文件
配置文件打开类型是原地打开还是拷贝到app中打开
配置LSSupportsOpeningDocumentsInPlace,YES为原地打开
接收URL应用启动后可以通过swiftui的onOpenURL来获取链接
1234ContentView() .openURL {url in //这里就是获取文件地址之后的动作 }
大功告成!仅仅三步即可实现导入文件。
经验分享 未读
Xcode和Appstore应用语言显示英文解决方法,如何把应用语言设置成中文删除英文群里有小伙伴问他的应用只用中文开发,但是在Appstore上只显示英文,想要把Appstore上的语言展示换成中文。
在Xcode中,如果你从未配置过语言,那么默认你的软件语言就是英文。
【此教程只为为了删除英文而使用中文的小伙伴准备的,其他需求请自行融会贯通】
需求位置
添加中文语言在项目里添加中文
修改开发语言进入访达,显示包内容
使用vscode(或其他文本编辑软件)打开project.pbxproj
搜索region
将developmentRegion对应的en改成zh-Hans
回到项目里删除英文
大功告成现在你的应用就只显示中文了!
我的项目 未读
Mac获取QQ音乐封面快捷指令,快速获取QQ音乐歌曲高清封面图之前出了个python的,但是最近将utools换成hapigo导致不能运行python脚本,但是hapigo支持快捷指令,那么我就直接写个快捷指令获取封面图算了。手机端暂时没有获取封面的需求,暂时就写Mac版的吧。
仅Mac可用
预览
快捷指令地址关注张洪Heo公众号回复QQ音乐封面即可。
我的项目 未读
友链朋友圈5 - 我的部署历程与主题样式分享友链朋友圈已经是一个历史悠久的项目了,这次yyyz开发了全新版本为这个老项目焕发生机。
部署项目我个人用的方案是:Docker+Sqlite
使用这个方案你需要一个服务器。没有服务器的小伙伴请看更多部署方式。
预览我的部署效果
后端部署后端部署非常容易。你需要有python3.8即以上和机器安装docker,之后的部分按照文档中来就可以。
首先进入宝塔新建一个网站,然后在进ssh,cd进网站目录中,例如我的文件地址是/www/wwwroot/moments.zhheo.com我就在ssh中输入:
1cd /www/wwwroot/moments.zhheo.com
然后下载仓库:
1git clone https://github.com/Rock-Candy-Tea/hexo-circle-of-friends
如果你的服务器无法直连GitHub,那就需要手动去GitHub下载文件,然后将压缩包放在网站目录中,点击解压。
然后进入解压后的文件夹
1cd /www/wwwroot/ ...
经验分享 未读
解决AppClip开发遇到的com.apple.developer.associated-appclip-app-identifiers问题在尝试上架AppClip的时候发现这是从未踏足过的新领域,全都是深渊巨坑。创建测试一切都好,就在上传的时候遇到非常坑的提示。
1234App Store Connect Operation ErrorMissing entitlement. This app contains an app clip. The entitlement'com.apple.developer.associated-appclip-app-identifiers' should be present and include thevalue of the app clip's application identifier.
这是个Xcode的问题,但是我们只能自己来解决。
成功解决
问题原因这个问题原因是Xcode为Clip应用创建了一个com.apple.developer.parent-application-identifiers,但是很不负责任的没有给你的iOS主程序添加相关的授权。
授权为:com.apple.developer.associated-appclip- ...
经验分享 未读
腾讯云COS配置教程:我是如何将COS加入到Hexo博客写作和工作流程中的最开始打造低成本博客的时候,使用的是GitHub转七牛云图床上的。当时流量小,加上七牛云有无限期10G免费额度,所以就用着了。后来因为转HTTPS,再因为自己域名服务器都在腾讯云,所以也将七牛云转到腾讯云上了。还有一个原因就是腾讯COS比七牛云便宜。
转移图床得益于转移过程非常的简单,也加速了我用腾讯云COS的过程。
过程非常简单,也不需要什么基础,也很快就转移完了。修改好域名配置好设置,整个数据迁移过程就结束了。
接下来说说我是如何将cos加入到我的博客写作流程的。
数据万象配置因为需要将图片添加水印,之前是使用七牛云进行添加的。在腾讯云上这个是使用数据万象服务进行添加。
配置方法也比较简单,设置好图片参数再设置图片样式即可。
比如我的图片链接格式。
红色部分是分隔符,用于区分链接和图片样式参数;蓝色部分是具体图片要更改成什么样子。
我设置了几种常见的图片参数
一种用于图片封面展示:图片质量要求高,图片尺寸不会很大。无水印。
一种用于文章内部图片展示:图片质量要求低,图片尺寸要于文章页面显示尺寸接近。有水印。
一种用于文章点开大图的样式展示:图片质量要求中等偏高,图片尺寸较大。 ...
我的项目 未读
敲木鱼App - 打节拍敲音效解压神器一开始做敲木鱼的时候也是受到网上很多电子木鱼的启发,用了一下目前的几个木鱼软件,一个是界面令人窒息,交互体验令人崩溃,还有音效少而且有点太贵了。
并且这个应用本身不是很复杂,按照音效收个6块或者10多块我感觉有点割韭菜。
设计在这个软件上仍然保留了和其他软件接近的简洁设计,保证在闭眼盲操作的情况下点击屏幕仍然可以正常的使用。
并且在切换不同的音效上,在偏好设置有一些小动画,而且不同的音效还配合了不同的背景色彩、文字色彩。让人使用起来有赏心悦目的感觉。
所有插画均为我自己绘制的,音效也是自己采样调音的,相信能给你带来独一无二的有趣体验。
并且支持多个语言。
承诺无广告。
交互在交互上主要仍然通过点击操作来触发音效,比较困难的是点击是在按下时触发音效,而不是抬起,这样有更好的手感。在SwiftUI上制作这种还比较困难。最后还是克服了。
比较方便的点是比如敲木鱼时,最开始人们的心情总是期望平静,一开始会比较慢一些,随着时间的推移会越来越快。「敲木鱼」内置了四个速度,分别名为「深邃」「生命」「乐章」「迸发」。四个速度可以在主界面就可以点击切换。不需要每次调节速度都要点开设置。
并且可以在主 ...
我的项目 未读
TimePlus主题 - 免费开源的图片信息流Typecho主题想要做一个相册功能,一开始考虑改造butterfly,但是考虑到博客真的太臃肿了,并且即刻短文一定程度与这个功能有重复性,再加上每次部署都要等待很久,所以目前还是打算将相册站独立出来。
找了很多主题,发现Time主题非常适合我所期望的,简单展示图片的需求,而且开源免费。所以这就是我选择这个主题的原因。
(主要感觉主题要是花钱的话还不如我自己来写,也费不了多少事)
但是原作者已经两年没有更新仓库了,再加上原作者已经转战wordpress,我有理由怀疑Typecho版本已经停更了。
至于为什么选择Typecho。。。主要是sqlite搭建比较香。
主题预览
引用站外地址,不保证站点的可用性和安全性
张洪Heo图集
张洪Heo
项目地址Github
安装使用教程GitHubWiki
TimePlus由我开始维护既然原作者高可能性已经不打算维护,我提交pr估计无论是从审核、调试速度上来说都不方便。所以就另开炉灶。
Plus寓意着这个主 ...
经验分享 未读
让你的网站适配Safari书签页和iOS桌面图标教程我发现很多人的网站并没有对Safari进行一个适配,导致使用iOS的小伙伴在收藏这些网站或者将这些网站添加到桌面时会有一个比较奇怪的展示样式。
样式对比左侧为不兼容safari的书签栏,右侧为兼容
左侧为不兼容iOS添加到桌面,显示较长的名称和网页截图作为图标。
右侧为兼容iOS添加到桌面,显示自定义的名称和图标。
添加方法添加方法非常简单,Safari提供了自定义的方案。下面这个链接是官方文档。
引用站外地址,不保证站点的可用性和安全性
Configuring Web Applications
Apple
只需要在head标签中插入相关代码即可。
如果你使用的是Hexo的Butterfly主题,可以直接在配置文件的inject的head中添加相关代码。
1234- <link rel="apple-touch-icon" href="/apple-touc ...
经验分享 未读
Hexo的Butterfly主题安装腾讯云CDN性能监测插件,监测网页资源加载情况腾讯云有一个类似于语雀的性能监控平台,每天50万的额度,这篇文章介绍Butterfly主题如何引用这个插件。
开启插件首先进入腾讯云,进入插件中心,打开服务。
在应用列表中,新建接入。
选择使用腾讯云cdn加速的域名,然后下一步
复制上报ID备用
插入代码进入themes/butterfly/layout/includes/head/analytics.pug文件,任意位置添加:(注意缩进)
12345678910if theme.tencentcloud_analytics script(src=`https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js`) script. const aegis = new Aegis({ id: '!{theme.tencentcloud_analytics}', // 上报 id reportApiSpee ...
经验分享 未读
SwiftUI打开Mac系统偏好面板方法,打开指定偏好设置面板指定设置mac程序经常会用到要求用户更改安全设置、隐私设置等问题的情况,所以需要弹出系统设置界面让不精通mac操作的用户能够轻而易举的修改偏好设置。
使用URL Scheme首先我们想到的就是使用urlScheme来打开窗口。在swiftUI下使用urlScheme非常容易。
我们需要在结构体中引用
1@Environment(\.openURL) var openURL
之后我们来打开url
1openURL(URL(string: "https://blog.zhheo.com/")!)
我们就完成了一个打开网页的操作。将网页url更换成urlScheme同样可用。
那么需要更改成什么url呢?
URL Scheme 格式部分控制面板支持通过 URL Scheme 进行访问。在各个控制面板对应的 .prefpane 文件里的 Info.plist 中,如果有下面这一键值对,则表示这个面板支持 URL Scheme:
12<key>NSPrefPaneAllowsXAppleSystemPreferencesURLScheme ...
我的项目 未读
神秘新品 - 已无法上架,好可惜这个应用还未出生就已经夭折了,好可惜。
热门图标
图标采用的是Apple推出的SFSymbols,你可以到苹果的官方网站下载图标库自定义你喜欢的图标。或者你可以在下面的图标推荐列表中选择你喜欢的图标进行使用。
自定义你的图标你可以到在线网站中方便的查看图标的名称。
如果你无法访问网站或者想要使用最新的图标,你可以下载SFSymbols查看更多图标的名称。(注意,SF符号中包含了只有macos12才可以使用的图标,如果发现输入了图标没有显示,则意味着这个图标不支持你当前的系统,macos11用户请下载SFsymbols2)。
找到喜欢的图标之后,左键单击选中后再右键单击选择「拷贝名称」
粘贴到App中
新建窗口我们就能看到全新的图标效果啦!
灵感来源:Loaf
经验分享 未读
js控制Gif动态图片的播放,鼠标悬浮状态开启GIf播放我的博客右下角有一个小Guli的形象,他一直在看左上方的文章。这个是当初设计这个元素的原因,也是在边缘视觉给予用户的焦点暗示。当用户出现分心的时候,因为人类对眼球的视觉捕捉一般都是最快(即便是guli这个形象眼睛与人类相比很奇怪),所以人们在分心的时候看到Guli后很容易拉回视觉焦点到文章上。
情景但是感觉有点缺少灵魂,首先就是对于鼠标的交互太少了,最开始的时候只有一个css写的鼠标悬浮状态变小,感觉没有交互。后来发现可以通过js重新设置图片src地址来重置播放。
1document.getElementById('guli_gif').src = document.getElementById('guli_gif').src
那么就容易多了。
代码首先一个只播放一遍的Gif+触发事件重新播放的js。
我这里设置成了鼠标悬浮状态会触发
1234var gulitop=document.getElementById('guli_gif'); gulitop.onmouseover=function(){ docum ...
翻译内容 未读
掌握 SwiftUI 中的 FocusState 属性包装器,输入框焦点判断
本文为翻译内容,来自swiftwithmajid翻译:张洪Heo推荐访问原文地址:立即访问
SwiftUI 在上次 WWDC 期间变得非常强大。我们获得了许多新功能,其中之一是全新的FocusState属性包装器。FocusState属性包装器允许我们读取和写入视图层次结构中的当前焦点位置。本周我们将学习如何使用FocusState属性包装器和聚焦视图修饰符在 SwiftUI 应用程序中管理焦点。
关于FocusStateSwiftUI 提供了一个新的FocusState属性包装器,适用于所有 Apple 平台,并允许我们专注于特定视图或检查该视图是否已经获得焦点。使用起来毫不费力。让我们看看如何使用它。
12345678910111213141516171819import SwiftUIstruct SignInView: View { @FocusState private var isEmailFocused: Bool @State private var email = "" var body: some View ...