前端css
前端课的总结
在这个课上我学会了很多知识，包括之前大学学过的，也包括没学过的，总而言之，在这个课上学到了很多有用的东西除了学习知识，还积累了一些好句子 我认为比学习更重要的是要知道为什么去学习，学他的意义在哪里。而后我们要进行专升本的学习，这也是为当时高考的年少轻狂买单， 我很喜欢nba解说于嘉老师说过的几句话， ......
[css]选择器，匹配以某个字符开头或结尾
1. ``` div[class$="-btn"]:active{ opacity:.8 } ``` 可匹配到div,class为“-btn”结尾的元素 2. ``` div:[id^="item-"]{ color:red } ``` 可匹配到div,id为“item-”开头的元素 ......
前端播放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 ......
[CSS 3] Container query
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries .container { container: article / inline-size; } h2 { font-size: 7cqw; } @conta ......
[CSS 3] margin-trim
The margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges. https://developer.mozilla.o ......
[CSS 3] :has selector
html: <div class="post"> <h2>Post</h2> <a href="#"> a link</a> </div> <div class="post"> <h2>Post</h2> </div> <div class="post"> <a href="#"> a link</ ......
HTML&CSS
HTML HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的HTML(HyperText Markup Language)：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容 标记语言：由标签构成的语言HTML 运行在浏览器上， ......
分页查询-前端
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-table .warning-row { background: oldlace; } .el-table ......
Jquery操作元素的属性和css
<button id="problem_chart_search" type="confirm" style="margin: 0 3em;color: #fff;font-size:.75em;padding: 2px 10px;">搜索</button> //1、改属性 $('#problem_ ......
关于前端页面设置省略号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 ......
CSS|Flex布局
> 演示动图来源：[GitHub](https://github.com/ccforward/cc/issues/57#issue-207585739) ## 一. 什么是flex布局 是一种专门的CSS一维(水平/垂直)布局方案 - 位置(定性) - 大小(定量) > 怎么研究位置和大小 借助坐标 ......
数维图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. 引入 ......
CSS|传统布局
## 一. 浮动 ### 1 为什么需要浮动 >首先, 思考一下下面的问题: 1. 如何让多个块盒(div)水平排列成一行？ 2. 如何实现块盒的左右对齐? ### 2 什么是浮动 > 概念 设置了浮动属性的元素会 1. 脱离**标准流**(整个HTML文档的元素, 从上而下, 从左到右排列) 2. ......
HTML5、CSS3
1.HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签 HTML5是超文本标记语言的第五次重新修订，2014年10月29日标准规范制定完成。HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5的新特性： 用于绘画：canvas元素 用于媒体回访 ......
css文本&布局属性
1.writing-mode（协作模式）：块内容(段落)在页面的流程方式 horizontal-tb（默认）：水平内容，从上到下 vertical-lr：垂直内容，从左到右 vertical-rl：垂直内容，从右到左 2.direction（方向）：内联内容(字符)如何在屏幕上流动 ltr（默认）： ......
【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 ......
综合案例-查询所有-后台-前端
package com.itheima.mapper; import com.itheima.pojo.Brand; import org.apache.ibatis.annotations.ResultMap; import org.apache.ibatis.annotations.Select ......