可以清心

本文档主要参考🧊Akilarの糖果屋🍭，Volantis 5.0，转载需注明出处 若您在使用本帖教程后，发现样式无法完全还原，请重点排查您的其余第三方魔改css样式，例如css中是否存在.circle、.square等易重class名。 点开查看开发记录 本文所涉及的样式，主要参考的是各类已有主题，并对相应styl文件进行样式修改以及添加夜间模式适配。已尽可能追根溯源找到了各部分魔改内容最初的作者，如有错误和遗漏还请联系我修改。开发记录2020-11-14:内测版v0.05主要使用了Volantis的标签样式。引入[tag].js，并针对butterfly主题修改了相应的[tag].styl。在此鸣谢Volantis主题众开发者。主要参考内容Volantis文档:内置标签插件Butterfly 安装文档:标签外挂（Tag Plugins）小弋の生活馆全样式预览l-lin-font-awesome-animation小康的butterfly主题使用文档在hexo中使用思维导图2020-11-15:正式版v1.0基本完成V ...

哔哔点啥首页轮播 首页轮播需要转存json文件，如果没有设置请参照下方木木的教程进行配置 熟悉的味道，不一样配方https://immmmm.com/bb-talks-json/ 介绍 首页轮播参照小冰老师叨叨点啥进行修改，使用bber的可以参照本教程，使用叨叨请移步以下链接 Hexo Buffterfly主题增加叨叨点啥https://www.heyiki.top/posts/c66dcdf5.html 安装 hexo-bbds 1yarn add hexo-bbds --save 安装完成以后修改 config.yml 文件，添加以下代码 1234567891011daodao_swiper: url: https://xxxx.tcb.qcloud.la/json/bber.json # 这里是你的转存的json地址 fliter: "['img','iframe', 'png', 'jpg']" # 将png jpg img等链接过滤 priority: 10 ena ...

基于谷歌提供的免费大模型获取文章摘要 准备工作 注册谷歌账号获取 API_KEY，使用手机号即可(国内也是可以) apikey获取地址 创建一个 API_KEY ，注意这个 KEY 只会出现一次，要保存一下，后面会用到 部署 API fork 仓库 修改 vercel.json 中的跨域配置 为自己的域名 123456789101112131415161718192021{ "headers": [ { "source": "/(.*)", "headers": [ { "key": "Access-Control-Allow-Origin", "value": "https://blog.keyiqingxin.cn&qu ...

AG-GRID 一个高性能表格组件 安装 123456# vue2npm install --save ag-grid-community ag-grid-vue vue-property-decorator@^8.0.0# vue3npm install --save ag-grid-communitynpm install --save ag-grid-vue3 引入 12345678// vue2import { AgGridVue } from "ag-grid-vue";// 样式// 基本样式import "ag-grid-community/styles/ag-grid.css";// 主题样式import "ag-grid-community/styles/ag-theme-alpine.css"; 网格配置 列配置 12345678910111213141516171819202122232425262728<ag-grid-vue style="width ...

应用 应用实例 应用通过 createApp 函数创建应用实例 12345import { createApp } from "vue";const app = createApp({ // 根组件选项}); 根组件 123import App from "./app.vue";const app = createApp(App); 挂载应用 1<div id="app"></div> 1app.mount("#app"); .mount 方法返回根组件实例而非应用实例 dom 中的根组件模版 根组件的模版也是组件本身的一部分，但也可以直接通过在挂载容器内编写模板来单独提供 当根组件没有设置 template 选项时，vue 将自动使用容器的 innerHTML 作为模版 dom 内模版通常用于无构建步骤的 vue 应用，其根模版可由服务端生成 应用配置 应用实例暴露一个 .config 对象，允许配置一些应用级的选项 1234567// ...

SEO 即搜索引擎优化，比较重要的地方，网页 title 标题，description 网站说明以及 keywords 关键字。良好的 seo 利于搜索引擎更快识别页面内容，对页面进行收录，对于网站运营者来说，可以提升点击和分发的效率，提升网站排名流量，进而带来转化。 title 标签 强调重点，重要关键字不要超过两次，并且要靠前 每个页面的 title 应该有所不同 简洁、准确突出品牌 权重最大 description 标签 网页的摘要内容 填写与页面最相关的最重要的内容 每个网页都应有描述 权重次之 keyword 标签 权重最小的标签 已不是搜索引擎排名的重要因素 仍然可以列举与页面内容相关的几个重要关键词 其他优化 使用语义化标签，符合 w3c 规范，让搜索引擎更容易理解页面的结构和内容 重要的内容写在前面，搜索引擎是从上到小抓取，且长度有限制，将重要的内容放在前面，搜索引擎可以更准确的抓取 重要的内容不用 js 输出，爬虫不会执行 JavaScript 所以重要的内容不应该依赖 js 动态输出，而应该使用 html 静态输出 少用 iframe，搜索引擎通常不 ...

数据结构 数据结构在物理上分为连续和分散结构，在逻辑上分为线性和非线性结构 数组 初始化数组 123// 初始化长度为5的数组，并填充0let array = new Array(5).fill(0);console.log(array); 访问数组元素 1234// 访问随机元素let array = [1, 2, 3, 4, 5];console.log(array[Math.floor(Math.random() * 5)]); 插入数组元素 123456789101112131415161718192021// 元素后移动let array = [1, 2, 3, 4, 5, 6, 7, 8];function addItem(array, index, item) { if (index > array.length) return; for (let i = index; i < array.length; i++) { let temp = array[i]; array[i] = item; ...

删除 dom el.remove() 大部分浏览器都支持该用法 full support el.parentNode.removeChild(el) 大部分浏览器都支持该用法 full support 123456789101112131415161718// remove polyfill(function(arr) { arr.forEach(item => { if (item.hasOwnProperty("remove")) { return; } Object.defineProprety(item, 'remove', { configurable: true, enumerable: true, writable: true, value: function remove() { ...

简介 script标签 使用 <script> 标签将 javascript 程序插入到 html 文档的任何位置 123<script> console.info(11111);</script> 现代的标记(markup) <script> 标签有一些现在很少用到的特性 (attribute)，但是我们可以在老代码中找到它们 type 特性: <script type=...></script>，在老的 html4 标准中，要求 script 标签有 type 属性，通常是 type="text/javascript"。这样的特性声明现在已经不再需要。而且，现代 HTML 标准已经完全改变了此特性的含义。现在，它可以用于 JavaScript 模块 language 特性: <script language=...></script>，这个特性是为了显示脚本使用的语言。这个特性现在已经没有任何意义，因为语言默认就是 JavaScript。不再需要使用它了 ...

简介 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性 设计模式的几大原则 单一职责原则 开放封闭原则 里式替换原则 接口隔离原则 依赖反转原则 最少知识原则 常见的12种设计模式 工厂模式 单例模式 观察者模式 发布-订阅模式 原型模式 适配器模式 装饰者模式 策略模式 模块模式 代理模式 迭代器模式 状态模式 工厂模式 工厂模式通过工厂方法来创建对象，而不是直接使用 new 关键字，工厂方法根据输入参数的不同，决定创建哪个具体的对象实例并将其返回。 工厂模式就是根据不用的输入返回不同的实例，一般用来创建同一类对象，它的主要思想就是将对象的创建与对象的实现分离，在创建对象时，不暴露具体的逻辑，而是将逻辑封装在函数中，那么这个函数就可以视为一个工厂，工厂模式根据抽象程度的不同可以分为: 简单工厂、工厂方法、抽象工厂 1234567891011121314151617181920212223242526// 定义产品类class Product { construc ...