大致思路： 使用相对定位的div覆盖文本内容，并用animation控制宽度，位置。 换行步骤在外层div上控制高度即可。css的steps与animation一起使用可以控制文字单个显示，类似于文本输入，不过显示频率是线性。添加一些css变量控制步骤宽度、高度和时间等，便于vue中也通过组件的props控制1DOCTYPEhtml>2html>3head>4metacharset="utf-8">5title>春江花月夜唐·张若虚title>6styletype="text/css">7body{8margin:0;9}1011div.step{12--step-width:16em;1
大致思路： 使用相对定位的div覆盖文本内容，并用animation控制宽度，位置。 换行步骤在外层div上控制高度即可。css的steps与animation一起使用可以控制文字单个显示，类似于文本输入，不过显示频率是线性。添加一些css变量控制步骤宽度、高度和时间等，便于vue中也通过组件的props控制1DOCTYPEhtml>2html>3head>4metacharset="utf-8">5title>春江花月夜唐·张若虚title>6styletype="text/css">7body{8margin:0;9}1011div.step{12--step-width:16em;1
使用MediaPipe工具包进行开发什么是MediaPipe?MediaPipe是一款由GoogleResearch开发并开源的多媒体机器学习模型应用框架，用于处理视频、音频等时间序列数据。这个跨平台架构使用于桌面/服务器、Android、iOS和嵌入式设备等。我们使用MeidaPipe下的Solutions（方案特定的模型），共有16个Solutions:人脸检测FaseMesh(人脸上打了特别多网格)虹膜（人眼）手姿态（！这章博客需要用到的）人体人物分割头发分割目标检测BoxTracking实例动态跟踪3D目标检测特征匹配AutoFlipMediaSequenceYouTube-8M人体姿
使用MediaPipe工具包进行开发什么是MediaPipe?MediaPipe是一款由GoogleResearch开发并开源的多媒体机器学习模型应用框架，用于处理视频、音频等时间序列数据。这个跨平台架构使用于桌面/服务器、Android、iOS和嵌入式设备等。我们使用MeidaPipe下的Solutions（方案特定的模型），共有16个Solutions:人脸检测FaseMesh(人脸上打了特别多网格)虹膜（人眼）手姿态（！这章博客需要用到的）人体人物分割头发分割目标检测BoxTracking实例动态跟踪3D目标检测特征匹配AutoFlipMediaSequenceYouTube-8M人体姿
一、背景使用django3进行开发时，由于项目前端页面使用iframe框架，浏览器错误提示信息如下Refusedtodisplay'http://127.0.0.1:8000/'inaframebecauseitset'X-Frame-Options'to'deny'. 根据提示信息发现是因为X-Frame-Options=deny导致的。 二、X-Frame-Options1X-Frame-Options是什么TheX-Frame-OptionsHTTP响应头是用来给浏览器指示允许一个页面可否在 , , 或者 中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，从而避免点击劫持（c
一、背景使用django3进行开发时，由于项目前端页面使用iframe框架，浏览器错误提示信息如下Refusedtodisplay'http://127.0.0.1:8000/'inaframebecauseitset'X-Frame-Options'to'deny'. 根据提示信息发现是因为X-Frame-Options=deny导致的。 二、X-Frame-Options1X-Frame-Options是什么TheX-Frame-OptionsHTTP响应头是用来给浏览器指示允许一个页面可否在 , , 或者 中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，从而避免点击劫持（c
今天写小程序页面的时候用到了vant-steps，遇到了使用上的两个问题，在这里记录一下问题一，引入vant-steps之后，最后一个节点的显示问题不知道别人的电脑会不会出现这个问题，反正我的是有，不影响，但不爽，在开发者工具中看了半天，就是那个图标跑到上面去了，那我们使用transform：translate把它移下来不就好了于是解决办法就出来了，找到相对应的选择器.van-step--horizontal:last-child.van-step__circle-container.index--van-step__icon{transform:translate(3rpx,31rpx);b
今天写小程序页面的时候用到了vant-steps，遇到了使用上的两个问题，在这里记录一下问题一，引入vant-steps之后，最后一个节点的显示问题不知道别人的电脑会不会出现这个问题，反正我的是有，不影响，但不爽，在开发者工具中看了半天，就是那个图标跑到上面去了，那我们使用transform：translate把它移下来不就好了于是解决办法就出来了，找到相对应的选择器.van-step--horizontal:last-child.van-step__circle-container.index--van-step__icon{transform:translate(3rpx,31rpx);b
To初学Python的Pythonista:SublimeText相对于PyCharm和Visual StudioCode，确实有不足之处，但提供了众多功能丰富的插件，且最大优点就是相对于Pycharm和VSCODE，它体积小，启动速度快。对于Python的初学者来说，建议不要太依赖那些功能强大的IDE，以免换一个环境，就适应不了了。截止2022年12月18日，最新版本是SublimeText4 (Build4143)。注册方法如下：安装软件：去官方站点下载并安装 SublimeText-TextEditing,DoneRight使用浏览器打开网站：https://hexed.it/，点击Op
To初学Python的Pythonista:SublimeText相对于PyCharm和Visual StudioCode，确实有不足之处，但提供了众多功能丰富的插件，且最大优点就是相对于Pycharm和VSCODE，它体积小，启动速度快。对于Python的初学者来说，建议不要太依赖那些功能强大的IDE，以免换一个环境，就适应不了了。截止2022年12月18日，最新版本是SublimeText4 (Build4143)。注册方法如下：安装软件：去官方站点下载并安装 SublimeText-TextEditing,DoneRight使用浏览器打开网站：https://hexed.it/，点击Op
