前端 全局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 ......
CSS总复习（二）一些属性介绍
CSS字体、文本样式 指定字体 不能指望用户的机器上一定安装了你想使用的字体。解决这个问题的方法是使用Web字体，我们可以直接下载Web字体并使用在自己的页面上，而不需要用户做什么。使用@font-face指定Web字体，如： @font-face { font-family: 'MyFont'; ......
以前端视角，漫谈「云端」
当今世界，云计算技术在快速发展，不断为我们带来新的应用场景和解决方案。作为一名前端开发者，了解云技术并掌握如何在前端中应用它们是必不可少的。本篇文章将介绍云计算技术的基本概念，并从前端角度探讨如何使用云技术提高应用的可扩展性、安全性、性能和用户体验。 ......
css的行内元素哪些属性不生效。
起因是在解决异常的时候提醒 故而思索，行内元素不能使用边距宽高吗 搜索后发现： 1、不是所有的行内元素都不能使用width、height。比如img 2、行内元素可以使用padding 3、行内元素的左右外边距是生效的，上下不行 ......
全局统一异常处理
import lombok.extern.slf4j.Slf4j;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.ControllerAdvice;impo ......
CSS总复习（一）基础
CSS是什么 CSS（层叠样式表）用来规定HTML文档的呈现形式（外观和格式编排）。CSS样式由一条或多条以分号隔开的样式声明组成。每条声明包含着一个CSS属性和该属性的值，二者以冒号分隔。 PS：书中有句话很nice：“笨蛋才会为完美的CSS方案纠缠不休”。因为一种效果的实现方式可能有很多种，你只 ......
线程 开启线程 开启多线程 线程类的参数和方法属性 守护线程 进程与线程的区别 GIL全局解释器锁 同步锁(互斥锁)
今日内容概要 线程，如何开启线程 如何开启多线程 线程类的参数和方法属性 守护线程 进程与线程的区别 GIL全局解释器锁 同步锁(互斥锁) 今日内容详细 线程 概要 1.怎样理解线程和进程 1.1 进程：进程是资源单位，进程相当于是车间，负责给内部的线程提供相应的资源 1.2 线程： 线程是执行单位 ......
纯CSS3实现多行文本截断
纯CSS处理多行文本展开和收起，直接上代码和效果图 1 <html> 2 <header> 3 <style> 4 .wrap { 5 position: relative; 6 padding: 5px 25px 25px; 7 border-radius: 5px; 8 box-shadow: ......
css实现横向滚动文字
css如何做横向滚动文字 在css中，想要实现横向滚动的文字，需要利用animation属性和@keyframes 规则来实现元素缩放的动画效果，通过 @keyframes 规则，能够创建动画。 创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样 ......
selenium-元素定位方式CSS的详细使用
Web UI自动化中，定位方式的优先级 优先级最高：ID 优先级其次：name 优先级再次：CSS selector 优先级再次：Xpath 在项目中我们可能用的最多的是css或者xpath，那么针对这两种，我们优先选择css，原因在哪些？ 原因1：css是配合html来工作，它实现的原理是匹配对象 ......
前端基础小复习
会前端基础在IT行业很有帮助，无论是做爬虫数据分析，解析数据，做数据清洗都有帮助，因为我准备做数据获取过程中发现浏览器的HTML看不懂，直接影响了我的工作进度，因此直接暂停，网页结构有三个部分组成的即HTML、CSS、JS。 HTML(超文本标记语言HyperText Markup Language ......
chatgpt: 在ts中如何声明一个全局类型
在 TypeScript 中声明全局类型可以使用 declare global 关键字，使得在应用的任何地方都能够使用该类型。 例如，如果需要在 TypeScript 中声明一个全局的 foo 变量，可以使用以下代码： declare global { var foo: string; } 上述代码 ......
史上最简 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页
下载地址 ：https://gitee.com/zyhd/bingChengGPT 预览效果 冰橙GPT前端开源 单页面 免编译 chatGPT3 对话页 对接冰橙GPT的API 免安装 本地可直接运行index.html即可 已经将所有需要JS及CSS都采用公有CDN 使用说明 项目只有单个文件： ......
前端加密
https://blog.csdn.net/weixin_45821809/article/details/125207196 npm install jsencrypt --dev import JSEncrypt from 'jsencrypt/bin/jsencrypt.min' // 密钥对 ......
微信小程序开发：前端中的"Redis"
wx.setStorageSync('key', 'value') wx.getStorageSync("key") 参考链接 https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html ......
系统化学习前端之JavaScript（ES5）
系统梳理了 ES5 扩展的相关知识点，包括严格模式，this 关键字，数据属性，访问器属性以及如何保护对象等等。 ......
认识 HTML、CSS、JS
这篇文章介绍HTML、CSS、JS，以及他们之间的关联 总的来讲： HTML标签：是页面的核心内容，定义了页面有什么内容。 CSS：控制HTML元素的排版布局和展示方式，是美化页面文档的。 JavaScript：让用户与页面进行交互，或在网页背后默默操控网页，以便让显示的内容与效果有所改变。对网页来 ......
css实现 头像内容过渡效果
当鼠标滑动上去后 <img src="@/assets/img/avatar.png" alt=""> css代码 //计算外边框缩小 （s*f -s）/2 /f img{ --s: 200px; --c1: rgb(0, 0, 0, 1); --c2: rgba(170, 170, 170, 1) ......
Media Query 在 CSS 中使用的一个具体例子
在 CSS 中，Media Query 是一种用于指定不同屏幕尺寸和设备类型的样式表的技术。如下图所示： all and (max-width:360px) 是一个 Media Query 表达式，它指定了一个条件，只有在满足条件时，Media Query 中的样式才会生效。 具体来说，all 表示 ......
适合练习CSS选择器的一些小工具
CSS 选择器游戏 https://frontend30.com/css-selectors-cheatsheet/ CSS 晚餐游戏 https://flukeout.github.io/ Try CSS Selector https://www.w3schools.com/cssref/trys ......
在 node.js 中扩展 TypeScript 全局对象
nodejs16后，删除了global，要自定义全局属性，需要这样配置 declare global { // eslint-disable-next-line no-var var ENV: 'qa' | 'rel'; namespace NodeJS { interface ProcessEnv ......
前端
前端课程介绍 第一篇：前端基础代码之HTML 第二篇：前端基础代码之CSS 第三篇：前端基础之JavaS 第四篇：前端之BOM与DOM 第五篇：前端之JQuery 第六篇：前端之Bootstrap框架 第七篇：Vue ......
vue3 - 定义window 全局变量
在 shims.d.ts 文件 //全局参数定义 ，export {};不可缺少 export {}; declare global { interface Window { editor: any; __minderReadOnly: any; } } 那么使用 window.editor 这个参 ......
前端设计模式——依赖注入模式
依赖注入模式（Dependency Injection Pattern）:允许我们通过将对象的依赖关系从代码中分离出来，从而使代码更加模块化和可重用。 在传统的编程模式中，一个对象可能会直接创建或者获取它需要的其他对象，这样会造成对象之间的紧耦合关系，难以维护和扩展。而使用依赖注入模式，则可以将对象 ......
[CSS 3] lv* dv* sv*
Refer to https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4 he lvh, svh, and dvh units in CSS are used to specify heights relative to the vie ......
多进程和多线程，Thread模块 GIL全局解释锁， 进程池与线程池，协程
1.多进程实现TCP服务端并发： import socket from multiprocessing import Process def get_server(): server = socket.socket() server.bind(('127.0.0.1', 8080)) server. ......
CSS之渐变
一.渐变 推荐使用的网址：Grabient 这个网站上有很多关于渐变的源代码可以供我们使用 background-color: #4158D0; background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); 效果 ......
第135篇:npm模块全局安装后无法使用解决方案
好家伙 npm模块全局安装后无法使用 估计是少配了环境变量 1.使用命令: npm config get prefix 找到全局包的安装位置 2.随后我们右键"我的电脑"打开 "属性" 3.拉到最下打开 找到高级系统设置 4.找到环境变量 5.找到PATH 6.在最后添加前面找到的npm全局包安装地 ......
记录--开局一张图，构建神奇的 CSS 效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 假设，我们有这样一张 Gif 图： 利用 CSS，我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术，我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像是这样： 假 ......
前端图片大小随浏览器大小自适应
为了让前端图片能够随着浏览器大小的改变而自适应，可以使用CSS来设置图片的宽度和高度。具体而言，可以使用以下的CSS样式： img { max-width: 100%; height: auto; } 这个样式将图片的最大宽度设置为100%，这样图片将会根据其容器的宽度进行缩放。同时，将高度设置为自 ......