顶部 页面 动画
实现页面展示左右上下错位效果
前言：有个需求，页面显示类似淘宝首页那样左右上下错位展示效果，还有点时间，所以试验记录下效果。 ##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 ......
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技术来提升页面的访问速度。在此之前，先看看 ......
页面的绘制
大致想法是一个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中就可以实现了，只要写出下面的代码即可。 其 ......
Blender动画节点插件用户指南-接口
推荐：将 NSDT场景编辑器 加入你的3D开发工具链。 接口 大部分界面位于节点编辑器中，而其余部分 该界面存在于其他区域，例如 3D 视口。 动画节点有自己的节点编辑器，您可以通过以下方式选择 单击“涂料表”图标 在工具栏中。一个新的 可以通过单击“新建”按钮来添加节点树。 节点菜单 要添加新节点 ......
React Native UI界面还原，组件布局与动画效果
react native还原UI界面跟写web react 差不多，布局及样式有css基础在StyleSheet里面写一样。其实跟Android写xml大同小异而已。只是react native动画方面，设置起来还是风格迥异 ......
第136篇:Three.js基础入门动画API:setInterval 与 requestAnimationFrame的区别
好家伙,书接上文 function animate() { //请求-动画-框架 requestAnimationFrame( animate ); //改变正方体在场景中的位置,让正方体动起来 cube.rotation.x += 0.01; cube.rotation.y += 0.01; re ......
chrome对页面重绘和回流以及优化进行优化
回流与重绘，当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至 ......
GNOME 桌面顶部栏透明设置
1 起因 最近换了GNOME桌面，默认的顶部栏不太好看，想要设置成透明的。 2 操作流程 去查了一下，发现需要在Tweaks中的shell设置中，指定当前的主题，并修改gnome-shell.css中的panel设置。 3 Tweaks Tweaks可以通过图形界面的形式调整GNOME的设置，需要设 ......
在comswasmjs demo页面中调用Keplr 插件钱包
前言：相比metamask，Keplr比较小众一点，获取账户的方式也不一样。 官方文档：https://docs.keplr.app/api/ 在页面已经读取Keplr地址，Keplr里切换新地址后读到新地址的核心源代码： window.onload = async () => { if (!win ......
html页面里面的button标签使用@click属性时，无法定位到Vue的method里面
问题解决 就很离谱，都是按照网上的教程来的，一直无法定位，之后跟着加上了div标签，加上了id属性，方法还是灰白色，调用不了； 后来直接将el属性名称更改掉了，没想到这样就成功识别到了，反正就是逻辑没有出问题，最后也达到期望值了。 ......