前端css

css颜色变淡和变浅方法收集(模拟sass的darken和lighten函数)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
函数 颜色 lighten 方法 darken

selenium中使用CSS 定位

CSS 是一种语言,用来描述 HTML 和 XML 文档的表现。CSS 使用选择器为页面元素 绑定属性。 CSS 选择器可以较为灵活地选择控件的任意属性,一般情况下,CSS 定位速度比 XPath 定位速度快 通过 CSS Selector 选择单个元素的方法是 find_element(By.CS ......
selenium CSS

前端字符编码

在计算机内部,所有的信息最终都表示为一个二进制的字符串。每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态(-128~127),这被称为一个字节(byte)。 也就是说,一个字节一共可以用来表示256种不同的状态,每一个状态对应一个符号,就是256个符号,从00000 ......
前端 字符 编码

前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求

#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下: ![](https://p3-juejin.byteimg. ......
前端 组件 loading 页面 Vue

前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模版

#### 前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模版, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13221 #### 效果图如下: #### ![](https://p3-juejin. ......
模版 密码 前端 标签 标题

前端Vue自定义发送短信验证码弹框popup 实现剩余秒数计数 重发短信验证码

前端Vue自定义发送短信验证码弹框popup 实现剩余秒数计数 重发短信验证码, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13207 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i- ......
短信 前端 popup Vue

微前端中的CSS

我被问得最多的问题之一是如何在微前端中处理 CSS。毕竟,样式始终是任何UI 片段所需要的东西,然而,它也是全局共享的东西,因此是潜在的冲突来源。 在这篇文章中,我想回顾一下现有的不同策略来驯服 CSS 并使其扩展以开发微前端。如果这里的任何内容对您来说听起来合理,那么也可以考虑研究“微前端的艺术” ......
前端 CSS

[CSS] Render Layers

Those css properties will promot to a new layer ......
Render Layers CSS

08异步短信发送,注册功能,补充【1.为什么要写media才能访问,2.debug作用,3.ALLOWED_HOSTS 的作用】前端登录和注册页面与功能

# 1 异步发送短信 ```python # 原来的发送短信,是同步 -前端输入手机号 》点击发送短信 》前端发送ajax请求 》到咱们后端接口 》取出手机号 》调用 腾讯发送短信 》腾讯去发短信 》发完后 》回复给我们后端发送成功 》我们后端收到发送成功 》给我们前端返回发送成功 # 把腾讯发送短 ......

【CSS】写一个原生的透明 input 标签输入框

![在这里插入图片描述](https://img-blog.csdnimg.cn/d10ff2650c664d6894f16763995e460d.png#pic_center) ```html ``` ```css .search { height: 32px; width: 204px; dis ......
标签 input CSS

vue 电池样式组件 css样式

效果如图:(背景图片自行替换) 这是用纯css写的电池样式,获取数据后,找出最大值,并计算长条的宽度,从而完成样式。 话不多说上代码: <!-- * @Description:电池样式组件 * @Author: 如意酱 * @Date: 2022-01-08 13:31:37 * @LastEdit ......
样式 组件 电池 vue css

css属性中的 filter 和 backdrop-filter 使用

filter CSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。 mdn 文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter /* URL to SVG filter */ fil ......
filter backdrop-filter backdrop 属性 css

vue06_前端工程化

今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) ​ 代表产品 ......
前端 工程 vue 06

前端工程化 (开始)

为何偏偏JavaScript没有模块呢?如果要追溯历史原因,JavaScript之父——Brendan Eich最初设计这门语言时只是将它定位成一个小型的脚本语言,用来实现网页上一些简单的动态特性,远没有考虑到会用它实现今天这样复杂的场景,模块化当然也就显得多余了。 随着技术的发展,JavaScri ......
前端 工程

css关键字unset的含义?

unset是css的关键字,将一个属性的属性值设置为unset,目的是将一个属性重新重新设置为其从父母那继承的属性值,如果没有继承则是重置成初始值。 它可以应用到所有的css属性上,包括css简写。 转自:https://www.cnblogs.com/Janejxt/p/7490997.html ......
含义 关键字 关键 unset css

前端实现权限控制 - 三种方法 - 不同的角色有不同的路由映射

有代码:https://gitee.com/zhu-longxu/zhulx-rbac ps:注意本地路由 router 有哪些规则?服务器返回的数据格式? 方法一:本地路由router 包含静态路由规则 ; 虽然动态路由规则定义了但是没有注入;动态路由规则在登录判断的时候选择性是否注入 ;服务器返 ......
前端 路由 权限 角色 方法

视频直播网站源码,CSS实现吃豆豆效果

视频直播网站源码,CSS实现吃豆豆效果 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht ......
视频直播 源码 效果 视频 网站

微前端改造细节

优化husky校验规则,添加代码提交校验,避免随意提交导致代码可读性降低。 给主应用添加了开发文档入口,方便在开发时查阅文档,提升开发效率。 优化了控制台的构建提示,更换为“👏欢迎使用${blue("无界[Wujie]")}-极致的微前端框架”。 项目开启了Mock服务,当接口需要对接时候关闭相关 ......
前端 细节

CSS样式(内联、内部、外部)

https://blog.csdn.net/xiji333/article/details/111283931 文章目录1.内联样式2.内部样式3.外部样式1.内联样式 内联样式,又称行内样式。在标签内部通过s t y l e stylestyle属性来设置元素的样式。 <!DOCTYPE html ......
样式 CSS

web前端性能优化之资源文件加载优化

前言首屏速度是用户体验的最关键一环,而首屏速度最大的决定性因数就是资源的加载速度 而资源的加载速度 = 资源大小 + 网速 资源大小影响的方面有1、压缩(如Gzip) 2、一部分代码分割出来做异步加载,需要的时候在加载 3、写代码的时候尽量精简 本文主要针对,资源文件加载的优化。异步资源加载一般有两 ......
源文件 前端 性能 web

【前端开发】好用的可视化爬虫工具

EasySpider 一个可视化爬虫软件,可以无代码图形化的设计和执行爬虫任务 git地址如下 https://github.com/NaiboWang/EasySpider 下载软件地址 https://github.com/NaiboWang/EasySpider/releases 实例效果图 ......
爬虫 前端 工具

爬虫如何通过HTML和CSS采集数据的 ?

爬虫可以应用于各种应用场景,包括数据分析、市场研究、舆情监测、竞争报、价格比较、内容聚合等。对于需要大量数据的业务和研究领域,爬虫能够提供宝贵的支持。 爬虫可以按照设定的规则从多个网进行批量数据抓取,比人工手动方式更高效。量数据,并支持后续的数据分析和决策。 爬虫可以通过解析HTML和CSS来采集数 ......
爬虫 数据 HTML CSS

前端Vue自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo

#### 前端Vue[自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo](https://ext.dcloud.net.cn/plugin?id=13204), 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id= ......
前端 红包 顶部 积分 内容

前端Vue自定义滚动卡片,可以用于商品海报生成

#### 前端Vue自定义滚动卡片,可以用于商品海报生成, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13189 #### 实现代码如下: # cc-scroolCard #### 使用方法 ```使用方法 ``` #### ......
前端 卡片 海报 商品 Vue

前端Vue自定义精美tabs,可设置下划线图标 热门标题

#### 前端Vue自定义精美tabs,可设置下划线图标 热门标题, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13186 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
下划线 前端 图标 标题 tabs

前端 js 获取 baseurl

如果部署一个网站到网络 需要知道对应的ip ,这个时候 前端的baseurl 需要动态调整 ,一般是在public 里面写个config.js ,部署的时候改这个config.js 里面的内容 有一种偷懒的方式就是用户是知道你的ip 的,这个时候可以用 `window.location.host` ......
前端 baseurl js

文件上传-js前端验证

先上传一个文件看看 这里有标识文件类型 方法一:禁用js前端验证使用工具禁用所有的 js 脚本 或者修改 onsubmit 参数 保证 return checkFile()函数返回值为true 第二种方法: 上传png文件 改为php后缀远程执行命令,回显成功 ......
前端 文件 js

HTML+CSS基础知识

## 1. HTML ### 1.1 基础标签的使用 ## 2. CSS **CSS** (Cascading Style Sheets,层叠样式表) ### 2.1 HTML中引入CSS的方式 - 行内式 ```css ``` - 内嵌式 ```css ``` - 外联式 ```css ``` # ......
基础知识 基础 知识 HTML CSS

【前端算法学习】数据结构之“队列”

## 回顾 上一章,我们学习了“栈”这个数据结构,我们在JS中可以用`push()`和`pop()`来模拟入栈和出栈。 这一章我们将学习“队列”这个数据结构,同时我们也会使用JS代码来介绍、模拟实现队列的操作。 ## 什么是队列 队列与我们上一章学习的栈十分相似;但是与栈不同的是,队列遵循FIFO( ......
数据结构 队列 前端 算法 结构

【前端算法学习】利用“栈”数据结构,解决简单算法

## 第一题 | LeetCode | 力扣 | 难度 | | : : | : : | :--: | | 20.Valid Parentheses. | 20. 有效的括号 | 简单 | ### 题目描述 给定一个只包括 `'('`,`')'`,`'{'`,`'}'`,`'['`,`']'` 的字符 ......
算法 数据结构 前端 结构 数据