专场flutter页面 动画
vue学习第15天 CSS ---- 动画animation
动画 动画(animation)是CSS3中具有颠覆性特征之一,可通过设置多个节点来精确控制一个或一组动画。常用来实现复杂的动画效果。 相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。动画的优点(与过渡相比更好) 1、动画的基本使用(先定义后调用) 制作动画分为两步: 1)先定义动画 ......
动画方案除了CSS还有什么
JS定时器动画 window.setTimeout() window.setInterval():指定某个任务每隔一段时间就执行一次,也就是无限次的定时执行 <h3>用setTimeout实现计数器功能</h3> <div id="result">0</div> <button onclick="s ......
每天60秒读懂世界页面编写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
2023年十大最受欢迎的Flutter开源应用程序
原文出处:https://juejin.cn/post/7245170503798538296 在移动应用开发领域,Flutter以其跨平台能力和漂亮的用户界面获得了巨大的人气。随着其开发者社区的不断壮大,Flutter生态系统已经见证了众多开源应用程序的诞生。这些开源应用不仅展示了Flutter的 ......
nginx前端页面通过docker部署过程中的相关问题
1、nginx.conf 的 ip 地址 对应 服务器的 ip 2、数据卷的路径需要与配置文件对应 nginx.conf 创建数据卷与容器的语句 docker run --name=nginx01 -v html:/usr/share/nginx/html -p 8080:80 -d nginx 3 ......
uniapp 中使用 navigator 跳转页面失败的问题
uni.navigateTo 用于页面跳转 如: <navigator url="/pages/index/index" hover-class="navigator-hover"> <button type="default">跳转</button> </navigator> 但是跳转页面失败,没 ......
直播源码开发,页面回到顶部(平缓滚动效果)
直播源码开发,页面回到顶部(平缓滚动效果) common.js // 页面回到顶部(滚动效果)export const handleScroll = () =>{ let scrollTop = window.pageYOffset || document.documentElement.scrol ......
vite+vue3项目中使用 lottie 动画,如何在 template 中直接使用本地 json 文件路径
安装 lottie-web yarn add lottie-web 封装 lottie 组件 <template> <div ref="animation" :style="{ width, height }"></div> </template> <script> import { defineC ......
关于flutter框架安卓应用抓包问题,以及解决方法
参考文档`https://bbs.kanxue.com/thread-261941.htm` ### 一.从安装的app所在文件夹目录中提出libflutter.so ```` cd /data/app/包名/lib/xxx/..../...libflutter.so ```` ### 二.将其拖入 ......
Three.js教程:动画渲染循环
推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 动画渲染循环 threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染。 请求动画帧window.requestAnimationFrame // requ ......
HTML注入/如何防止页面html脚本注入及sql注入
https://blog.csdn.net/bylfsj/article/details/101219054 https://blog.csdn.net/yiXin_Chen/article/details/122078924 HTML注入是当网页无法清理用户提供的输入或验证输出时出现的最简单,最常 ......
便签页面仿写
<style> body { background-color: #f6f6f6; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; } .container { max-widt ......
前端Vue加载中页面动画弹跳动画loading
#### 前端Vue加载中页面动画弹跳动画loading, 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13091 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k ......
chrome:保存页面上的svg(chrome 114)
一,复制svg 在开发者工具中,选中要复制的svg然后在svg上右键->copy->copy element 二,保存成文件 在sublime或其他编辑工具中粘贴, file->save->保存成wordpress.svg 注意:此处的width/height 两项可以按自己的需求修改 说明:刘宏缔 ......
线条流动动画
# 简介 流线动画效果,适合做网页背景 # 效果展示 ![](https://img2023.cnblogs.com/blog/3215643/202306/3215643-20230617100111962-912473218.png) # ts代码 注意:动画定时刷新的机制使用到了之前写的一篇文 ......
Flutter之dio请求封装
## 一.dio是什么? dio是一个http请求库,功能十分强大,支持Restful API、请求取消、FormData、拦截器等,下面我们对dio进行简单的封装,这样我们在项目中使用时会更顺手,这里还需要配合AndroidStudio的 jsonToDartBeanAction插件配合使用 ## ......
包含js代码的dom元素从页面上消失后发生了什么
最近遇到了一个问题:有一个数据看板的页面运行了n天后突然页面崩溃了,爆出了out of memory的错误。页面不复杂,几个图表定时更新数据,实在没明白为什么长时间运行后会out of memory。 在每次请求后使用 console.log(window.performance.memory); ......
微信小程序父页面与子组件通信
> 父向子组件传递数据 1、在父页面的js中定义需要传递的数据 ```javascript data:{ message: 'hello' } ``` 2、在父页面的`wxml`中使用`子组件`,并写上要传递的数据,这部分和vue很相似 ```javascript ``` 3、在子组件的js文件中, ......
uiautomator2+python获取当前页面的activity
def get_current_activity(): """ 获取当前页面的activity :return: """ cmd = 'adb -s {} shell "dumpsys window | grep mCurrentFocus"'.format( get_android_devices ......
html页面解析
getElementsByTagName 和 getElementsByClassName 这两个方法查找多个 dom 元素,返回的是 htmlcollection 类型,是伪数组而不是真数组,故不能使用数组的方法。 我们可以使用数组原型配合 slice 方法,利用 call,apply,bind ......
视频直播源码,html2canvas 前端保存页面为图片
视频直播源码,html2canvas 前端保存页面为图片 转换方法如下: /*** 将页面指定节点内容转为图片* 1.拿到想要转换为图片的内容节点DOM;* 2.转换,拿到转换后的canvas* 3.转换为图片*/// 生成局部图片GenerateImg() { let element = this ......
flutter系列之:做一个图像滤镜
[toc] # 简介 很多时候,我们需要一些特效功能,比如给图片做个滤镜什么的,如果是h5页面,那么我们可以很容易的通过css滤镜来实现这个功能。 那么如果在flutter中,如果要实现这样的滤镜功能应该怎么处理呢?一起来看看吧。 # 我们的目标 在继续进行之前,我们先来讨论下本章到底要做什么。最终 ......
页面会话技术介绍,什么是Cookie和Session
# 页面会话技术 ## Cookie - 什么是cookie:服务端保存在浏览器端的数据片段。以 key/value的形式进行保存。每次请求的时候,请求头会自动包含本网站此目录下的 cookie 数据。网站经常使用这个技术来识别用户是否登陆等功能。 - 用途:保存登录状态,购物车等 - 缺点: - ......
uniapp 页面跳转传值(eventChannel)
在A -> B页面时,如果想要将A页面中的数据传给B,可以使用eventChannel方法或者用url拼接,在这里先说明第一种eventChannel方法如何实现。 A页面: 首先定义了一个点击事件handleItemClick,触发点击事件后再传递数据 data() { return { item ......
微信小程序使用scroll-view,实现顶部下滑与页面融为一体
在需要下滑的页面放置scroll-view html <scroll-view class="refresh" scroll-y="{{true}}" refresher-enabled="{{true}}" refresher-triggered="{{showTriggered}}" refre ......