专场flutter页面 动画
实现页面展示左右上下错位效果
前言：有个需求，页面显示类似淘宝首页那样左右上下错位展示效果，还有点时间，所以试验记录下效果。 ##1、分左右栏布局 <html> <style> .list_left, .list_right { width: 50%; float: left; } .list li { width: 45%; ......
uniapp中去掉顶部导航栏-指定某页面去掉顶部导航栏
uniapp项目中如果想关闭所有页面的顶部导航栏 在page.json中 "globalStyle": { "navigationStyle":"custom", }, 如果是指定某个页面关闭顶部导航栏 ,{ "path" : "pages/index/webview", "style": { "n ......
app直播源代码，uniapp点击按钮 保存页面为图片到本地
app直播源代码，uniapp点击按钮 保存页面为图片到本地 首先写一个按钮 创建事件 <button class="info" @click="capture()">点击保存我哦~</button> 然后把点击事件写上 capture() {var pages = getCurrentPage ......
js检测页面关闭事件
window.onbeforeunload = onbeforeunload_handler; window.onunload = onunload_handler; //页面关闭之前触发，在onunload事件之前触发，可以禁止onunload事件的触发 function onbeforeunlo ......
用quasar+vue3+组合式api 实现小米商城标题栏动画
先来看一下小米商城标题栏动画： 小米商城标题栏动画主要特点： 移入时二级菜单缓慢出现； 移出时二级菜单缓慢消失； 在一级菜单之间移动时，二级菜单内容直接切换，没有过渡效果。 实现思路 一、纯css实现（❌） 首先肯定是考虑 :hover，但是经过试验发现，:hover 可以实现鼠标移入移出时的过渡效 ......
VUE：引入腾讯地图并实现轨迹动画
VUE：引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果： 引入步骤： 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 ......
页面元素图层覆盖的问题
比如堆积，表A盖住了表B的一部分内容： 1.最简单的就是看背景色，关掉背景色即可解决： 2.选中下边的表，复制->删除->粘贴（就是用下面的表盖住上面的表） 3.使用【Selection】，在【Selection】里面拖拽显示顺序，在里面找到对应元素之后，直接上下拖拽即可： 4.使用【Format】 ......
d3.js制作蜂巢图表带动画效果
以上是效果图，本图表使用d3.js v4制作。图表主要功能是在六边形格子中显示数据，点击底部图标可以切换指定格子高亮显示，图表可以随浏览器任意缩放。 1.图表的主体结构是由正六边形组成，使用d3生成六边形可以使用d3-hexbin.js，生成六边形比较方便，只要给定中心点坐标和半径即可生成六边形路径 ......
如何通css实现 渐变下划线，以及交互动画
<h2 class="title"><span >围殴围殴我饿我饿我饿哦我饿围围殴围殴我饿我饿我饿哦我饿围殴围殴我饿我饿我饿哦我饿我饿围殴围殴殴围殴我饿我饿我饿哦我饿我饿围殴围殴</span></h2> css： .title { line-height: 2; color: #333; } .ti ......
动画（gsap）
动画 requestAnimationFrame 每一帧的间隔 并不一定是 相同的 每一秒中 移动 1 可以通过 time来计算 但是只有一个时间 可以使用Clock 来创建多个时间 （可以随时启动和停止） position.x = time % 5 来根据运行的时间 来计算 const an1 = ......
在浏览器端通过JS使用blob下载页面上的所有图片到本地
背景说明： 有一个站点页面上提供了192张图片供人浏览，https://ow365.cn/?i=21143&ssl=1&n=5&furl=XnZULZgaboaqolKW8yxiuW_bo78ozXbiWHH@EXuvOeC_QkhKiwDGK2BMM9m@EbwiQNmolsdEsV0= 尝试在n ......
web浏览器页面实现滚屏效果
web 浏览器页面实现滚屏效果 window 对象提供了执行动画的方法 window.requestAnimationFrame() 场景：固定位置显示多项内容列表 需要自动滚屏展示 demo： /** * 设置文本滚屏效果 */ setTextScroll(): void { const ulBo ......
echarts可视化，页面尺寸变化时，echarts随着改变加防抖
const container = document.querySelector('.charts') 1、不需要跟新数据 window.addEventListener("resize", () => { container.resize(); }); 2、需要更新数据 function debo ......
在线直播源码，flutter 溢出几种布局方案
在线直播源码，flutter 溢出几种布局方案 方案一 SizedOverflowBox 要实现这样的效果很容易想到的就是 SizedOverflowBox,复制下面的代码到 main.dart,运行后查看效果。 Container( color: Colors.green[400], width: ......
nginx更新静态页面客户端缓存不刷新问题
问题描述： 频繁部署静态资源，nginx自带缓存未刷新 通过ftp/sftp上传到nginx的静态页（尤其是打包好的单页应用），有可能遇到客户端缓存不刷新的问题，即使重启nginx都无效 客户端浏览器也有缓存，一般关闭进程（手机清理，注意某些app光按返回键退回桌面是不会结束进程的），强制刷新网页等 ......
一个或多个页边距被设置到也可打印的页面范围之外，处理方式
DevExpress Report Print的时候，出现这样的问题： 要忽略这个提示，方法为： report.CreateDocument(); report.PrintingSystem.ShowMarginsWarning = false; ......
【uniapp】学习笔记day03 | 页面制作
一、开发层级结构介绍 page.json 对uniapp进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbbar manifest.json 应用的配置文件，指定应用的名称、图标、权限 App.vue 页面入口文件，可以调用应用的生命周期函数 main.js 初始化vue实 ......
活字格性能优化技巧（3）：如何巧用CDN提升含页面的访问速度
本文由葡萄城技术团队于博客园原创并首发转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 上两篇中我们分享了如何利用数据库主键和表格设置默认不加载数据来提升应用系统访问的性能。在本篇中一起来看看如何在活字格中利用CDN技术来提升页面的访问速度。在此之前，先看看 ......
一统天下 flutter - 插件: flutter 使用 ios 原生控件，并做数据通信
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 插件: flutter 使用 ios 原生控件，并做数据通信 示例如下: lib\plugin\plugin2.dart /* * 插件 * ......
一统天下 flutter - 插件: flutter 与 ios 原生之间的数据通信
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 插件: flutter 与 ios 原生之间的数据通信 示例如下: lib\plugin\plugin.dart /* * 插件 * 本例用于 ......
一统天下 flutter - 插件: flutter 使用 android 原生控件，并做数据通信
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 插件: flutter 使用 android 原生控件，并做数据通信 示例如下: lib\plugin\plugin2.dart /* * 插 ......
一统天下 flutter - 插件: flutter 与 android 原生之间的数据通信
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 插件: flutter 与 android 原生之间的数据通信 示例如下: lib\plugin\plugin.dart /* * 插件 * ......
一统天下 flutter - widget 列表类: ExpansionTile - 列表项（可展开）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 列表类: ExpansionTile - 列表项（可展开） 示例如下: lib\widget\list\expansion_ti ......
一统天下 flutter - widget 状态管理: 状态管理 - 自定义 controller
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 状态管理: 状态管理 - 自定义 controller 示例如下: lib\state\controller.dart /* * ......
页面的绘制
大致想法是一个activity中通过fragment进行切换功能页，实现桌面的具体操作的实现。 以下是具体的代码实现： Mune.activity: public class Menu extends AppCompatActivity { private ViewPager mViewPager; ......
【manim动画教程】-- 坐标系
没有引入坐标系之前，在绘制图形时，也有一个隐含的坐标系，它和屏幕的像素相关。 比如，我们之前示例中的各个图形，屏幕的中心就是坐标原点（[0, 0]）, 横轴坐标的范围大概是 [-3.5, 3.5]，纵轴的坐标范围大概是 [-4, 4]，这个范围与设置的视频分辨率有关，分辨率设置的越高的话，坐标范围越 ......
更换主题页面！！
##配置博客园的主题 ####主要步骤： 参考博客：https://cloud.tencent.com/developer/article/1772865 https://www.cnblogs.com/zouwangblog/p/11541835.html 以后加油多写多练习:smile: 记录一 ......
SpringMVC中使用引入jquery不能加载页面
今天在学习springMVC的json数据绑定时，需要使用到jquery发送ajax请求。但是当我通过是<script>标签引入了jquery.js。 但是当我访问该jsp的时候就是不显示页面的内容 我一直以为时SpringMVC的servelt拦截器拦截了静态资源，但是我过滤了静态资源还是不显示。 ......
如何在servlet中写弹窗点击确认时候可以跳转到另一个页面
流程：登录页面-->注册页面-->注册成功后提示“注册成功”，并且跳转回登录页面。 一开始我想着设置回传信息，然后跳转到login.jsp页面中，弹出“注册成功”的信息，但是感觉这个想法不是那么好实现，然后我最后也找到了一个更好的方法，直接在servlet中就可以实现了，只要写出下面的代码即可。 其 ......