前端css
CSS(css导入---css选择器）
一、css导入 CSS 是一门语言，用于控制网页表现。之前介绍过W3C标准。W3C标准规定了网页是由以下组成： 结构：HTML 表现：CSS 行为：JavaScript css 导入方式其实就是 css 代码和 html 代码的结合方式。CSS 导入 HTML有三种方式： 内联样式：在标签内部使用s ......
css实现多余文字隐藏，用省略号代替
.txt{ overflow: hidden; //溢出内容隐藏 white-space: nowrap; //强制文本在一行内显示 text-overflow: ellipsis; //当对象内文本溢出时显示省略标记 } <p class='txt'>经营范围：{{ item.businessSc ......
一个WPF版的Layui前端UI库
前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库，今天我们分享一个WPF版的Layui前端UI样式库：Layui-WPF。 WPF介绍 WPF 是一个强大的桌面应用程序框架，用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功 ......
CSS标签
伪类选择器 <style> /*未访问时候显示的*/ a:link { color: #FF0000; } /* 鼠标移动到链接上 */ a:hover { color: #FF00FF } /* 选定的链接 */ a:active { color: #0000FF } /* 已访问的链接 */ a ......
认识前端
前端 什么是前端？ 前端就是用户可以直接看得到的视图层就是前端 什么是后端？ 后端是和数据打交道的，在用户看不到的 前端学习的内容 """前端三剑客""" HTML：一个网页的骨架，没有任何样式 CSS：给一个网页添加样式，让其变得更加美观 JavaScript：让网页有动效 前端框架： jQuer ......
前端开源项目UIRecorder录制脚本遇到的一些问题
D:\nodejs\node_global>uirecorder init __ ______ ____ __ / / / / _/ / __ \___ _________ _________/ /__ _____ / / / // / / /_/ / _ \/ ___/ __ \/ ___/ __ ......
前端跳转第三方链接带上token，第三方跳转链接能在Authorization中添加字段吗，方法
要在前端跳转到第三方链接时携带 token，你可以使用以下几种方法： URL 参数：将 token 作为 URL 的查询参数传递给第三方链接。例如，将 token 添加到链接的末尾，如 https://example.com/third-party?token=your_token_here。第三方 ......
css添加三角指示器
.bar{ ... &:before { top: 100%; left: 24px; border: solid rgba(0, 0, 0, 0); content: ''; height: 0; width: 0; position: absolute; border-top-color: rg ......
Tailwind CSS vs windicss
Tailwind CSS 和 windicss 都是基于 utility-first 的 CSS 框架，它们有着相似的设计原则和使用方法。但是它们也有一些不同之处： 文档和社区支持：Tailwind CSS 拥有强大的文档和社区支持，而 windicss 的文档和社区相对较小。这意味着使用 Tail ......
CSS中的 @media属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .page-header{ height: 300px; background-color: red; } /* 当 ......
如果后端API一次返回10万条数据，前端应该如何处理？
这个问题其实是考察面试者对性能优化的理解，涉及的话题很多。 创建服务器 为了方便后续测试，我们可以使用node创建一个简单的服务器。 服务器端代码： const http = require('http')const port = 8000;let list = []let num = 0// cr ......
CSS 各个版本 功能 区别 后续情况
CSS（Cascading Style Sheets）是一种用于描述网页元素样式的标记语言。它的发展经历了多个版本，包括CSS1、CSS2和CSS3。下面是它们各个版本的功能和区别： CSS1： 发布时间：1996年12月 功能：引入了基本的样式定义和布局机制，包括选择器、盒模型、文本样式、背景、边 ......
css圣杯等高布局
三列布局 左右固定,中间自适应 中间内容优先加载 左右和中间等高(伪等高) *三列都需要浮动 *使用margin-left为负设定边界(元素位置不改变) *左右使用定位,使中间的内容显示 *使用padding-bottom和margin-bottom设置伪等高 <!DOCTYPE html> <ht ......
前端数据流组装指定格式的文件下载
有的时候，我们从后端获取了文件数据，需要在前端组合成指定格式的文件，并下载。 组合文件，除了数据，还需要规定格式，才知道组合成什么格式的文件。 主要代码如下： /* * responseText 后端获取的文件数据 * 这里以 pdf 格式的文件举例，设置 type 为 pdf 文件需要的类型 * ......
CSS选择器
一、属性选择器 [att^=value] 前缀：通过属性名和属性值的前缀进行选择 在CSS中，我们可以使用属性选择器来选择具有特定属性值的元素。其中，通过设置属性值的前缀（value），我们可以选择具有以某个特定前缀开头的属性值。例如，如果我们想选择所有属性名为att且属性值以value开头的元素， ......
CSS3入门
一．CSS3的概述 1.定义:层叠样式表;d 2.意义:把内容与形式分开;html: 内容; CSS: 形式 3.浏览器:chrome 4.css 样式规则e选择器(属性 1:值，属性 2: 值;.......) 选择器区分大小写，“ 5.css样式表的导入 (1)行内式 例: style="fon ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
CSS语法检查利器之csslint
本文于2015年底完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 背景 前段时间研究使用YUI Compressor压缩项目里的js和css文件，研究了两天之后，终于在周三晚上把YUI Compressor集成进了打包流程中；于是周四（2 ......
从前做前端的时候， 联通的好多html5活动， 页面布局如何整齐，回顾一个常用的
今天想布个页面， 许久不手写css了，从前写了许多html5的游戏活动等， 大转盘，豆豆世界，沃积分， 刮刮卡， 那时候早，不同手机端一个个测，手机品牌每个浏览器都不一样，那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了， 搞了通宵才让回家，因为要赶上线。 如今却css许久不写了，好多技能 ......
2023-12-29 css之行内存在多个!important权重时哪个!important优先级最高？==》显示最后一个
假如div里面有多个!important权重的样式类名.a和.b，哪个优先级最高？ <div class="a b"></div> .a { display: block !important; } .b { display: none !important; } 答案：b。 谁的!importan ......
css 实现一个选项卡按钮边框弯曲平滑
<View class="tabs" style="display: flex; justify-content: space-between"> <View class="tabs-item" style="width: 50%"> <Button class="tabs-btn" :class= ......
华为云耀云服务器L实例-tilas教学管理系统前端配置
华为云耀云服务器L实例-tilas教学管理系统前端配置 产品官网：https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址：https://github.com/JohnYoung5665/spring-boot-web01/tree/m ......
纯前端对服务器的概念
1. 服务器概念 前端接触的服务器有多种，比如：机房的物理服务器、后端装自己电脑上的虚拟机服务器、华为云或腾讯云上租的云服务器、node或nginx提供本地文件访问的web服务器 等。 对于我们前端而言，服务器就分为两类 web服务器 和 非web服务器。 web服务器：就是一个软件程序，运行之后， ......
前端使用a标签下载非同源文件(备选方案)
原理: 下载文件Blob,再把Blob转为本地链接,以实现跨域变同域,最后使用a标签实现下载； 优缺点： ● 优点：能达到下载跨域文件的目的； ● 缺点：不适用于大文件，大文件体验较差； 示例： 使用fetch把文件下载下来,然后URL.createObjectURL转为本地链接,最后使用a标签下载 ......
H5前端特殊艺术字体文件太大，可通过font-spider压缩
原理: 1.爬行本地 html 文档，分析所有 css 语句 2.记录@font-face语句声明的字体，并且记录使用该字体的 css 选择器 3.通过 css 选择器的规则查找当前 html 文档的节点，记录节点上的文本 4.找到字体文件并删除没被使用的字符 5.编码成跨平台使用的字体格式 简而言 ......
WEB前端，后端接单中 ，企业网站小程序开发
php ， Vue开发，h5开发，html，css ，js，微信小程序 ，uni-appchrome插件，需要滴滴我。看需求时间复杂度免费 例如期末大作业，毕业设计，自用工具都可以找我。 找前端师傅带带？快来吧 微信号： kaifa099 vx,请备注博客园 ......
css多行文本省略 line-clamp
css多行文本省略 line-clamp 一行文本内容溢出的省略例子： <div class="container" style="width: 200px;outline: 1px solid red"> <div class="description" style="overflow: hidd ......
文件批量重命名之在线版本-前端的本地文件操作
批量文件重命名是一个低频但时不时又会遇到的需求，非常适合在线工具的形式，即用即走。 搜索了一圈，没有发现可以直接实现这个功能的网站，不过找到了相关的 API FileSystemFileHandle.move() for local files - Chrome Platform Status Ch ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......