- 2024-07-02WebComponent原生的组件化闲谈
一、webcomponent是啥？webcomponent是w3c的一套使得开发者可以将HTML页面的功能封装成自定义标签(customelements)的标准，可以类比目前流行的React、Vue等前端框架的组件化思想，不过webcomponent是前端标准提供的原生的组件化思想，其实和现有框架的组件化思想有异曲同工之妙，不同
- 2024-06-12shadow-root(closed)里面的内容操作
生成浏览器插件扩展程序,在启动driver时加载插件extension_path插件路径driver.install_addon(path=extension_path,temporary=True)#添加扩展fixfoxchrome_options.add_extension(extension_path)#Chrome添加扩展#注意插件文件是一个.zip的压缩包injected.js#文
- 2024-06-08纯CSS+单个div实现抖音LOGO
纯CSS+单个div就能绘制抖音LOGO关键点：主要借助了两个伪元素实现了整体结构，借助了drop-shadow生成一层整体阴影drop-shadow只能是单层阴影，所以另一层阴影需要多尝试contrast(150%)brightness(110%)则可以增强图像的对比度和亮度，更贴近抖音LOGO的效果预览结果如下：在线
- 2024-05-31学习unigui【26】关于Unigui控件的个性化CSS框架
用unigui写程序，简单的事用户界面不用HTML。因为这个太闹心了。没有什么技术含量，但很闹心。但是，但是不清楚HTMLCSS更闹心。因为养眼的界面是客户起步疑问和要求。强烈推荐认真读明白大虾的体验和总结：delphiUnigui框架TUniContainerPanel把CSS和界面属性对应起来后，明白怎么回事
- 2024-05-29VUE学习笔记(十五)-退出功能
退出功能src/views/LayoutView.vue<template><el-containerclass="layout-container-demo"><el-asidewidth="200px"><el-scrollbar><divclass="mb-2logo">Vue+WEBAPI</div>
- 2024-05-24Shadow Hand 食指第三关节拆解
在拆解手指前，需要事先将手指对应的通讯和供电线缆从手掌背部的核心板上拔除。在核心板上有数个白色接插件，每个接插件旁边都会有手指的缩写标识，但是标识有可能会被线缆覆盖，所以耐心找到对应的接口即可。 手掌背部核心板详细设计布局细节可参考博
- 2024-05-23sudo风暴
sudo风暴sudo-l进行枚举，寻找相符合条件进行提权欢迎关注微信公众号交流CVE-2019-14287sudo-ujack/bin/bashsudo-u#1000/bin/bash#另一种方式sudo-u#-1/bin/bash#-1会被sudo算法解释成0利用条件：sudo版本1.8.28之前sudoaptsudoaptupdate-oAPT::Update
- 2024-05-14网页布局------阴影效果显示
在制作网页的过程中，经常需要对图片添加阴影效果基本语法如下box-shadow:h-shadowv-shadowblurspreadcoloroutset;具体参数属性如下参数值描述h-shadow表示水平阴影的位置们，可以为负值(必选属性)v-shadow表示垂直阴影的位置，可以为负值(必选属性)blur阴
- 2024-04-29网页布局------导航栏悬浮特效
实现效果：当鼠标指针悬浮在导航栏上会出现内阴影效果页面结构<ul><li>首页</li><li>知识星球</li><li>趣味问答</li><li>奖品</li></ul>页面样式*{margin:0;padding:0;
- 2024-04-18【布局进阶】巧用 :has & drop-shadow 实现复杂布局效果
最近，群里聊到了一个很有意思的布局效果。大致效果如下所示，希望使用CSS实现如下所示的布局效果：正常而言，我们的HTML结构大致是如下所示：<divclass="g-container"><divclass="g-nav"><ul><li>Tab1</li><li>Tab2</li>
- 2024-04-16dedebiz文章内页自动给正文图片加了style样式怎么去掉
dede文章内页自动给正文图片加了style样式怎么去掉 打开：/system/archive/archives.class.php查找：box-shadow，找到如下：margin:20px0;box-shadow:01px2pxrgba(0,0,0,.1)改成下面这样：box-shadow:00px0pxrgba(0,0,0,.1)正文图片中的边框就给去掉了。
- 2024-04-14Linux-用户管理-查看用户命令id-/etc/passwd-/etc/shadow-系统中用户的约定和规范
1.Linux下的用户有什么作用1）系统上的每一个进程(运行的程序)都需要特定的用户运行2）每一个文件都有特定的用户拥有，所以访问一个文件或目录受到用户的限制3）进程能够以何种方式访问某一个文件或目录,与进程所关联的用户有关 2.用户相关查看命令命令：id#语法id[option
- 2024-04-09ArchLinux-dwm
之前装arch和dwm的时候都没有记录，现在慢慢更新对dwm的定制优化吧换源yarnnpmyay都要记得换源#yarnyarnconfigsetregistryhttps://registry.npm.taobao.org软件安装截图yay-Sflameshotvim/opt/dwm6.4/config.hstaticconstchar*flame[]={"flameshot","g
- 2024-04-09CSS -层叠性、继承性、盒子模型、盒子模型表格、盒子模型margin、盒子阴影
层叠性CSS层叠性（Cascading）是指在网页中应用多个样式规则时，根据一定的规则来确定最终应用的样式。层叠性使得样式可以按照一定的优先级和规则进行组合和覆盖，从而实现对元素的样式控制。层叠性的影响因素：选择器的特殊性（Specificity）：选择器的特殊性决定了样式规则的优先级。
- 2024-04-04CSS Animation example
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>
- 2024-04-02在css3中如何添加圆角边框、盒子阴影以及文字阴影
注：在css3中如何添加圆角边框、盒子阴影以及文字阴影一、圆角边框在CSS3中，新增了圆角边框样式这样我们的盒子就可以变圆角了。border-radius属性用于设置元素的外边框圆角。语法:border-radius:length;参数值可以为数值或百分比的形式如果是正方形，想要设置为一个圆，
- 2024-04-01CSS 如何实现羽化效果
羽化是photoshop术语，羽化原理是令选区内外衔接部分虚化，起到渐变的作用从而达到自然衔接的效果，是ps及其其它版本中的处理图片的重要工具。一、羽化的原理羽化其实就是将边缘变得模糊，在CSS中其实就是创建一个边缘模糊的遮罩（mask），也就是需要一种半透明的渐变。关于遮罩，这里简单介
- 2024-03-28Shadow
ShadowMapping最关键的思想是阴影出现的点是我们可以看到而光源看不到的点。主要思路：从光源渲染一个深度图表示能看到的地方从我们的眼中看到的点投射到光源相机中看光源相机能不能看到（是不是对应的深度）这个方法中有一些问题：Hardshadows(pointlightsonly)Quali
- 2024-03-26element 文本域设置 隐藏边框，禁止缩放，自动换行...
1.隐藏边框:deep(.el-textarea__inner){box-shadow:0000px;}:deep(.el-textarea__inner:hover){box-shadow:0000px;}:deep(.el-textarea__inner:focus){box-shadow:0000px;} 2.禁止缩放resize="none"3.自动换行 autosizeminRows:5
- 2024-03-25纯CSS 毛玻璃效果
在一个复杂的背景上添加文字，文字能清晰展示，并尽可能的保留原背景的话，使用毛玻璃的效果去处理是非常合适的。一、背景图毛玻璃在 PhotoShop 中，毛玻璃主要使用 高斯模糊 和 羽化 。说白了就是模糊。在 CSS 中，想要实现模糊效果，可以使用 滤镜 。背景通常设置成黑色、灰
- 2024-03-25变形元素旋转css阴影
一、css3transform变换translate(x,y)设置盒子的位移scale（x,y)设置盒子缩放roate（dog)设置盒子的旋转skew（x-angle,y-angle）设置盒子的斜切perspective 设置透视距离transform-styoleflat：preserved-3d设置盒子是否按3d空间显示translateXtranslateYtranslateZ设
- 2024-03-24在Linux中，`/etc/passwd` 和 `/etc/shadow` 文件分别有什么作用？
在Linux系统中，/etc/passwd和/etc/shadow文件是用于存储系统用户账户信息的关键配置文件，它们各自扮演不同的角色，共同管理系统的用户身份验证和密码安全性。/etc/passwd文件：作用：存储了系统中的每个用户的基本信息，包括用户名、用户ID（UID）、组ID（GID）、用户信息描述（GECOS）、用
- 2024-03-11使用阴影的过程中可能遇到的问题
阴影粗糙如阴影边缘的形状呈块状，可以增加shadow.mapSize.width和shadow.mapSize.height。或者保证用于计算阴影的区域紧密包围在对象周围，可以通过shadow.camera.far、shadow.camera.near、shadow.camera.fov属性来配置这个区域薄对象，渲染失真现象如果大场景中使用薄对象，在
- 2024-03-06前端css阴影画图
在线演示地址：css阴影画图一，在css中有一个box-shadow属性，可以设置元素的阴影。.item{width:50px;height:50px;background:#009688;box-shadow:50px0red,100px0px#000;}效果：二，box-shadow可以添加多个。.item{width:50px;height:
- 2024-03-02Three.js 中的灯光
聚光灯varspotLight=newTHREE.SpotLight(0xFFFFFF);//添加聚光灯,光线从一个点沿一个方向射出，随着光线照射的变远，光线圆锥体的尺寸也逐渐增大。spotLight.position.set(-40,40,-15);spotLight.castShadow=true;//此属性设置为true灯光将投射阴影。注意：这样做的代价比