圆角 浏览器 效果css
CSS: Button with Gradient Border
from: https://codepen.io/airen/pen/OaVopb <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, init ......
Python Flask session 内容保存到用户浏览器里
前言全局说明 Python Flask session 内容保存到用户浏览器里 一、安装flask模块 官方源： pip3 install flask==2.3.2 国内源： pip3 install flask==2.3.2 -i http://pypi.douban.com/simple/ -- ......
css
CSS简介 // 结构 + 表现 + 动作 HTML + CSS + JavaScript 如何学习 CSS是什么 CSS怎么用（快速入门） CSS选择器（重点+难点） 美化网页（文字，阴影，超链接，列表，渐变…） 盒子模型 浮动 定位 网页动画（特效效果） 什么是CSS Cascading Sty ......
一个有趣的浏览器插件“猫抓”
一个有趣的浏览器插件“猫抓” 猫抓是一款非常好用的浏览器插件，它能抓取几乎所有chrome内核浏览器的网页视频链接数据。猫抓插件可以在任意网页抓取任意视频数据并且一键抓取保存获取您需要内容，操作起来简单方便，下载内容可以保存本地电脑。猫抓功能介绍 猫抓 Chrome插件是一款网页媒体嗅探工具以及音乐 ......
css: rainbow Border with gradient and radius
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device ......
室内效果图渲染角度如何选？室内效果图云渲染为你助力！
室内效果图渲染怎么选择合适的角度呢？效果图的渲染要考虑到：灯光、照明和纹理等，在结合一定的视角，能够强化设计的作品，给客户留下深刻的印象，并更好地传达设计者的理念。那么一起来看看室内效果图应该如何选择合适的角度渲染吧！ 一、室内效果图渲染角度如何选？ 1、全景视图 全景视角是在渲染中展示整体设计和布 ......
效果图渲染角度哪什么小技巧？10个效果图渲染技巧推荐
在创建效果图渲染时，正确设置相机角度对于表现设计的视觉效果至关重要。好的效果图通常能够增强设计图张力，通过效果图也能更好的看到真实物体的成果，以下是一些效果图渲染角度技巧，可以帮助你提高渲染的质量和表现力，来看看吧！ 效果图渲染角度小技巧 1、观察者视角：选择一个类似于真实世界中人眼所在位置的相机角 ......
Chrome浏览器的跨域设置(Window系统)
注意：此方案仅适用于windows系统！！！ 做前后端分离的开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，而且chrome浏览器支持可跨域的设置，但是新版本的chrome浏览器提高了跨域设置的门槛，原来的方法不再适用了。 一、开发使用习惯 下载好谷歌浏览器以后，快捷方式复制两份放在桌 ......
css3 loading特效
一个样式类，一个容器，无须额外元素： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Loading Animation</title> <style> #app { height: 100vh; displ ......
uniapp使用css的grid尽量两列列表的显示
先看列表的效果图，是一个2列内容显示的滚动列表 可以看到一行有2列，然后2列中边框的距离是30rpx，中间间距也是30rpx，所以可以通过设置css样式如下： .container { display: grid; grid-template-columns: repeat(auto-fill, c ......
thymeleaf如何引入静态资源文件,外部css文件中引入静态文件,内联css中引入静态资源
引入css和js 开发网页有时候页面上需要引入一些css和js,而开发的页面又很多，需要重复的引入这些文件, 在thymeleaf中可以专门定义一个文件来引入这些文件，然后在其他的页面中统一引入就可以 比如现在我需要引入的 css文件有如下: <link href="./assets/css/fon ......
圆角属性
border-radius 和 box-shadow 是两个非常常用的属性，用于创建圆角边框和阴影效果。 border-radius 属性 border-radius 属性用于创建元素的圆角边框效果，它可以接受一个或多个值来指定每个角的圆角大小。语法如下： border-radius: [top-l ......
CSS3的概述
CSS3 是指 Cascading Style Sheets Level 3，是一种用于描述网页样式的标记语言。它可以实现更加丰富、复杂的网页样式效果。下面将介绍 CSS3 的发展历程和主要特性。 CSS3的开发历程可以分为以下几个阶段: 2001-2005年: 起步阶段。在这个阶段，W3C组织开始 ......
Html，Css面试题
常见面试题 1.如何理解HTML语义化 1.容易读懂(增加代码可读性) 2.让搜索引擎容易读懂(SEO) 2.块状元素&内联元素 1.block/table;有 div h1 h2 table ul ol p等 独占一行 2.inline/inline-block;有 span img input ......
【Azure APIM】APIM 策略语句如何来设置多个Cookie值让浏览器保存
HTTP Cookie（也叫 Web Cookie 或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据。浏览器会存储 cookie 并在下次向同一服务器再发起请求时携带并发送到服务器上。服务器收到 HTTP 请求后，服务器可以在响应标头里面添加一个或多个 Set-Cookie ... ......
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
蛋壳追踪给你的app集成免填邀请码功能，邀请裂变效果嘎嘎好
App裂变营销中填写邀请码环节带来的用户流失难题 一、背景 在当今移动互联网时代，App成为了人们日常生活和工作中不可或缺的工具。随着市场竞争的加剧，App的推广和增长变得愈发困难。裂变营销作为一种有效的推广手段，被广泛应用。但在裂变营销中，填写邀请码环节常常成为用户流失的“重灾区”。 是的，邀请码 ......
css-电脑端点击元素后会存在一个竖线，解决办法如下
css的解决办法： * { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: non ......
css多行省略号
postcss-loader 默认编译的时候，会过滤 -webkit-box-orient: vertical;造成省略不生效。 line-height: 18px; max-height: 40px; font-size: 14px; display: -webkit-box; overflow: ......
vue通过elementUI组件实现图片预览效果 点击按钮后触发
<el-image ref="elImage" style="width: 0; height: 0;" :src="bigImageUrl" :preview-src-list="logicImageList"></el-image> detialClick(img) { this.$nextTi ......
el-badge绑定了点击事件，但点击没有效果
el-badge绑定了点击事件，但点击没有效果 <el-badge value="设置" @click="askSettingGroup"> <span>{{ item.name }}</span> </el-badge> 解决方式，加上.native <el-badge value="设置" @c ......
善用浏览器的一些调试技巧
善用浏览器的一些调试技巧 $0 和 __vue__ $0 是指当鼠标点击 Element 面板的某个 dom 元素后，console 里 $0 变量会自动指向该 dom 元素对象 __vue__ 是指 vue 框架会往 vue 组件 $mount 挂载的 dom 元素对象上添加一个 __vue__ ......
通过浏览器URL地址，5分钟内渗透你的网站！很刑很可拷！
今天我来带大家简单渗透一个小破站，通过这个案例，让你深入了解为什么很多公司都需要紧急修复各个中间件的漏洞以及进行URL解析拦截等重要操作。这些措施的目的是为了保护网站和系统的安全性。如果不及时升级和修复漏洞，你就等着被黑客攻击吧！ 基础科普 首先，我想说明一下，我提供的信息仅供参考，我不会透露任何关 ......
Windows下浏览器内调起本机应用程序
本教程使用的方法是自定义协议。在windows下在浏览器内使用自定义协议调起应用程序需要先在注册表内填入相应的值。 首先，导入注册表值（记得改exe文件路径）： Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\test] @="UR ......
Selenium | 控制已打开的浏览器-python-chrome
实现这个有两个步骤：1. 打开浏览器 2. 在python中编写代码控制此打开的浏览器 第一步：打开浏览器也有两种方式 方式一：用命令打开 操作步骤： 1）右键点击chrome的快捷图标， 复制出起始位置 2）进入到环境变量-系统变量-找到path， 双击编辑，把起始位置复制进去 3）打开cmd命令 ......
chrome 浏览器添加 ai 搜索引擎
很喜欢用 perplexity 作为 ai 搜索工具，但是不想每次搜索这个网站打开，然后搜索我真正想查找的内容。 以后只需要输入 @ai 再加空格，就可以快速使用它进行搜索了！ ......
浏览器如何选择使用http2.0 ？
浏览器选择使用http1.1 还是http2.0 呢？ http2.0 http1.1 Type: application_layer_protocol_negotiation (16) 这个字段在不开启http2.0 的情况下就不存在。 ......
# 广告悬浮框移动效果
广告悬浮框移动效果 moveWrap() { var max_left = document.documentElement.clientWidth - this.wrapInfo.offsetWidth; var max_top = document.documentElement.clientH ......