- 博客(20)
- 收藏
- 关注
原创 旋转的错觉
像这种旋转动画怎么实现呢?经过上面两步会发现图片旋转是实现了,是会有白边。这是因为图片太小,在旋转过程中不够铺满外层容器,处理方法就是放大图片就行喽。
2025-01-26 20:21:44
305
原创 微前端笔记
微前端是一种多个团队独立发布功能的方式来构建现代化Web应用的技术手段和策略。微前端指的是存在于浏览器的微服务。每个微前端都拥有独立的git仓库、package.json和构建工具配置。因此每个微前端工程都能独立部署。对比后端的微服务,两者的共同点是:都可以独立构建和部署。将DOM视为微前端使用的共享资源。一个微前端里的DOM不能被其他微前端所触及,类似一个微服务的数据库不应该被其他微服务触及一样。
2025-01-20 15:33:56
835
原创 3xx重定向
响应状态码301、308表示永久重定向;302、303、307表示临时重定向。状态码301、302由于历史原因在一些比较早的用户代理可能会引发请求方法的变更;状态码307、308在重定向过程不会转变请求方法;状态码303始终引致请求使用GET。
2025-01-20 15:32:37
565
原创 Git--合并多次commit
若需要修改提交信息,可将上面的三次提交信息删除再添加。再 push 远程仓库合并(若之前的。进入末行模式,会出现下面的交互界面。此时远程仓库的记录就只有一条记录了。了,但发现有个注释写错了,或者有个。,这样的话分支记录干净整洁,只要。到暂存区,修改后再提交一个新的。最后,查看分支记录就变的整洁了。每次修改时,先回退上一次的。信息,再退出编辑模式即可。没去掉,这时再新增一个。
2025-01-07 15:38:27
1803
原创 TS-入门
在JavaScript中的内置对象:String、Number、Boolean,它们用于创建对应的**包装对象,**日常开发中不常用到,在TS也是。装饰器可以组合使用,执行顺序为:先【由上到下】的执行所有装饰器工厂,依次获取装饰器,再【从下到上】执行所有装饰器。泛型允许在定义函数、类、接口时,使用类型参数来表示未指定的类型,这些参数在具体使用时,才会被指定具体的类型。在编译时,会将枚举的成员变量替换成实际的值,而不是生成额外的枚举对象。装饰器的本质是特殊的函数,可以对类、属性、方法、参数进行扩展。
2025-01-07 15:28:04
1562
原创 CSS预处理器-SASS学习
css预处理器的本质是一种工具或语言,用于增强和扩展CSS的功能。它们允许开发者使用类似于编程语言的语法来编写样式表,然后编译成标准的CSS。
2024-12-25 17:53:33
747
原创 CSS实现复杂的按钮
控制背景图像的尺寸(不然下一层的背景图像会遮住上一层的背景图像),为了方便理解,我们设置。创建一个由渐变组成的图像,渐变的颜色围绕一个中心点旋转(而不是从中心辐射)进行过渡。那如果将圆心调整到左上角,并把 0 度到 270 度的区域设置成透明色会是啥样的呢?设置背景图片的位置,便可以实现想要的效果(设置了四种颜色是为了更清晰看出原理)。可以通过控制渐变的起始角度以及圆心来生成不一样的背景。其实也就是在有渐变背景颜色的矩形按钮的基础上,使用。转换的元素,子元素也会跟着变形。伪元素,就不会影响按钮内的文字了。
2024-12-25 17:45:31
665
原创 怎么去除CkEditor里的小红旗
注意:样式文件只能存储在静态资源的目录下,若存在其他位置在加载时会有问题,样式文件置于public中,在打包父模块时会自动打入到dist中。若使用相对路径,加载的css资源返回为空,导致样式不生效。原因是响应头的Content-type被自动设置为了。用于为编辑器内容应用样式的CSS文件(如果有多个文件,请列出所有文件)。中的路径是正确的,路径应相对于网站根目录。比如将 word 文档中的内容复制到。中会出现🚩,如何删除?在控制台手动将其设置为。实例,发现对象中有一个。问题是,在哪里设置?
2024-12-19 17:06:19
654
原创 正则学习ing
d:匹配任何数字字符[0-9]\D:匹配任何除数字的字符[^0-9]\w:匹配任何数字、字母、下划线字符\W:匹配任何除数字、字母、下划线的字符\s:匹配任何空白字符,包括空格、换行符、制表符\S:匹配任何非空白字符。
2024-12-19 16:58:40
693
原创 客户端和服务器的时间差
但是如果你修改了客户端的时区,比如这样。就会发现,已在场时间为变化不定(如下图)。当工作人员开始工作后,希望界面能够实时显示他已在场的时间,像这样。其实也挺简单的,让后端在查询接口中返回服务器的当前时间(如下图),这是因为服务器和客户端的时区不一致导致的。按理说前端通过接口拿到工作人员的入场时间,根据。得出初始入场时间,再。表示服务器当前时间,
2024-12-13 15:03:57
494
原创 MutationObserver应用
可以用来监视DOM任何变化,比如属性变动、节点变化、文本内容变化等。从概念上接近于事件,区别是:事件是同步触发的;是异步触发的,DOM的变化不会立马触发而是等到所有的DOM操作都结束之后,这样是为了应变DOM变化频繁的特点。有以下特点:它会等待所有的脚本执行完后再执行(异步触发方式)它把DOM变化记录封装成一个数组进行处理,而不是单一处理DOM变化它可以观察DOM的所有类型变化,也可以指定观察某一类型。
2024-12-13 14:46:07
345
原创 都知道的水平垂直居中方式
面试: 你知道的水平垂直居中方式总结常用的水平、垂直居中方式(若没有特殊说明,均以div为例,为方便看到效果,自定义添加样式)方式一:给元素设置绝对定位(假设div宽100px高100px)div{ width: 100px; //自定义宽 height: 100px; //自定义高 background-color: chartreuse; //自定义背景颜色 position:absolute; left: 50%; top: 50%; margin-lef
2020-08-19 16:26:53
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人