Akilarの糖果屋-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Akilarの糖果屋

专栏成员

86

文章

92565

阅读量

14

订阅数

vue课程学习笔记归纳

对象函数配置数据学习笔记

特别注意：Vue.set() 和 vm.$set() 不能给vm 或 vm的根数据对象添加属性！！！

2023-04-30

2.2K0

web前端常见面试题归纳

web 变量浏览器前端事件

行内元素和块元素的区别概念块元素：默认独占一行，页面中垂直排列，宽高和内外边距可控行内元素：默认同行排列，宽高由内容决定行内元素和块元素举例块元素：<div>、<p>、<table>、<ul> 行内元素：<span>、<img>、<a>、<input> 行内元素和块元素的相互转换 display:inline;将块元素转换为行内元素 display:block;将行内元素转换为块元素 display；inline-blockl;行内块元素，既有block的宽度高度特性，也有inline的同行特性

2023-04-30

9750

四背景自定义及过渡切换效果方案

css 网站 javascript

emm，是这样的，因为写方舟写嗨了，大刀阔斧的删了很多我觉得比较丑的代码。以前我还会记得把改过的文件前面加个ark的前缀的，但是改到页码开始，pug文件耦合程度太高了。改着改着我就忘记改过哪里了。再是改顶栏菜单时删了很多main.js里的内容，现在main.js也面目全非了。

2023-03-08

4190

纯CSS实现侧栏卡片显隐

以前我有写过一篇基于Butterfly的手机端fixed定位侧栏布局魔改方案,抛开被洪哥忽悠而起的这么长的标题不谈，在这篇中是通过编写一个手机端fixed定位的样式，并通过js监测到对应的点击动作后，给相应的侧栏卡片添加上这个样式。同时也是通过js不断的进行样式初始化和class的增减。

2023-03-08

8750

源计划-方舟：页脚边框

javascript css hexo

页脚、顶栏、菜单栏、加载动画之间的风格牵扯较多，所以我得把他们都写好了才开始发教程。源计划：方舟的风格是很明显的套件，所以我觉得应该是要装就全部装上才好的对吧。

2023-02-06

6930

源计划-方舟：首页卡片

本篇需要用到iconfont作为卡片底部的装饰性图标。请先完成前置教程：Hexo引入阿里矢量图标库，务必确保symbol方案能够使用后再进行下方内容。

2023-01-31

5650

双栏布局首页卡片魔改教程

config flex path 布局教程

更新记录 2022-12-03:发布卡片教程在旧版方案基础上对动画实现方式和多边形切割方式做了改动，现在这版更加顺滑。移除旧版手机端快门特效。按照贰猹原设实现手机端卡片样式。将手机端卡片样式扩展，支持双栏布局。提供自选方案，读者可以根据需要，选择两种样式。样式一：电脑端宽屏采用滑动卡片，平板宽度采用双栏布局，手机宽度采用单栏卡片。样式二：移除滑动卡片，按屏幕宽度依次应用三栏、双栏、单栏。点击查看参考教程参考方向教程原贴本帖的卡片原设为贰猹提供贰猹の小窝 Flex布局参数解释 Fle

2023-01-30

4910

源计划-赛博风格作者卡片

css 编程算法网站

再次声明，源计划-赛博的内容都是我尝试最近学到的新内容，试验我自己的想法而进行的。我目前的计划是尽快的把自己所思所想实现出来。所以没有足够的精力去把教程做成小白也能看懂的样子。这个魔改本就不是为了没有前端基础的人准备的。看前做好备份，实现不了就回退。不甘心就学下前端。字体，配色，对齐这些鸡毛蒜皮的东西不要整天跑我这里来念叨bug，bug，bug。

2023-01-30

2850

SAO-UI-PLAN-控制面板企划

CSS Glassmorphism Button Hover Effects | Glass Morphism](https://codepen.io/katarzynamarta/pen/rNdbbVq)| |侧栏小菜单侧栏样式参考|Rhombus CSS only switch|

2023-01-30

1K0

赛博朋克风格侧栏卡片样式修改

最近迷上了赛博朋克风格和像素风格。在codepen上找了不少素材，有了不少灵感。干脆拿来试试手。一开始是打算完全重写的。后来发现侧栏卡片的版块每个都是独立文件。要重写的话就要一个一个重写。那如果以前还有其他魔改侧栏的内容，岂不是也要重新维护。啊，想想就好麻烦。所以我们还是按照老规矩，直接用css覆盖上去吧。适配样式的时候感觉还不错。没有多少需要用到important强行提高权值的地方。这里必须吐槽一下jerry做目录卡片时那个百分比的效果。用span来装就不考虑行高。还不如用div呢。好歹不会挤占下面的元素内容。多亏了洪哥推荐的在线clip-path生成工具。虽然那个工具只能按百分比生成，但至少找点方便多了。这次因为用到了clip-path，我直接一口气把整个卡片切割出来了，所以代码显得非常的简洁。真是太好用了这个clip-path！

2023-01-30

4820

源计划-方舟：首页轮播图

本篇讨论的轮播图的配置项可能与hexo-butterfly-swiper插件的配置项有冲突，如果您曾经安装过该插件或者该插件的衍生插件(例如anzhiyu、anzhiyupro、allbs、ihao、lyx、btmuli,一查才知道已经有这么多亚种了吗)。请确保您已经卸载了它们。

2023-01-30

6020

源计划-方舟：存储卡样式标签

|参考了UI风格和配色样式|【G端】不想再做蓝蓝科技风了黄/黑/橙配色| |fontawesome图标文档|fontawesome| |Flex布局参数解释|Flex 布局教程:语法篇 - 阮一峰的网络日志| |Transition属性实现平滑过渡动画|CSS3实现伪类hover离开时平滑过渡效果示例| |CSS伪类实现三角形绘制|纯CSS 实现绘制各种三角形(各种角度) - saucxs - 博客园| |使用clip-path实现多边形剪裁。|不可思议的CSS之clip-path| |站内教程：iconfont引入教程|Hexo引入阿里矢量图标库| |参考空梦的方案实现长文本轮回滚动|空梦——纯 CSS 实现超长文本轮回滚动| |参考Eurkon的方案实现标签数量角标|Eurkon—Butterfly 标签云增加文章数上下标|

2023-01-30

6620

源计划-赛博风格侧栏按钮样式修改

本项目目前还是内测状态，样式优先考虑与本站的兼容，对于默认主题的兼容性适配暂时延后。一切以将本站装点完成为最优先事项。我以前往侧栏按钮里丢过不少功能按钮，所以rightside.pug已经和原版不一样了，但是原理还是基本不变的。我会尽可能在文章里给出示例和声明一些必要的改动步骤。源计划-赛博的魔改内容本就不是为零基础的小白设计的。所以没有前端基础的不要来使用，我也没有足够的精力来辅导。

2023-01-30

4750

对话框外挂标签

新建[Blogroot]\themes\butterfly\scripts\tag\msgbox.js,注意外挂标签是内部函数，必须放在scripts目录下才会生效，不要自作聪明放到别的目录去再inject。

2023-01-30

8240

源计划-赛博风格标题样式修改

腾讯云测试服务 css

这个新代号，源计划-赛博，是我最近心血来潮又挖的一个大坑。为了让他的风格能够和谐的形成一个整体，我准备一个个版块重写过去。争取让整个博客的版块都大换血。时间可能会拖得很长。追更的可以先去看试做那篇文章：赛博朋克风格主题样式试做，挑些过渡方案凑活着用。只有我觉得满意的试做才会单独发文。

2023-01-30

6780

源计划-赛博风格侧栏卡片样式修改

本项目目前还是内测状态，样式优先考虑与本站的兼容，对于默认主题的兼容性适配暂时延后。一切以将本站装点完成为最优先事项。因为侧栏卡片每个卡片的版块class和id都不尽相同。没法通过一个class来控制每种卡片。所以我只能遇到一个适配一个。我会尽量在注释中给出适配方向。所以没有前端基础的慎用。我暂时没有更多的精力去适配其他我用不到的卡片。

2023-01-30

4920

window-terminal美化方案

windows powershell json 官方文档

以前写过一版基于powershell、ComEmu以及oh-my-posh的[windows终端美化方案](/posts/8a76eb87/）。最近重装了系统，发现这个方案已经有些过时了。搜罗了一下时下比较热门的终端美化，经久不衰的依然是oh-my-posh，而且最新版的windows-terminal-preview已经支持图形化配置了。所以这里讲解一下美化方案。

2022-12-02

7400

侧栏友链通讯录卡片

感觉好久好久没有写友链魔改和侧栏魔改的教程了，之前都是在捣鼓各种各样的API插件。然后我这次写的时候发现，我本地的widget文件夹里居然就剩下SAO相关的侧栏卡片pug文件了。看来我插件化的还是很勤快的嘛。不过SAO UI PLAN相关的内容还不打算做插件化，一方面我当初写的代码还比较差，一方面最近看到yamapink用vue封装的SAO UI，顿时萌生了我也要用vue来封装我所有的魔改教程的兴趣。

2022-11-28

4080

6月17日星期五多云

github git 开源 api

今天六幺七寝室节，我安排了一下003号航母下水。楠皮吉皮你们看到的话记得关注下新闻。

2022-11-28

2830

活用githubAPI获取仓库commits作为更新日志

api github json git 开源

故事要从我最近开关谷歌广告说起，为了补贴家用，我开了下谷歌广告，然后为了提升乞讨效率，搭配之前写的SAO-Notify和第一次加载显示欢迎弹窗（详见刀剑神域风格加载动画），我把首页的欢迎语换成了乞讨说明。同时为了方便更改乞讨说明，我把公告内容联系到了配置项里。

2022-11-28

8120

点击加载更多

社区活动

AI代码助手快速上手训练营

鹅厂大牛带你玩转AI智能结对编程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态