前端header footer main
前端课的总结
在这个课上我学会了很多知识，包括之前大学学过的，也包括没学过的，总而言之，在这个课上学到了很多有用的东西除了学习知识，还积累了一些好句子 我认为比学习更重要的是要知道为什么去学习，学他的意义在哪里。而后我们要进行专升本的学习，这也是为当时高考的年少轻狂买单， 我很喜欢nba解说于嘉老师说过的几句话， ......
前端播放m3u8格式视频
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>前端播放m3u8格式视频</title> <link href="https://vjs.zencdn.net/7.4.1/video-js.css" r ......
【13.0】前端基础JavaScript之JS事件案例
# 【13.0】前端基础JavaScript之JS事件案例 # 【一】开关灯示例 ```html Title 变色 ``` # 【二】input框获取/失去焦点 ```html Title ``` # 【三】实时展示当前时间 ## 【1.0】基础版 ```html Title ``` ## 【2.0 ......
【14.0】前端基础jQuery之引入
# 【14.0】前端基础jQuery之引入 # 【一】什么是jQuery - jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 - jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编 ......
前端Vue自定义顶部导航栏navBar 导航栏搜索框searchBar 导航栏右侧菜单按钮button
#### 前端Vue自定义顶部导航栏navBar 导航栏搜索框searchBar 导航栏右侧菜单按钮button，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13342 #### 效果图如下: ![](https://p3-j ......
前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除
前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13343 效果图如下: ![](https://p3-juejin.byteim ......
分页查询-前端
<!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. 引入 ......
【11.0】前端基础之阶段性复习
# 【11.0】前端基础之阶段性复习 # 【一】HTML ### 【1】什么是HTML - 超文本标记语言，就是一堆标签，每个标签具有特定的意义，是浏览器展示页面所公用的一套标准 - HTML是一种用于构建网页的标记语言，全称为"Hypertext Markup Language"（超文本标记语言） ......
前端学习 C 语言 —— GDB调试器
## GDB调试器 我们在讲[指针][初级指针]时用 `GDB` 调试段错误。 本篇将详细介绍 gdb 的`最常用命令`、`日志记录`、`检测点`，最后介绍如何用 gdb `调试进程`以及用gdb 调试一个开源项目的`调试版本` —— glmark2。 ### gdb介绍 GDB, the GNU ......
__main和主函数main()区别++++修改主函数名称的方法
一、__main和main()之间的关系 startup__ec618.s启动文件里面的Reset_Handler： 调用过程： stm32在启动后先进入重启中断函数Reset_Handler，其中会先后调用SystemInit和__main函数， __main函数属于c库函数，其内部依次进行三步工 ......
前端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 ......
综合案例-查询所有-后台-前端
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 定时更新 # 首页轮播图存在双写一致性问题这个问题 -以现在的技术水平（信号），做不到 ：改数据删缓存 -能选择的就是定时更新 -轮播 ......
常用的前端JavaScript方法封装
1、输入一个值，返回其数据类型** function type(para) { return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } functi ......
【10.0】前端基础之JavaScript进阶
# 【10.0】前端基础之JavaScript进阶 # 【一】自定义对象 - 可以看成Python中的字典，但是在JS中的自定义对象要比Python里面的字典操作起来更方便 ## 【1】创建自定义对象方式一 ```js var d = {"键":"值",}; ``` - 操作方法 ```js var ......
el-table中header里面写多层循环el-input无法修改其值
之前看别人加了 ```js @input.native="change($event, index)" change(e, index) { console.log('e', e, e.target.value); // this.tableColumns[index].fieldName = e; ......
【7.0】前端基础之CSS案例
# 【7.0】前端基础之CSS案例 > 在设计页面的时候先用div划分页面，再去填充数据，再去填充样式  ## h ......
【8.0】前端基础之JavaScript引入
# 【8.0】前端基础之JavaScript引入 # 【一】什么是JavaScript - js也是一门编程语言，他可以写后端代码 - JavaScript想一统天下，前后端都写 - 于是node.js 支持JS代码跑在后端服务器上 - 但是并不能完美的实现 - JavaScript和Java一毛钱 ......
【9.0】前端基础之JavaScript初识
# 【9.0】前端基础之JavaScript初识 > js也是一门面向对象的编程语言，一切皆对象 # 【一】变量命名规范 - 变量名只能是 数字/字母/下划线/$ - 变量名命名规范(js中推荐驼峰式命名法) - 变量民不能用关键字作为变量名 # 【二】JS代码的书写位置 - 可以单独开设JS文件书 ......
【5.0】前端基础之CSS进阶
# 【5.0】前端基础之CSS进阶 # 【一】分组与嵌套 ### 【1】分组 ```html Title 这是div标签 这是p标签 这是span标签 ``` > 上述方法，重复代码造成了代码的冗余 ```html Title 这是div标签 这是p标签 这是span标签 ``` ### 【2】嵌套 ......
【6.0】前端基础之CSS终章
# 【6.0】前端基础之CSS终章 # 【一】浮动带来的影响及解决办法 ## 【1】父标签塌陷 - 造成父标签塌陷的问题 ```html Title ``` - 内部元素因为浮动导致了外边框无法框柱内部元素 ## 【2】解决办法一 ```html Title ``` - 内部再创建一个子标签，给一个 ......