截图 页面
使用html2canvas生成网页截图并下载
1.安装依赖 npm install html2canvas --save 2.引入依赖 import html2canvas from "html2canvas"; 3.使用示例 <template><div> <a @click="toImage()">下载</a> <div ref="imag ......
微信小程序页面增加下拉刷新功能
对应的 json 文件 增加如下内容 "enablePullDownRefresh": true, "onReachBottomDistance": 50, "backgroundTextStyle": "dark", "backgroundColor": "#6197FB" 2.对应的js增加 函 ......
新增接口&页面布局
#1. 新增 ##1.1. 新增接口  ##1.2. 观察前端页面 我们需要在前端弄一个增加的对话框  { ......
关于前端页面设置省略号ellipsis的问题
当内容超过宽度时，禁止换行，使用省略号...代替溢出的内容，一般这样的需求都会经常遇到。 使用css的text-overflow: ellipsis属性，可设置省略号，需要注意的是：1. 如果设置了display: flex，则换行无效。2. 一定要设置宽度 根据标签层级不同，设置省略号的css样式 ......
课程详情页面
[toc] # 一、课程详情接口 ```python # 课间，增加了些数据 # 多种写法 -方式一：直接在原来查询所有的视图类上加入继承：RetrieveModelMixin -继续使用查询所有的序列化类（没有章节及课时） -配合一个通过课程id，查询所有课程章节及课时的接口 -方式二：直接在原来 ......
iframe嵌套其它网站页面 全屏设置
背景： 今天在使用iframe时，发现嵌套页面中有个【全屏】功能，不好使，查了一下，发现iframe还有1个属性allowfullscreen设置，可以设置是否支持全屏，默认是false，现在把iframe的基础属性整理一下。 iframe基本属性 通常我们使用iframe主要设置 src,宽、高， ......
课程页面前端
[toc] # 一、课程页页面前端 ```python #1 前端 新建三个组件 LightCourse.vue FreeCourse.vue ActualCourse.vue # 2 配置路由 import FreeCourse from "@/views/FreeCourse"; import ......
用户管理页面布局
#1. 观察前端项目 写一个用户管理页面,做查询系统,新增  #2. 查询部分 ##2.1.打开Element官网, ......
013查询所有课程接口，课程详情接口，课程详情后台之所有章节接口，所有课程前台，课程详情前台，课程详情页面，视频托管
# 1 查询所有课程接口 ```python # 查询所有课程接口 -带过滤：按分类过滤 -带排序：价格，学习人数 -带分页：简单分页 ``` ## 1.1 视图类 ```python class CourseView(GenericViewSet, ListModelMixin): queryse ......
012双写一致性之定时更新，异步发送短信，异步秒杀逻辑前后端，课程页面前端，课程相关表分析，基于对象跨表查询和双下划綫连表查询，课程表数据录入，课程主页接口
# 0 双写一致性之定时更新 ```python # 一旦加入缓存，就会出现数据不一致的请请求 # 双写一致性问题 -1 改数据，删缓存 -2 改数据，改缓存 -3 定时更新 # 首页轮播图存在双写一致性问题这个问题 -以现在的技术水平（信号），做不到 ：改数据删缓存 -能选择的就是定时更新 -轮播 ......
thincmf 导航与当前页面内容怎么关联，二级页获取当前导航id，显示子导航
thincmf 二、三级页面侧面子导航怎么获取？导航链接最终打开的是url链接，链接中只带了文章分类信息，并没有导航信息，如何在二页面判断是点击哪个导航打开的？？ 如何高亮当前栏目，如何获取当前栏目的二级导航？？？ ......
iframe编码为utf-8.嵌入页面为gb2312 ，word导出默认为gb2312 格式
1、使用记事本打开html，另存为，保存类型选择："所有文件"、编码选择：“UTF-8” 2、打开保存后文件编码类型改成utf-8 <meta charset="utf-8" /> 第一个步骤是为了把内容改成utf-8，然后直接执行第二步改编码可能会报乱码 ......
textare内容直接存储mysql，怎么原样输出到页面，保留输入的空格 回车换行
使用thinkcmf时，一个textarea类型的模版变量，配置内容里需要显示换行和多个连续空格。 查看数据库存储json 保存数据后是有存储回车换行和多个空格的，只是显示时不显示回车换行，多个连续空格变成了一个空格。 使用{$theme_vars.foot1|nb2br} 仅能保留回车换行，多个空 ......
Nginx学习笔记-部署静态页面实践
[toc] ## 准备一个静态登录页面demo > 需要将下面的两个文件`index.html`和`index.css`放到nginx安装目录下html目录中 ### HTML静态页面-index.html ```html login Login username password Submit ` ......
关闭vue项目中Uncaught runtime errors弹窗页面
 看控制台发现有webpack类名，应该是webpack搞出来的 *** ###解決办法 再vue.config.js中添加以下配置： ```ja ......
第四天（Thymeleaf，MVC自动配置原理,，配置项目环境及首页，页面国际化，登录+拦截器）
#Thymeleaf #MVC自动配置原理 ##ContentNegotiatingViewResolver 内容协商视图解析器 ##转换器和格式化器 #配置项目环境及首页 #页面国际化 ##中英切换 #登录+拦截器 ......
nginx 错误页 指向 自定义页面
1、安装简易版 nginx 可参考 ：https://www.cnblogs.com/fanyann/p/17500960.html 以下所有操作均给予上面安装链接的系统版本和软件版本。 2、首先，创建你自己的HTML错误页面，例如 error.html。 3、找到你的 nginx.conf，它可能 ......
我认为好的数据查询系统页面的设计
查询条件可定制 具体显示哪些查询项，查询项的顺序。可通过配置来实现 列表显示列的可定制 列表具体显示哪些列，每列的宽度可以根据需要来定制 尽量展示更多的内容 设计要紧凑，不影响美观的前提下，或者说如果用户对数据有更高的要求影响一部分美观的前提下，尽量多的展示内容 每一列该设置多款，工具栏，查询条件， ......
VUE实现一个简单的登录注册页面
# VUE|实现一个简单的登录注册页面 ## 页面效果 ## 页面代码 在我的GitHub上：https://github.com/weltme/frontend/blob/master/src/views/LoginView.vue ......
添加 <meta http-equiv="refresh" content="60"> 定时刷新页面
<html> <meta http-equiv="refresh" content="60"> <body> 百度 <iframe style="height: 90%;width: 100%;" src="https://www.baidu.com/"></iframe> </body> </ht ......
动态路由-刷新页面时的 短暂404 bug修复
动态路由-刷新页面时的bug修复1.问题说明 如果我们手动刷新浏览器网页，会发现跳到了404页面 对于addRoute添加的路由，在刷新时会白屏 2.问题分析解决页面刷新时，页面 404 问题 在静态路由后面有一个路由通配符，addRoutes添加的路由是异步添加的。路由设置中的404页处在中间位置 ......
print-js 实现页面打印PDF，与样式缺失问题
## 参考 - https://blog.csdn.net/qq_36990322/article/details/105786298 （样式继承问题） - https://blog.csdn.net/qq_42571665/article/details/127277049 （宽度配置） ## 说 ......
53.vue中点击按钮，新开一个页面
vue中点击按钮，打开新页面 不是在当前页面重新渲染哦，而是再开一个页面 在Vue中，你可以使用router-link组件或者编程式导航来在点击按钮时打开一个新页面。 使用Router-Link组件： 在Vue Router中，你可以使用<router-link>组件来创建一个链接，点击链接时会导航 ......
IOS下的微信H5页面的底部前进后退横栏如何隐藏
header里增加 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" /> 重点 ......
Element ui plus --- el-select 下拉框下拉选项过多导致页面卡顿处理方法
业务场景： 多个页面调用同一个接口 作为下拉框的选项数据，接口返回上千条 导致页面异常卡顿 解决办法： 使用Select V2 虚拟列表选择器 代码示例： <el-form-item label="场所名称"> <el-select-v2 class="row-inp" v-model="query ......
如何快速截图、拉红框、红箭头
一、如何快速截图 方法1（windows自带截图工具）： 第一步：同时按住键盘上的“Shift”、"win”和“S”【即Shift+win+S】,则会出现下图中的画面： 第二步：这个时候框选住你需要的画面之后，会在右下角弹出以下弹窗： 第三步：点击这个弹窗，则会出现“截图和草图”窗口： 第四步 ......
TornadoFx 页面之间的数据传递
> 原文地址: [TornadoFx 页面之间的数据传递 - Stars-One的杂货小窝](https://stars-one.site/2023/07/01/tornadofx-view-param) 和Android开发一样,经常遇到两个页面之间需要进行数据的交互传输,本文讲解下Tornado ......