摘要:🎨 Awescnb, awesome cnblog. 简介 可能许多初来乍到的新手会被博客园经典的风格劝退,或者您是一个老园友,需要为您的博客定制一些功能(例如宣传公众号,文章目录、或者插入几个捐助二维码等等)而不想浪费太多时间。我制作这个小项目的目的是园友能够轻易地构建一个博客园皮肤或完善您的博 阅读全文
posted @ 2020-05-31 19:54 DIVMonster 阅读(492) 评论(18) 推荐(6) 编辑
摘要:前置 希望通过这篇文章帮助你很好的适配移动端项目,如有不足,恳请指点一二! 单位 分辨率: 单位面积显示像素的数量,和 css 无关 DPI:图像每英寸长度内的像素点数(1 英尺=30.48 厘米) css 的 px: 96 DPI 的单像素的物理大小 物理像素:在由一个数字序列表示的图像中的一个最 阅读全文
posted @ 2020-05-24 08:38 DIVMonster 阅读(360) 评论(4) 推荐(4) 编辑
摘要:先拜读源码,最后总结,以及其他实现思路。如有错误,欢迎指正! 项目介绍 名称:Darkmode.js 功能:给你的网站添加暗色模式 项目链接:https://github.com/sandoche/Darkmode.js 使用插件 使用这个插件非常简单,只需要实例化 class,即可在页面创建一个 阅读全文
posted @ 2020-04-18 16:06 DIVMonster 阅读(346) 评论(0) 推荐(2) 编辑
摘要:" " 写在最前 没有接触过 AntV 的诸位看客可通过这篇不成文的文章稍作了解。最近 病毒猖獗,遂抽空做了一个相关小 DEMO。数据可视化方面的使用的是 AntV F2,前端框架使用 Vue 快速成型,使用与 Vue 配合较好的 Vant 最为UI框架以节约时间。此文以一个小小的示例(渲染能够横向 阅读全文
posted @ 2020-02-06 12:21 DIVMonster 阅读(1124) 评论(9) 推荐(1) 编辑
摘要:前置 chunk 函数内部借助其他函数实现,所以从其他函数开始,chunk 在最后。 你可能需要一些 JavaScript 基础知识才能看懂一些没有注释的细节。 isObject 判断是否为 Object 类型 /** * Checks if `value` is the * [language t 阅读全文
posted @ 2020-07-03 23:06 DIVMonster 阅读(29) 评论(1) 推荐(0) 编辑
摘要:稀疏数组和密集数组 稀疏数组 Sparse arrays 一般来说,JavaScript 中的数组都是稀疏数组-它们可以拥有空槽,所谓空槽,指的就是数组的某个位置没有任何值,既不是 undefined,也不是 null,因为数组只是索引到值的简单映射。 let a = new Array(3); c 阅读全文
posted @ 2020-07-02 21:04 DIVMonster 阅读(51) 评论(0) 推荐(0) 编辑
摘要:前置 从创建一个简单浏览器导航首页项目展开,该篇随笔包含以下内容的简单上手: vite vue3 vuex4 vue-router next 预览效果有助于理清这些内容,限于篇幅,不容易展开叙述。由于项目逻辑简单,只使用了少量 API,我只是写这个小项目过把手瘾,所以对应标题 上手。如果您只是想学习 阅读全文
posted @ 2020-06-26 12:39 DIVMonster 阅读(935) 评论(3) 推荐(1) 编辑
摘要:前置 点击按钮切换搜索引擎 搜索框跟随切换改变样式 使用 vue 最快了 template 为了方便扩展,使用 v-for 循环渲染出按钮,绑定切换搜索引擎的 method , 传入不同名称以区别搜索引擎。按钮的样式也动态绑定。 输入框动态绑定样式,在点击按钮切换搜索引擎时,搜索框绑定的样式对应的 阅读全文
posted @ 2020-06-12 18:29 DIVMonster 阅读(237) 评论(0) 推荐(1) 编辑
摘要:🎨 Awescnb, awesome cnblog. 简介 可能许多初来乍到的新手会被博客园经典的风格劝退,或者您是一个老园友,需要为您的博客定制一些功能(例如宣传公众号,文章目录、或者插入几个捐助二维码等等)而不想浪费太多时间。我制作这个小项目的目的是园友能够轻易地构建一个博客园皮肤或完善您的博 阅读全文
posted @ 2020-05-31 19:54 DIVMonster 阅读(492) 评论(18) 推荐(6) 编辑
摘要:前置 由于之前构建的皮肤 reacg 偏二次元风,尽管提供了大量配置(包括几乎任何颜色、插件等的配置),依然有人吐槽花里胡哨,遂重新构建了一款简约风格的博客园皮肤, 正如你所见。下文我将从零介绍它的构建过程,构建它最快花费一个小时到几个小时。由于之前做了大量工作,所以现在按照流程走一遍就完事了。 准 阅读全文
posted @ 2020-05-29 18:04 DIVMonster 阅读(441) 评论(5) 推荐(6) 编辑
摘要:原文链接: https://increment.com/frontend/making-vue-3 在过去的一年里,Vue 团队一直在研究 Vue.js 的下一个主要版本,我们希望在 2020 年上半年发布。这项工作在撰写本文时还在进行中),关于 Vue 新的主要版本的想法是在 2018 年底形成的 阅读全文
posted @ 2020-05-28 18:07 DIVMonster 阅读(359) 评论(1) 推荐(2) 编辑
摘要:前置 希望通过这篇文章帮助你很好的适配移动端项目,如有不足,恳请指点一二! 单位 分辨率: 单位面积显示像素的数量,和 css 无关 DPI:图像每英寸长度内的像素点数(1 英尺=30.48 厘米) css 的 px: 96 DPI 的单像素的物理大小 物理像素:在由一个数字序列表示的图像中的一个最 阅读全文
posted @ 2020-05-24 08:38 DIVMonster 阅读(360) 评论(4) 推荐(4) 编辑
摘要:前置 我在很久之前就发现了使用第三方 markdown 主题将产生一个的问题,今日在社区发现依然有人写文章来推荐这种做法。接下来我告诉你为什么最好不要这样做以及分享一些 markdown 技巧。若有不足,恳请指点! 第三方主题 在技术社区经常看见使用编辑器 markdown 主题渲染出来的文章,其目 阅读全文
posted @ 2020-05-19 19:20 DIVMonster 阅读(534) 评论(2) 推荐(4) 编辑
摘要:ipconfig 用法: 其中 adapter 连接名称 (允许使用通配符 \ 和 ?,参见示例) 选项: 默认情况下,仅显示绑定到 TCP/IP 的每个适配器的 IP 地址、子网掩码和 默认网关。 对于 Release 和 Renew,如果未指定适配器名称,则会释放或更新所有绑定 到 TCP/IP 阅读全文
posted @ 2020-05-17 00:25 DIVMonster 阅读(42) 评论(0) 推荐(0) 编辑
摘要:前置 最近写了几篇随笔,大家都不看内容,讨论博客皮肤 😂,满足你们。以下所有功能都可作为一个插件使用,你可以将它迁移到你的博客,代码仓库地址在文末。或者使用 "awescnb" 将这些插件集成到你现有的博客园皮肤。若有错误,恳请指点一二,感激不尽。欢迎评论区友善交流。另外插件还在不断扩充与完善。 阅读全文
posted @ 2020-05-15 20:10 DIVMonster 阅读(1601) 评论(27) 推荐(39) 编辑
摘要:前置 原型是 JavaScript 巧妙的设计,它非常容易理解。都 2020 年了,看完这篇希望你以后不需要再重复学习 JavaScript 原型了。如有不当之处,恳请指点一二! 单词 下面是相关单词及其翻译,牢牢记住它们就成功一半了。 constructor 构造器 proto & prototy 阅读全文
posted @ 2020-05-14 17:38 DIVMonster 阅读(894) 评论(15) 推荐(7) 编辑
摘要:win10 + linux双系统,删除 linux 导致 win10 无法进入,通过重建 即可解决。 阅读全文
posted @ 2020-05-12 05:56 DIVMonster 阅读(65) 评论(3) 推荐(0) 编辑
摘要:前置 自定义博客园样式需要一下几部分 页面定制 CSS 代码 博客侧边栏公告(支持 HTML 代码) (支持 JS 代码) 页首 HTML 代码 页脚 HTML 代码 你可能不熟悉 页首 HTML 代码 ,可以在此处放入一个 loading,因为页面加载时会最先加载这部分。总之, 页面定制 CSS 阅读全文
posted @ 2020-04-27 21:35 DIVMonster 阅读(326) 评论(5) 推荐(3) 编辑
摘要:先拜读源码,最后总结,以及其他实现思路。如有错误,欢迎指正! 项目介绍 名称:Darkmode.js 功能:给你的网站添加暗色模式 项目链接:https://github.com/sandoche/Darkmode.js 使用插件 使用这个插件非常简单,只需要实例化 class,即可在页面创建一个 阅读全文
posted @ 2020-04-18 16:06 DIVMonster 阅读(346) 评论(0) 推荐(2) 编辑
摘要:手写一个文章目录插件。 兼容博客园 markdown 和 TinyMCE 编辑器 给标题添加活跃样式 可选的固定位置 插件的配置 enable 是否启用 position 目录固定的位置 left 固定在左侧 right 固定在右侧 sidebar '类似掘金文章目录固定效果的效果' 代码结构 im 阅读全文
posted @ 2020-04-13 17:40 DIVMonster 阅读(156) 评论(1) 推荐(1) 编辑
摘要:以给博客园头部导航条链接添加图标为例, 接下来看看如何分别使用对象、数组、Map 优化它的。 前置 1.接下来给头部导航条添的图标包含: 博客园首页 新随笔 博客首页 联系 订阅 管理 2.这里封装了一个返回 svg 的 function, 下文的 即是调用了这个方法。 js function ic 阅读全文
posted @ 2020-04-06 19:18 DIVMonster 阅读(347) 评论(2) 推荐(5) 编辑
摘要:前置 大小 vue 项目都离不开组件通讯, 在这里总结一下vue组件通讯方式并列出, 都是简单的例子. 适合像我这样的小白。如有错误,欢迎指正。 温馨提示: 下文没有列出 vuex, vuex 也是重要的组件通讯方式。 props 最常用的组件通讯方式 值可以是数组或对象,使用对象时可以配置高级选项 阅读全文
posted @ 2020-04-05 18:02 DIVMonster 阅读(362) 评论(0) 推荐(4) 编辑
摘要:Install from mirror in China npm install -g mirror-config-china --registry=http://registry.npm.taobao.org npm install node-sass 要先安装 mirror-config-chi 阅读全文
posted @ 2020-04-05 11:29 DIVMonster 阅读(42) 评论(0) 推荐(0) 编辑
摘要:网络适配器 属性 internet协议版本4 修改dns 为 即可 阅读全文
posted @ 2020-03-29 11:53 DIVMonster 阅读(53) 评论(0) 推荐(0) 编辑