表头 前端 页面table
前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除
前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13343 效果图如下: ![](https://p3-juejin.byteim ......
微信小程序页面增加下拉刷新功能
对应的 json 文件 增加如下内容 "enablePullDownRefresh": true, "onReachBottomDistance": 50, "backgroundTextStyle": "dark", "backgroundColor": "#6197FB" 2.对应的js增加 函 ......
新增接口&页面布局
#1. 新增 ##1.1. 新增接口  ##1.2. 观察前端页面 我们需要在前端弄一个增加的对话框  { ......
修改所有Detail Table 字段为Not in 'D' Name
--修改所有Detail Table 字段为Not in 'D' Namedeclare @TableName varchar(50),@FielName varchar(50),@TableID varchar(20),@FieldID varchar(20), @Table_Descriptio ......
分页查询-前端
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-table .warning-row { background: oldlace; } .el-table ......
关于前端页面设置省略号ellipsis的问题
当内容超过宽度时，禁止换行，使用省略号...代替溢出的内容，一般这样的需求都会经常遇到。 使用css的text-overflow: ellipsis属性，可设置省略号，需要注意的是：1. 如果设置了display: flex，则换行无效。2. 一定要设置宽度 根据标签层级不同，设置省略号的css样式 ......
【12.0】前端基础JavaScript之DOM
# 【12.0】前端基础JavaScript之DOM # 【一】什么是DOM/BOM - 截至目前为止，我们虽然已经学会了js语法，但是还是没办法跟浏览器进行交互 - BOM(Browser Object Model) - 浏览器对象模型 - js代码操作浏览器 - DOM(Docunment Ob ......
数维图Sovit3D快速搭建5G智慧交通系统前端
前言 城市交通是城市社会活动、经济活动的纽带和动脉，对城市经济发展和人民生活水平起着极其重要的作用。 背景 随着我国城市化进程不断加快，现代城市交通问题日益受到人们的关注。特别是汽车数量的与日俱增，给城市带来了大量的污染，极大地影响了城市的发展，而拥堵的道路交通也是我国各大城市发展面临的实际问题。对 ......
基于vue-cli 5 和webpack 5实现微前端
有这么一个需求，项目里有很多业务模块，它们都有引用一些公共组件，每个业务模块打包后都是一个独立的应用，当公共组件修改时，单独打包公共组件，其他应用能够不需要重新构建，就能直接使用最新的公共组件，要怎么实现？ 一开始我想到的是使用网络资源，就是把公共组件打包后的js文件放到服务器，其他应用通过scri ......
前端文件流下载--mockjs污染全局问题
参考文章https://blog.csdn.net/daotian2016/article/details/123670179 项目场景：项目场景：VUE工程，做了一个代码自动生成可以导出zip的功能。 问题描述导出的zip文件打开提示“不可预料的压缩文件末端”，文件打不开。 export func ......
前端rsa加密与解密
RSA加密一般是公钥加密私钥解密，多用于前台公钥加密传参给后台，后台私钥解密。 使用RSA加密时需要用到`jsencrypt`，本文会介绍怎么安装及使用。 ### 1. 安装`jsencrypt` ```bash npm install jsencrypt ``` ### 2. 使用方法 1. 引入 ......
课程详情页面
[toc] # 一、课程详情接口 ```python # 课间，增加了些数据 # 多种写法 -方式一：直接在原来查询所有的视图类上加入继承：RetrieveModelMixin -继续使用查询所有的序列化类（没有章节及课时） -配合一个通过课程id，查询所有课程章节及课时的接口 -方式二：直接在原来 ......
iframe嵌套其它网站页面 全屏设置
背景： 今天在使用iframe时，发现嵌套页面中有个【全屏】功能，不好使，查了一下，发现iframe还有1个属性allowfullscreen设置，可以设置是否支持全屏，默认是false，现在把iframe的基础属性整理一下。 iframe基本属性 通常我们使用iframe主要设置 src,宽、高， ......
【11.0】前端基础之阶段性复习
# 【11.0】前端基础之阶段性复习 # 【一】HTML ### 【1】什么是HTML - 超文本标记语言，就是一堆标签，每个标签具有特定的意义，是浏览器展示页面所公用的一套标准 - HTML是一种用于构建网页的标记语言，全称为"Hypertext Markup Language"（超文本标记语言） ......
前端学习 C 语言 —— GDB调试器
## GDB调试器 我们在讲[指针][初级指针]时用 `GDB` 调试段错误。 本篇将详细介绍 gdb 的`最常用命令`、`日志记录`、`检测点`，最后介绍如何用 gdb `调试进程`以及用gdb 调试一个开源项目的`调试版本` —— glmark2。 ### gdb介绍 GDB, the GNU ......
前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放效果 可图片预览
#### 前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放 ，可图片预览，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13325 #### 效果图如下: ![](https://p3-juejin.b ......
前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片
#### 前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13326 #### 效果图如下: ![](https://p3-juej ......
课程页面前端
[toc] # 一、课程页页面前端 ```python #1 前端 新建三个组件 LightCourse.vue FreeCourse.vue ActualCourse.vue # 2 配置路由 import FreeCourse from "@/views/FreeCourse"; import ......
综合案例-新增-后台-前端
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-table .warning-row { background: oldlace; } .el-table ......
用户管理页面布局
#1. 观察前端项目 写一个用户管理页面,做查询系统,新增  #2. 查询部分 ##2.1.打开Element官网, ......
综合案例-查询所有-后台-前端
package com.itheima.mapper; import com.itheima.pojo.Brand; import org.apache.ibatis.annotations.ResultMap; import org.apache.ibatis.annotations.Select ......
012双写一致性之定时更新，异步发送短信，异步秒杀逻辑前后端，课程页面前端，课程相关表分析，基于对象跨表查询和双下划綫连表查询，课程表数据录入，课程主页接口
# 0 双写一致性之定时更新 ```python # 一旦加入缓存，就会出现数据不一致的请请求 # 双写一致性问题 -1 改数据，删缓存 -2 改数据，改缓存 -3 定时更新 # 首页轮播图存在双写一致性问题这个问题 -以现在的技术水平（信号），做不到 ：改数据删缓存 -能选择的就是定时更新 -轮播 ......
013查询所有课程接口，课程详情接口，课程详情后台之所有章节接口，所有课程前台，课程详情前台，课程详情页面，视频托管
# 1 查询所有课程接口 ```python # 查询所有课程接口 -带过滤：按分类过滤 -带排序：价格，学习人数 -带分页：简单分页 ``` ## 1.1 视图类 ```python class CourseView(GenericViewSet, ListModelMixin): queryse ......
el-table中的selectable的使用方法 tl-table中控制列表第一列 勾选框是否禁用
el-table中的selectable的使用方法 tl-table中 控制列表第一列 勾选框是否禁用 原文链接：https://huaweicloud.csdn.net/63a004ccdacf622b8df912b8.html el-table中的selectable的使用方法 html代码 < ......
常用的前端JavaScript方法封装
1、输入一个值，返回其数据类型** function type(para) { return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } functi ......
记录--组件库的 Table 组件表头表体是如何实现同步滚动？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在使用 Vue 3 组件库 Naive UI 的数据表格组件 DataTable 时碰到的问题，NaiveUI 的数据表格组件 DataTable 在固定头部和列的示例中，在键盘操作下表格横向滚动会有问题，本文是记录下解决问题的过程 ......
【10.0】前端基础之JavaScript进阶
# 【10.0】前端基础之JavaScript进阶 # 【一】自定义对象 - 可以看成Python中的字典，但是在JS中的自定义对象要比Python里面的字典操作起来更方便 ## 【1】创建自定义对象方式一 ```js var d = {"键":"值",}; ``` - 操作方法 ```js var ......