Loading

摘要: 前言 博主非常喜欢Silence主题,这个皮肤也是改造自它。花了一些时间和精力在原有的基础之上,添加了我喜欢的元素和风格,并添加了一些实用的功能。如果你喜欢我改造的皮肤,欢迎使用! 有问题请在Gitee 仓库中提出问题,或者评论区下面提问。 如果皮肤有更新,受缓存影响要在一段时间之后才有反应,或者持 阅读全文
posted @ 2022-05-31 14:43 shiramashiro 阅读(445) 评论(0) 推荐(2) 编辑
摘要: 关联本博客内部分随笔的目录,对随笔进行再分类,聚合资源。分类功能和标签功能不满足管理随笔的需求,因此用一篇随笔关联,形成目录。 阅读全文
posted @ 2022-03-15 21:25 shiramashiro 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 起步 :root CSS 全局变量都存放在:root中,因为它的优先级非常地高,所以一个网页的样式全局变量都放在这里。实际上html {} 就是 :root {},JQuery 操作:root中的全局变量就是$("html")。 属性选择器 属性选择器不过多赘述,具体请看《CSS 选择器(一):属性 阅读全文
posted @ 2022-06-02 23:23 shiramashiro 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 实现一个简易的鼠标悬停菜单项显示其子项的下拉框控件。将用到 CSS 绝对定位、流式布局、动画等;JQuery 鼠标移入和移出事件、DOM 查找。效果图如下: HTML 结构: <div class="dropdown-group"> <div class="dropdown"> <div class 阅读全文
posted @ 2022-06-02 23:17 shiramashiro 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 前言 CanvasRenderingContext2D 没有提供绘制多边形的函数,所以只能由我们自己来实现绘制多边形的函数。以六边形为基础,需要用到三角函数:sin 和 cos。 点 A 坐标 (一)连接必要的辅助线:①连接点 A 和点 O;②从点 A 往下作一条垂直线;③连接点 A1 和点 O。( 阅读全文
posted @ 2022-06-02 23:00 shiramashiro 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 前言 transform属性允许你旋转,缩放,倾斜或平移给定元素。其中scale(x, y)就是实现元素缩放的属性值。 scale(x, y)的 x 乘以原本元素的 x;y 乘以原本的元素 y,就可以实现元素的缩放。 由远到近的缩放效果 从一个点,甚至是无,慢慢地缩放到一个完整,可以看清的一个过程, 阅读全文
posted @ 2022-06-02 20:46 shiramashiro 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 问题 子元素设置内边距或外边距时,子元素宽度+内边距+外边距要小于父元素的宽度或高度,否则就超出父元素的范围。 <div class="parent-box"> <div class="child-box"></div> </div> .parent-box { width: 200px; heig 阅读全文
posted @ 2022-06-02 12:40 shiramashiro 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 前言 这是一篇个人练习 Web 前端各种常见的控件、组件的实战系列文章。本篇文章将介绍个人通过 JQuery + 无序列表 + CSS 动画完成一个简易的树形控件。 最终实现的效果是: 这样结构比较复杂的嵌套再嵌套的 HTML 结构必须先写一个静态的观察,不可能一步到位,事情是逐渐发展的。遵循自顶向 阅读全文
posted @ 2022-05-31 18:03 shiramashiro 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 前言 在《Canvas 线性图形(五):多边形》实现了绘制多边形的函数。本篇文章将记录如何绘制雷达图。最终实现的效果是这样的: 绘制雷达图 雷达图里外层 如动图中所示,雷达图从里到外一共有 6 层,所以,我们需要改造绘制多边形的函数: 点击查看绘制基础雷达图代码 function calcPolyg 阅读全文
posted @ 2022-05-31 18:02 shiramashiro 阅读(312) 评论(0) 推荐(2) 编辑
摘要: 今天在尝试使用 less 的混合语法时,浏览器直接报了一个语法错误。下图是报错信息: 仔细地阅读了官方文档,和对比自己写的,并没有任何错误。 .FlexLayout { .Start() { display: flex; align-items: center; align-content: cen 阅读全文
posted @ 2022-05-31 18:01 shiramashiro 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 前言 博主非常喜欢Silence主题,这个皮肤也是改造自它。花了一些时间和精力在原有的基础之上,添加了我喜欢的元素和风格,并添加了一些实用的功能。如果你喜欢我改造的皮肤,欢迎使用! 有问题请在Gitee 仓库中提出问题,或者评论区下面提问。 如果皮肤有更新,受缓存影响要在一段时间之后才有反应,或者持 阅读全文
posted @ 2022-05-31 14:43 shiramashiro 阅读(445) 评论(0) 推荐(2) 编辑
摘要: HTML 的结构是树形结构,A 节点有两个节点 B 和 C,B 和 C 的父节点是 A 节点;B 节点有 D 节点,D节点是 B 节点的子节点,而 D 节点的祖先节点就是 A 节点。 B、C、D 这三个节点都是 A 节点的后代节点。子代选择器针对于某节点的直接子节点(第一代子节点),而不是后代节点, 阅读全文
posted @ 2022-05-30 13:28 shiramashiro 阅读(7) 评论(0) 推荐(0) 编辑