前端css

10个适合后端程序员的前端框架

前言 对于后端程序员而言选择一款操作简单、美观、简洁的前端框架对于我们生成效率的提高是极具影响力的。今天主要推荐如下10个前端框架,希望有一款适合你。本文中的所有前端框架都已经收录到适合后端程序员的前端框架GitHub Issues知识库中,假如大家有更好前端框架推荐欢迎到以下GitHub项目地址留 ......
前端 程序员 框架 程序

css学习(一)

### css引入 1. 内联样式 ```css 我是div元素 ``` 2.内部样式 ```css ``` 3. 外部样式 ```css /* 可以通过@import引入其他的css资源 */ @import url(./style.css); @import url(./test.css); . ......
css

css添加背景图片

方法一: ``` ``` 方法二: ``` style="background: url(lib/login.png); background-size: 100% 100%; background-attachment: fixed" ``` ......
背景图片 背景 图片 css

Web前端在浏览器如何启动本地可执行文件

方法2 本地监听法 可以自己开发一个小的可执行程序,监听前端发的web请求。收到请求后,我们自己编写的可执行程序启动本地的可执行文件即可。想要启动本地可执行文件的关键就是本地有一个小服务端,我们通过本地网络与服务端通信,服务端负责启动可执行文件。这种方法对于任何浏览器都兼容,但是需要用户额外安装程序 ......
前端 浏览器 文件 Web

2023-07-01 css之邮票锯齿

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
锯齿 邮票 2023 css 07

CSS中几种定位的简单描述与对比

静态定位(static): position属性的默认值为static,会忽略 top, bottom, left, right 或者 z-index 声明。 相对定位(relative)与绝对定位(absolute): 相对定位偏移参考元素是元素本身,而绝对定位以父辈元素中最近的定位元素为参考坐标 ......
CSS

前端Vue自定义勾选协议组件 可用于登录 注册等场景

#### 前端Vue自定义勾选协议组件, 可用于登录 注册等场景, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13299 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-c ......
前端 组件 场景 Vue

前端Vue自定义登录界面切换tabs 账号登录验证码登录模版 支持手机号校验邮箱校验验证码发送

#### 前端Vue自定义登录界面切换tabs 账号登录验证码登录模版 支持手机号校验邮箱校验、验证码发送, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13298 #### 效果图如下: ![](https://p3-jue ......
前端 手机号 模版 账号 界面

aws 开源的微前端发现实现 frontend-discovery

实际上此协议已经开放一段时间了(一年左右),里边一些实践还是很不错的,对于微前端实现的同学可以参考学习 同时官方也提供了一个基于aws 服务的参考实践,作者的一些演讲也是值得学习的 参考格式 如下图,可以看到包含了一些不错的设计,以及对于实际的部署维护,包含了元数据,多版本,fallback,一致性 ......

7.excel预览:前端加后端

node+express我要后端不是自己生成一个excel,而是从后端服务器发送一个现有的excel文件给前端 你可以使用Node.js和Express来实现从后端服务器发送现有的Excel文件给前端。你可以使用res.download()方法来实现这个操作。下面是一个示例代码: const exp ......
前端 excel

6.excel 下载后端:node+express我要后端不是自己生成一个excel,而是从后端服务器发送一个现有的excel文件给前端

node+express我要后端不是自己生成一个excel,而是从后端服务器发送一个现有的excel文件给前端 你可以使用Node.js和Express来实现从后端服务器发送现有的Excel文件给前端。你可以使用res.download()方法来实现这个操作。下面是一个示例代码: const exp ......
excel 前端 express 服务器 文件

CSS:z-index属性

如果**父 div 元素设置了 z-index:** 100 属性, 子 div 元素的行为将取决于其自身的 z-index 值和定位方式。 **子 div 元素没有显式设置 z-index:** 如果子 div 元素没有设置 position 属性,或者设置为 static,则子元素的层叠顺序将继 ......
属性 z-index index CSS

双写一致性之定时更新、异步发送短信、异步秒杀逻辑前后端、课程页页面前端、课程相关表分析、课程表数据录入、课程主页接口

[toc] # 一、双写一致性之定时更新 ![image](https://img2023.cnblogs.com/blog/3170957/202306/3170957-20230630160105750-1393148986.png) ### 任务逻辑 ``` @app.task def upd ......

css垂直居中

案例如下: .parent{ width:500px; height:500px; background-color: #ccc; } .child{ background-color: red; color:#fff; width:100px; height:50px; } <div class= ......
css

CSS

# CSS ## 1. 规则 ```html h1 { width: 600px; heigh: 1200px; margin: auto; } ``` ## 2. 样式类型 ```html 非顶级程序员 ``` ## 3. 选择器 - **定义内部样式,当前页面所有h2标签生效** ```html ......
CSS

vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript

# vane 写这个的初衷是因为每次用node写接口的时候总是需要一些写大一堆的东西, 也有些人把很多接口都放在一个js文件内, 看起来很是杂乱, 后来用到nuxt写的时候, 感觉用文件名来命名接口路径很是方便, 无论是query参数还是params参数,都可以通过文件名来命名, 也可以通过文件夹层 ......
前端 typescript 框架 nodejs vane

HTML以及CSS介绍

HTML介绍 HTML(超文本标记语言)是用于创建网页和应用程序的标准标记语言。它提供了网页内容的结构和格式,定义了元素的显示和组织方式。 HTML文档由一系列用尖括号(< >)括起来的标签组成。标签用于定义文档中的不同元素及其属性。以下是一个基本的HTML结构示例: <!DOCTYPE html> ......
HTML CSS

【前端教程03】for循环冒泡排序、去重、查找重复元素

// 升序 const bubbleSort = (arr) => { for (let i = 0; i < arr.length; i++) { for (let j = 0; j < arr.length - i; j++) { if (arr[j] > arr[j + 1]) { let t ......
前端 元素 教程 for

【前端教程02】js拖拽布局demo

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
前端 布局 教程 demo

前端知识点(三)——css

# 1、常用CSS属性 ## 1.字体属性 设置字体相关的样式 | 属性 | 含义 | 说明 | | : : | : : | : : | | font-size | 大小、尺寸 | 可以使用多种单位 | | font-weight | 粗细 | | | font-family | 字体 | | | ......
知识点 前端 知识 css

java spring MVC接收前端特殊字符被解析后解决方法

WEB开发时,在前端通过get / post 方法传递参数的时候 如果实参附带特殊符号,后端接收到的值中特殊符号就会被转义 比如 ur=ssd& 后端接收的却是 ur=ssd&amp; java中可以使用 org.apache.commons.lang3 包中的 StringEscapeUtils. ......
前端 字符 方法 spring java

简单的圆钟实现(Html5+Css3+JavaScript)(附源码)

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>简单的圆钟实现</title> 6 <style> 7 #box { 8 width: 300px; 9 height: 300px; 10 ......
JavaScript 源码 Html5 Html Css3

CSS 设置什么样式都不起作用,显示注入的样式表(因 AdBlock)

![注入的样式表](https://img2023.cnblogs.com/blog/2271881/202306/2271881-20230630124455187-1305830641.png) 如上图所示,我的 div 设置什么样式都不起作用,原来是被一个不知道哪里来的注入的样式表给设置了 n ......
样式 作用 AdBlock CSS

css样式

CSS(Cascading Style Sheets)用于为 HTML 元素添加样式和布局。以下是一些常见的 CSS 样式和属性示例: 设置文本样式: cssCopy code h1 { color: blue; /* 设置文本颜色为蓝色 */ font-size: 24px; /* 设置字体大小为 ......
样式 css

前端 http大文件断点续传上传

​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
断点 前端 文件 http

前端实现radio+其它自定义输入选项

后端数据库设计:1.类型字段 2.用户输入的其它信息记录字段 前端: <el-form-item label="性能要求类型"> <el-radio-group v-model="form.performanceRequirementType"> <el-radio v-for="dict in p ......
前端 radio

CSS颜色格式

在CSS中,有多种常用的颜色格式可用于设置元素的颜色。以下是一些常见的颜色格式: 1. 十六进制颜色码(Hexadecimal Color Codes):使用6位十六进制值来表示颜色,前两位表示红色(00-FF),中间两位表示绿色(00-FF),最后两位表示蓝色(00-FF)。例如,红色可以表示为# ......
颜色 格式 CSS

前端知识点整理(二)——css

# 一、基本用法 ## 1、css语法 ``` ``` - 选择器:要修饰的对象(东西) - 属性名:修饰对象的哪一个属性(样式) - 属性值:样式的取值 ``` Document 111 111 ``` ## 2、CSS应用方式 也称为CSS引用方式,有三种方式:内部样式、行内样式、外部样式 ## ......
知识点 前端 知识 css

前端知识点总结(一)

# 前端知识点 ## HTML - HTML是超文本标记语言,用于构建网页结构和内容。 - HTML元素、标签和属性的概念。 - 常用HTML标签的使用,如``、``、``等。 ## CSS - CSS是层叠样式表,用于控制网页的样式和布局。 - CSS选择器、属性和值的基本概念。 - 常用的CSS ......
知识点 前端 知识

Nginx 常用的基础配置(web前端相关方面)

文章出处:https://juejin.cn/post/7196859948554715195 基础配置 user root; worker_processes 1; events { worker_connections 10240; } http { log_format '$remote_ad ......
前端 方面 常用 基础 Nginx