顶部 页面 动画
使用html2canvas+jspdf将页面转为pdf并下载
1、安装html2canvas和jspdf npm install html2canvas npm install jspdf 2、新建文件htmlToPdf.ts // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF fr ......
英雄联盟比赛选手的六芒星能力图动画是如何制作的？
最近，在看 LPL 比赛的时候，看到这样一个有意思的六芒星能力图动画： 今天，我们就来使用纯 CSS 实现这样一个动画效果！ 实现背景网格 对于如下这样一个背景网格，最好的方式当然肯定是切图，或者使用 SVG 路径。 如果一定要使用 CSS，勉强也能做，这就涉及了不规则图形边框效果，我们有一些方式可 ......
VUE3刷新页面报错：Uncaught SyntaxError: Unexpected token ‘＜‘
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:". ......
第一次结对作业——web页面优化
今天我们组对web版本的地铁查询系统进行了界面UI装修这是之前注重测试功能用的界面，侧重点在于后端的实现，界面较为简陋 接下来是今天对界面UI的优化 对应css修饰代码如下： <%--Created by IntelliJ IDEA. User: adnim Date:2023/3/22Time:2 ......
单页面与多页面的区别及优缺点
单页面是指只有一个主页面的应用，浏览器一开始要加载所有必须的html, js, css。 所有的页面内容都包含在这个所谓的主页面中。 但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入。 优点： 公共资源不重新加载，局部加载，服务器压力小 切换速度快，用户体验好 前后端分离 ......
使用html2canvas+jspdf将页面转为pdf并下载
需求：我有一个页面，是由多个模块组成的，现在我需要把页面转为pdf并下载，但是因为pdf自动换页以后会把我的模块给截开，不好看甚至内容被裁开，所以我需要判断当前页面加上这个模块以后是不是会超出当前页，如果超出，就直接把整个模块换到第二页去显示。 页面大致如下： 页面代码大致如下： <template ......
uniapp 页面跳转时 redirectTo:fail page '/pages/index/pages/index/login' is not found
uniapp 跳转页面有以下两种，分清楚情况写 url 才能正确跳转： 绝对路径跳转； 相对路径跳转。 :one: 绝对路径跳转： 绝对路径跳转必须要是这样的格式 /pages/xxx/xxx，pages 前面必须要有 /，代表 src 目录。 :two: 相对路径跳转： 相对路径跳转不带 /，是以 ......
Flare 轻量、快速、美观的个人导航页面
启动应用非常简单，如果你习惯使用 Docker，可以执行： docker run --rm -it -p 5005:5005 -v `pwd`/app:/app soulteary/flare ......
dom节点平滑滚动到可视区域，顶部，底部
function scrollTo(element) { element.scrollIntoView({ behavior: "smooth", block: "start" }) // 顶部 element.scrollIntoView({ behavior: "smooth", block: ......
为什么OS已经有了页面置换机制，MySQL中的Buffer Pool还需要再实现一遍？
问题引入 舍友最近在找实习，简历上有CMU15-445经典数据库项目。在面试时被问到： 操作系统已经有页面置换算法，为什么Buffer Pool中还需要自己实现呢？ 操作系统中的页面置换，对自己实现的页面置换有什么影响？ 个人理解 MySQL在默认配置下，读取一行数据，要先打开磁盘中对应的数据页，这 ......
Taro弹窗禁止底部页面滚动
const setPageStyle = (pageStyle: { [key: string]: string|number }) => { Taro.setPageStyle({ style: pageStyle }) } setPageStyle({ // overflow: 'hidden' ......
记uni-app中多重数组在子组件中更新页面问题（粗心所致，非问题）
简介 如下图所示，传递一个对象到子组件中，让子组件渲染数据，同时将数据改变，这里面最恐怖的就是自定义的单选按钮。 如下图所示，子组件数据这里面有两个数组，第一个数组topicReply，第二个数组question_stem，当界面单选时，修改的是question_stem数组中的内容，当内容改变时， ......
nuxtjs框架使用nuxt generate命令生成静态站点,刷新页面无法获取cookie,从而更新Vuex
在使用nuxt generate命令生成静态站点时，由于它是在静态环境下运行的，因此是无法访问服务器的req对象的，因此在nuxtServerInit方法中不能通过req.headers.Cookie获取到请求头中的Cookie值。 nuxtServerInit方法只会在服务端运行一次，在第一次加载 ......
使用axios+vue在离开页面时中断网络请求
最近做到一个需求需要在离开页面时中断未完成的网络请求 第一步： 引入axios和CancelToken实例子 import axios from 'axios' const CancelToken = axios.CancelToken 第二步：在封装好的接口方法中加入cancelToken配置属性 ......
一统天下 flutter - widget 架构类: Scaffold 的 AppBar - 顶部导航栏
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 架构类: Scaffold 的 AppBar - 顶部导航栏 示例如下: lib\widget\structure\scaffo ......
一统天下 flutter - widget 弹出类: MaterialBanner - 顶部弹出条
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 弹出类: MaterialBanner - 顶部弹出条 示例如下: lib\widget\flyout\material_ban ......
一统天下 flutter - 路由和导航: PageRouteBuilder - 路由跳转动画（让 pushNamed() 实现转场动画）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 路由和导航: PageRouteBuilder - 路由跳转动画（让 pushNamed() 实现转场动画） 示例如下: lib\route\ ......
一统天下 flutter - 动画: Tween - 补间动画（曲线型动画）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Tween - 补间动画（曲线型动画） 示例如下: lib\animation\tween2.dart /* * Tween - 补间 ......
一统天下 flutter - 动画: Tween - 补间动画（直线型动画）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Tween - 补间动画（直线型动画） 示例如下: lib\animation\tween.dart /* * Tween - 补间动 ......
一统天下 flutter - 动画: 自定义 Tween - ColorTween, CurveTween, SizeTween, RectTween, AlignmentTween, BorderTween, BoxConstraintsTween, DecorationTween, EdgeInsetsTween, TextStyleTween, IntTween 等
一统天下 flutter - 动画: 自定义 Tween - ColorTween, CurveTween, SizeTween, RectTween, AlignmentTween, BorderTween, BoxConstraintsTween, DecorationTween, EdgeIn... ......
一统天下 flutter - 动画: XxxTransition - 支持直接关联 Animation<T> 并自动重绘的 Widget（FadeTransition, SizeTransition, SlideTransition, AlignTransition, DecoratedBoxTransition, DefaultTextStyleTransition, PositionedTransition, RotationTransition, ScaleTransition 等）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: XxxTransition - 支持直接关联 Animation 并自动重绘的 Widget（FadeTransition, Size ......
一统天下 flutter - 动画: CurvedAnimation - 曲线型动画（缓动动画）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: CurvedAnimation - 曲线型动画（缓动动画） 示例如下: lib\animation\curved_animation. ......
一统天下 flutter - 动画: Animation - 动画基础（以直线型动画为例）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Animation - 动画基础（以直线型动画为例） 示例如下: lib\animation\animation.dart /* * ......
一统天下 flutter - 动画: Stagger - 复合动画，即一个 AnimationController 控制多个动画
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Stagger - 复合动画，即一个 AnimationController 控制多个动画 示例如下: lib\animation\s ......
一统天下 flutter - 动画: AnimatedBuilder - 用于简化 AnimatedWidget 动画
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: AnimatedBuilder - 用于简化 AnimatedWidget 动画 示例如下: lib\animation\animat ......
一统天下 flutter - 动画: Hero - 一个对象从一个页飞入另一个页的动画
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: Hero - 一个对象从一个页飞入另一个页的动画 示例如下: lib\animation\hero.dart /* * Hero - ......
一统天下 flutter - 动画: AnimatedXxx - 极简动画 Widget（AnimatedContainer, AnimatedDefaultTextStyle, AnimatedOpacity, AnimatedPadding, AnimatedPositioned, AnimatedRotation，AnimatedScale， AnimatedSize， AnimatedSlide 等）
一统天下 flutter - 动画: AnimatedXxx - 极简动画 Widget（AnimatedContainer, AnimatedDefaultTextStyle, AnimatedOpacity, AnimatedPadding, AnimatedPositioned, Animat... ......
一统天下 flutter - 动画: AnimatedWidget - 用于实现自定义的 Transition
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 动画: AnimatedWidget - 用于实现自定义的 Transition 示例如下: lib\animation\animated_w ......