前端css
用纯HTML，JS，CSS实现横向滚动标签页
### 前言 前不久，在我的一个项目中，需要展示一个横向滚动的标签页，它支持鼠标横向拖动和点击切换。在实现的过程中，我发现这个小功能需要同时用到前端的三辆马车，但是实现难度不高，而且最终效果还不错，是个难得的初学者项目，于是萌生了写这篇文章的想法，希望对初学者有所帮助。同时为了避免初学者学习框架，我 ......
【vue】前端下载文件自定义文件名称
【vue】前端下载文件自定义文件名称 https://blog.csdn.net/weixin_48200589/article/details/125067618 下载文件自定义文件名称 文件下载名称不想和后端提供的URL一样怎么办呢？1.首先给按钮去绑定一个事件2.正常我们的下载处理方式3.自定 ......
前端权限配置
#### **前端权限配置** 在前端开发中，权限配置是指对用户进行访问控制，以确保他们只能访问他们有权访问的资源。在本文中，我们将介绍前端权限配置的基本概念和实现方法。 前端权限配置是指在前端页面中对用户进行访问控制的过程。它通常包括用户身份验证、权限管理、资源管理几方面。用户身份验证是在用户登录 ......
前端 WebUploader 分片上传
第一点：Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt ......
CSS中常见的场景实现
## 如何实现两栏布局 实现两栏布局一般指的是左边固定,右边自适应,这里给出几个案例给大家参考 ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6ba3f53026e842dfa8690e286bf6c690~tplv-k ......
微前端改造前因&可行性分析&计划
需要解决的问题： > 1.规划EMI平台的全功能架构，同时梳理EMI平台目前的功能框架，明确出来要迭代或重构哪些功能； 2.针对技术方案中的技术实现原理进行讨论，分析技术可行性和先进性、兼容性； 3.重构计划和具体实施方案，如旧系统如何转移等。 前端层面 ### 0.改造的原因： 1. `技术层面` ......
前端vue自定义简单实用下拉筛选 下拉菜单
前端vue自定义简单实用下拉筛选 下拉菜单, 下载完整代码请访问: https://ext.dcloud.net.cn/plugin?id=13020 效果图如下: #### 使用方法 ```使用方法 <!-- titleArr: 选择项数组 dropArr: 下拉项数组 @finishDropCl ......
vue实现的前端模糊匹配搜索
vue实现的前端模糊匹配搜索 <div id="app"> <div class="wrapper"> <input type="text" v-model="searchText"><button @click="submit">搜索</button> </div> <table> <thead> ......
后台返回前端的json数据，大写变小写的问题
问题 ：在weebsocket通过向前端发送json数据，本来要发送的是BB字段，结果到了前端成了bb。后来发现是因为jackson自动转换了(估计是采用驼峰格式)。 解决： 在对应的属性上面添加@JsonProperty("BB")来指定要显示的字段名称 ``` @JsonProperty("Na ......
css实现向上滚动动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
前端业务需求构建
一、开发流程： 需求 >原型 >开发 >测试 >上线 1、开发 （1）版本控制：选用git版本 （2）技术选型：根据业务需求，选择合适技术 vue-cli | 制定统一编码规范，便于团队协作和代码维护，例如eslint, tslint （3）环境配置：初始化项目完成后，提交代码到远程库 （4）构建优 ......
clang前端基础系统概要
clang前端基础系统概要 4.1编译器Clang会代替GCC吗？ Clang是一个C语言、C++、Objective-C语言的轻量级编译器，遵循BSD协议。 Clang编译速度快、内存占用小、兼容GCC等一些优秀的特点使得很多工具都在使用它。 现在Clang和GCC的异同。 4.1.1 GCC概念 ......
前端-CSS生成器
# 按钮 - https://uiverse.io/buttons - 有好看的button、卡片、输入框等 - https://markodenic.com/tools/buttons-generator/ # 玻璃态 - https://hype4.academy/tools/glassmorp ......
学习笔记-HTML CSS Js篇
### https://www.runoob.com/css/css-grouping-nesting.html p{ }: 为所有 p 元素指定一个样式。 .marked{ }: 为所有 class="marked" 的元素指定一个样式。 .marked p{ }: 为所有 class="mark ......
2023-06-12 运行旧的rouyi前端项目报错：unknown property 'disableHostCheck'
运行，报错 ERROR ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - opt ......
尚医通-day02【医院设置前端详细步骤】（内附源码）
# 页面预览 ## 列表页面  ## 新增页面 ![image-20230210195318317](https://s2.loli.net/2 ......
“前端已死”甚嚣尘上，全栈工程师卷到起飞
海量应届生入场，坑位却还是那多。具备前后端开发能力的全栈工程师兴起，不仅能够开发前端，还能够处理后端业务逻辑和数据库等技术，还能掌握整个软件开发的细节。企业自然会更愿意招聘全栈工程师，说白了，卷啊！ 后端码农，你还写前端代码吗？ 为了更好的适应互联网应用需求的开发，前端的更新迭代太快了，除了 SSR ......
前端登录流程
1、首次登录，前端调用后端登录接口，发送用户名密码 2、后端收到请求，验证用户名密码。成功，返回给前端token和一个用户信息的值 （token：后台发的唯一标识，用来验证用户是否登录） 3、前端拿到token，将token存储到sessionStorage中，并跳转路由页面 4、前端每次跳转路由， ......
利用socket技术，java简易实现http使用，Java课设大作业（前端代码的使用，Main方法，运行）
一.前端实现代码 在实现这个功能的时候，我们第一步需要去构建一个前端项目，为了方便简洁，我们可以直接创建一个较为简单的项目，例如“Hello Client!!!” 代码如下展示出来： 如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset= ......
前端小项目 | 图片水印工具
记录开发过程中遇到的一些问题与资料 https://tools.jgrass.xyz 源码：[JasonGrass/web-tools](https://github.com/JasonGrass/web-tools ) ## 参考资料 [javascript - js给图片加水印的两种方法 - 个 ......
前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度
前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度, 下载完整代码请访问https://ext.dcloud.net.cn/plugin?id=13003 效果图如下: #### 使用方法 ```使用方法 swiperTabList: ["2023-06-10","202 ......
css 优惠券波浪线效果
<ul> <li> <i class="left"></i><span class="center"></span><i class="right"></i> </li> ... </ul> li { position:relative; line-height: 30px; } i { posit ......
CSS(精灵图、字体图标、三角、用户界面样式、vertical-align、溢出省略号、常用布局技巧、初始化 )
一. 精灵图（重点） 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 为什么使用精灵图（目的）： ·为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出 ......
CSS选择器——简单爬虫程序
爬取豆瓣top250影片资料（待修改） 使用BeautifulSoup方法进行操作，CSS选择器截取html文本内容，对网页解析如。 import requestsfrom bs4 import BeautifulSoup#避免反复获取出现爬取失败#头请求用于防止访问拒绝，亦可加cookiesdef ......
前端点击一个excel图标, 自动调用office打开其对应的excel文件
有对应的excel协议, 具体: 前端掉 excel协议+文件地址即可,你只需要把 文件地址 返回即可. 背景: http协议: http"//www.baidu.com https协议 ftp协议 所以,对应的有 Excel协议 ......
css实现直线拉伸
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>直线拉伸示例</title> <style> .line { height: 2px; background-color: black; animation: ......
前端弹性布局神器display:flex【转】
在进行网页前端设计时，需要垂直居中显示文本，但CSS似乎没有明确的垂直居中的代码方法，由于目前的页面不再考虑以前的浏览器了，因此采用CSS3的display:flex方法来实现。现记录一下flex属性的相关资料。 ......
CSS3
一、CSS简介 CSS是层叠样式表 ( Cascading Style Sheets ) 的简称。有时我们也会称之为CSS样式表或级联样式表。 CSS是也是一种标记语言，主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样 ......
前端 vue 自定义导航栏组件高度及返回箭头 自定义 tabbar 图标
前端vue自定义导航栏组件高度及返回箭头 自定义tabbar图标, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12986 效果图如下: ![image](https://img2023.cnblogs.com/blog/32 ......
004_前端操作标题和内容
/* 一: 标题 1 创建表单 2 url 3 views 4 模板 5 入口按钮 二: 内容 1 */ 一: 标题 1 创建表单 2 url 3 views 4 模板 5 入口按钮 二: 内容 ......