发表于
2024-11-19 15:41:48
CI配置项，IT服务的关键要素
随着现今数字经济的不断发展，逐渐成熟的IT 基础设施已不再是简单的竞争优势，而已成为企业生存和发展的基石。然而，仅仅拥有强大的基础设施是不够的。为了保障 IT 服务的平稳运行和持续交付，企业还需要重点关注 IT 服务的核心构建模块——配置项（Configuration Item，CI）。
...继续阅读
(15)
发表于
2024-10-14 07:15:19
Beyond Functions: How to Enrich an R Package with Data
发表于
2024-09-30 22:00:00
Examining exams using Rasch models and assessment of measurement invariance
发表于
2024-09-05 19:06:49
TS中关于void类型的奇怪现象
前言在TS中有一种类型为void，它表示的是空，但是需要注意的是它与JS中的空并不是一回事。并且它一般用于给函数返回值声明类型，虽然也可以把一个变量的类型声明为void，但我们一般不会这么干，因为没有意义，为什么这么说呢？在下面的例子中来解答这个问题void类型给变量声明void类型let name: void // 声明一个变量name，类型为void
name = 'nanjiu' // 报错 不能将类型“string”分配给类型“void”。
name = 18 // 报错 不能将类型“number”分配给类型“void”。
name = null // 报错 不能将类型“null”分配给类型“void”。
name = undefined // 正常也就是说当类型为void时，它能够接受的值就只有一个：undefined，其它任何值都不行。现在是不是能够解释为什么我们一般不会给变量声明为void类型了，因为它的值只能是undefined，而undefined在我们实际开发时并没有任何意义。函数返回值声明为void类型显式返回当给函数返回值类型申明为void时，我们可以在函数中return一个undefinedfunction sayHello(): void {
console.log('hello')
return undefined
}
const str
...继续阅读
(62)
发表于
2024-09-03 00:00:00
Mysql None-SPJ算子执行流程
背景作者在polardb下一个版本开发中修复了大量带groupby+rollup集合结果不正确的bug， 顺带抽象总结一下None SPJ算子执行流程，不理解思想的话，单纯通过代码逆向反推逻辑会耗费大量精力，希望本篇文章对于入坑mysql同学有帮助。代码基于版本是mysql 8.4.2。
先抛出一个问题，我们查看一个常见groupby+order by sql执行计划时，是什么？为什么一定要加一张临时表？CREATE TABLE t1 (a INT, b INT);
INSERT INTO t1 (a, b) VALUES (1,1), (1,2), (1,3);
INSERT INTO t1 SELECT a + 1, b FROM t1;
mysql> desc format=tree SELECT a*a, sum(b)+1, count(1)+1 as cnt FROM t1 GROUP BY a ORDER BY cnt DESC;
+----------------------------------------------------------------------------------------------------------------------------------------------------+
| EXPLAIN
...继续阅读
(6)
发表于
2024-09-03 00:00:00
Mysql None-SPJ算子执行流程
发表于
2024-08-28 11:51:03
一些react使用小技巧（上）
以下是个人收集总结的一些使用 react 的小技巧。一. 组件相关1. 使用自闭合组件// 不好的写法// 推荐写法2. 推荐使用Fragment组件而不是 DOM 元素来分组元素在 React 中，每个组件必须返回单个元素。不要将多个元素包装在或中，而是使用来保持 DOM 整洁。不好的写法：使用 div 会使 DOM 变得杂乱，并且可能需要更多 CSS 代码。import Header from "./header";
import Content from "./content";
import Footer from "./footer";
const Test = () => {
return ();
};推荐写法:包装元素而不影响 DOM 结构。import Header from "./header";
import Content from "./content";
import Footer from "./footer";
const Test = () => {
return (
// 如果元素不需要添加属性，则可以使用简写形式< />);
};3. 使用 React fragment 简写< />（除非你需要设置一个 key 属性）不好写法：下面的代码有点冗余。const Test = () => {
return ();
};推荐写法
...继续阅读
(43)
发表于
2024-07-11 07:46:33
抄作业–我的设备
发表于
2024-06-27 07:00:43
一种在 Electron 和 Web 环境下显示原生及自定义菜单的通用方法
该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/tech/a-universal-method-about-show-electron-native-and-web-custom-menus本文介绍一种可以在 Electron 应用中显示原生菜单，并且在非 Electron 环境（Web）下也可以显示自定义的上下文菜单的方法。通过封装一个通用组件和调用方法，在两套环境中交互统一。调出原生菜单在 Electron 中，默认情况下右键并不会弹出类似 Chrome 中的上下文菜单。很多时候我们需要根据自己的业务场景编写相应的上下文菜单。我们可以使用Menu去构建一个原生的上下文菜单。在主进程中通过 ipcMain 监听事件，通过Menu.buildFromTemplate然后popup方法显示原生菜单。ipcMain.on('show-context-menu', (event) => {
const template = [
{
label: 'Menu Item 1',
click: () => {
console.log('Menu Item 1 clicked')
},
},
...继续阅读
(53)
发表于
2024-06-22 12:54:11
黔驴技穷 — 山穷水复疑无路 柳暗花明又一村
发表于
2024-06-20 21:31:14
Pake x 微信读书 x 霞鹜文楷
利用Pake给 「微信读书」 网页版打包成了 App。加上了 「霞鹜文楷」在线字体；覆盖了亮色主题背景色为淡米色；隐藏右侧控制按钮；下载地址：https://github.com/lmm214/Pake/releases2024-06-20 更新：支持了双栏。编译记录Pake 官方教程GitHub Actions 在线编译多系统版本：Fork 项目启用 Actions修改 app.csv （留下一个）进 Releases 打 tag（版本号必须以大写 V 开头）然后等待 20 分钟左右，到 release 页面下载即可！备1：自己新写一个需新上传图标，上传图标推荐用https://icon-icons.com/zh/，生成 .icns、.ico、.png图标；上传 .icns 文件至/src-tauri/icons目录下（必须，打包mac应用）；上传.ico 和.png 文件至 /src-tauri/png目录下（打包windows/linux是需要的）。备2：Pake 的高级用法其实简单的加个 css ，插入个 js 代码，完全不用本地部署编译环境。因为编译出来的也仅是当下系统的 App。比如我自个儿 npm run dev:debug 了半天也就在.../src-tauri/src/inject/style.js加了以下代码：*{font-family: "LXGW WenKa
...继续阅读
(53)
发表于
2024-06-13 11:01:34
让路径动画更好用！CSS offset-path现在也支持基本形状了
欢迎关注我的公众号：前端侦探大家有使用过offset-path吗？没用过不要紧，相信大家都见过这种酷炫的路径动画，这种就可以用offset-path来实现demo 来源：https://codepen.io/ahmadbassamemran/pen/bXByBv随着CSS的不断发展，最近在Chrome 116中，offset-path也支持基本形状了，也就是常见的inset、circle、polygon等等，有了这些形状的支持，路径动画写起来更加方便了，一起了解一下吧一、过去仅支持 path先简单介绍一下offset-path的用法。offset-path是用来实现路径动画的，所以前提是需要准备好路径。这里的路径可以在支持SVG的设计软件中绘制，比如Figma这是我用钢笔工具随便勾勒的一条路径，先准备好放在一边。现在来一点布局我们用伪元素来作为偏移路径的元素.con{
position: relative;
width: 300px;
height: 200px;
background-color: #FFEFC5;
border-radius: 8px;
flex-shrink: 0;
}
.con::before{
position: absolute;
content: '😁';
width: 40px;
height: 40px;
...继续阅读
(83)
发表于
2024-05-30 19:24:05
Calculating data for visualization on stacked 100% bar
发表于
2024-05-01 00:00:00
MySQL 深潜 - 重构后的 ROLLUP 实现
ROLLUP 功能简述ROLLUP 可以在普通的 GROUP BY 聚合的情况下，增加更多层次的聚集输出。比如以下这条 SQL：SELECTyear,country,product,SUM(profit)ASprofitFROMsalesGROUPBYyear,country,productWITHROLLUP;除了计算按照年份、国家、产品分组的利润总和，也会计算按照年份、国家(GROUP BY year, country)，按照年份(GROUP BY year)和所有(No GROUP BY)的利润总和。结果如下：+------+---------+------------+--------+|year|country|product|profit|rolluplevel+------+---------+------------+--------+|2000|Finland|Computer|1500|3<-- GROUP BY year, country, product|2000|Finland|Phone|100|3|2000|Finland|NULL|1600|2<-- GROUP BY year, country|2000|India|Calculator|150|3|2000|India|Computer|1200|3|2000|India|NULL|1350|2<
...继续阅读
(24)
发表于
2024-04-17 07:43:36
用户增长框架与实战（8）：电商经典漏斗shopping journey
发表于
2024-04-16 06:17:15
用户增长框架与实战（5）如何管理SKU
发表于
2024-04-15 14:19:42
PostgreSQL恢复系列:pg_filedump恢复字典构造
联系：手机/微信(+86 17813235971) QQ(107644445)标题：PostgreSQL恢复系列:pg_filedump恢复字典构造作者：惜分飞©版权所有[未经本人同意,不得以任何形式转载,否则有进一步追究法律责任的权利.]pg_filedump是在pg数据库极端情况下直接解析数据库文件的利器,但是由于是开源软件,本身难以实现批量处理,通过对底层基表分析,可以实现批量处理功能分析PostgreSQL库中数据库信息--数据库查询结果
postgres=# select oid,datname,datdba,dattablespace from pg_database;
oid | datname | datdba | dattablespace
-------+-------------+--------+---------------
14187 | postgres | 10 | 1663
16403 | db_xff | 10 | 1663
1 | template1 | 10 | 1663
14186 | template0 | 10 | 1663
16407 | db_xifenfei | 1
...继续阅读
(57)
发表于
2024-04-15 14:19:42
PostgreSQL恢复系列:pg_filedump恢复字典构造
联系：手机/微信(+86 17813235971) QQ(107644445)标题：PostgreSQL恢复系列:pg_filedump恢复字典构造作者：惜分飞©版权所有[未经本人同意,不得以任何形式转载,否则有进一步追究法律责任的权利.]pg_filedump是在pg数据库极端情况下直接解析数据库文件的利器,但是由于是开源软件,本身难以实现批量处理,通过对底层基表分析,可以实现批量处理功能分析PostgreSQL库中数据库信息--数据库查询结果
postgres=# select oid,datname,datdba,dattablespace from pg_database;
oid | datname | datdba | dattablespace
-------+-------------+--------+---------------
14187 | postgres | 10 | 1663
16403 | db_xff | 10 | 1663
1 | template1 | 10 | 1663
14186 | template0 | 10 | 1663
16407 | db_xifenfei | 1
...继续阅读
(74)
发表于
2024-04-14 22:06:00
蓝桥杯十五届省赛Web应用开发题目答案解析
去年报了个蓝桥杯Web，昨天刚打完省赛，10道题基本无压力 ::(呵呵) （[DarkBText]果然是圈钱杯[/DarkBText]），最后一道可能会扣点分，整理一下赛后直播的答案，也包括职业院校组的，给需要的小伙伴们：1. 智能停车系统 ⭐️考点： flex 布局解题答案：.cars {
position: absolute;
z-index: 2;
display: flex;
width: 600px;
height: 600px;
flex-direction: column;
/* TODO: 请在下方编写题目代码，不要更改其他选择器里的代码 */
flex-wrap: wrap;
align-content:space-between;
justify-content:space-between;
}2. 分享点滴 ⭐️考察：对象的遍历，字符串基本操作答案1：function appendParamsToURL(url, params) {
// 创建一个空字符串来存储参数字符串
let str = "";
// 遍历参数对象中的每个键
for (const key in params) {
// 将键值对追加到字符串中
str += `${key}=${params[key]}&`;
...继续阅读
(53)
发表于
2024-02-04 09:10:55
Explorer\'s Guide
发表于
2024-01-19 08:38:15
关于 React Native 的 WebView 编辑器问题记录
发表于
2024-01-17 13:52:32
Promise.all应用场景之数组循环请求——异步获取所有项对应数据后再往下走
问题描述最近遇到一个奇怪的需求，和大家分享一下假设后端返回一个数组，数组数据如下：let arr = [
{
name: '孙悟空',
id: '111',
age: null
},
{
name: '猪八戒',
id: '222',
age: null
},
{
name: '沙和尚',
id: '333',
age: null
},
{
name: '唐僧',
id: '444',
age: null
},
{
name: '白龙马',
id: '555',
age: null
},
]注意，这里并没有直接返回每一项的年龄每一项的年龄，需要前端再调用一个接口，把名字作为参数，再去请求某个人的年龄有的朋友问，那为啥不把年龄通过sql语句，查出来，直接赋值到数组List中的age字段上？正常来说，是需要这样做的，不过某些情况下（很少情况）的确是只能再发请求，专门用于获取年龄字段数据了所以：当我们获取到这个数组以后，需要循环发请求，拿着名字，去获取对应年龄接口函数fun
...继续阅读
(96)
发表于
2024-01-15 00:00:00
Poor Dude’s Janky Bluesky Feed Reader CLI Via atrrr
发表于
2024-01-15 00:00:00
群晖NAS ESTAT扩容
发表于
2024-01-11 16:24:39
Javascript Array
Handle element in an Arrayconst hobbies = ["sports", "cooking", "reading"];
console.log(hobbies[0]); # Get single element
hobbies.push("surfing"); # Add new element to the end
hobbies.unshift("movies"); # Add new element to th start
hobbies.pop(); # remove the last element
hobbies.shift(); # remove the first elementFind elementconst index = hobbies.findIndex((item) => {
return item === "reading"
});
console.log(index);A shorter code:const index = hobbies.findIndex((item) => item === "reading");
console.log(index);
// Result
2Filter
...继续阅读
(33)
发表于
2024-01-04 00:00:00
Icons in a Shiny dropdown input
发表于
2023-12-19 09:35:28
butterfly主题如何新建电影推荐，书籍推荐页面，快速学会
今天是大年初五，祝大家新的一年“兔”然发财，“兔”飞猛进。前段时间实现了静态的电影推荐，书籍推荐页面，刚好有人问起这个怎么实现。其实这个butterfly作者制作了一个相关的插件，可以实现自动获取豆瓣的影音等，当然，你也可以像我一样搞成静态滴。引用站外地址hexo-butterfly-doubanjerry新建页面在themes/butterfly/layout/includes/page文件下新建movies.pug文件12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667//- movie page#article-container.author-content-item.like-movie.single.share.card-content.author-content-item-tips=_p('电影')span.author-content-item-title=_p('静下来慢慢')span.inline-word=_p('感受着，')span.author-content-item-title=_p('
...继续阅读
(73)
发表于
2023-12-19 09:35:28
Heo版即刻短文
前一段时间就看到了即刻短文 | 张洪Heo，一直以来想要有这种可以发一句话的地方，配置过小康的，但是奈何总是卡在分支那一步，总是报错，问过其他人发现都是按照教程就可以配置好，由于这是静态，可能每次发一两句话就要重新部署，对于某些人来说可能不太方便，如果需要可以参照KK Api进行部署，按照文档走基本不会有任何问题。当然这是一篇关于即刻短文的教程，不会就这么结束了，如果你也想拥有Heo版的即刻短文，可以参考如下教程，原教程来自Hexo的Butterfly魔改：即刻短文静态部署版 | 张洪Heo (zhheo.com)，本教程基于原教程进行补充。效果具体效果可以查看即刻短文 |JayHrn - 分享科技与热爱生活魔改步骤创建基本示例数据创建source/_data/essay.yml，内容可以参考如下写法123456789101112-class_name:即刻短文essay_list:-content:用了Heo的即刻短文，很舒服date:2022-08-13-content:Markdown教程推出date:2022-08-12image:https://pic.rmb.bdstatic.com/bjh/965866510655a628f2c37b93846520a93213.png-content:现在即刻短文已经纯本地化部署完成，不再依赖任何第三方服务了date:2022-08
...继续阅读
(65)
发表于
2023-12-19 09:35:28
Butterfly如何自定义页面，简单明了！创建自己的网站收藏页面
用了这么久的Butterfly主题了，也对这个主题有了一定的了解了，随着使用的次数增加，对它的要求也就越来越高了，看到别人好多的新功能，就想着自己也应该做些让自己方便的事情了。毕竟博客就是为了方便自己（记笔记、回顾知识等），所以就想着有些自定义的页面，这样自己网站也不会太单调。这篇教程就是针对Butterfly主题如何实现自定义页面的。详解首先，我们需要了解Butterfly主题是怎么识别不同的页面的。当然，你得了解一点点前端的东西，其实就不难理解主题中的每一个文件的作用了。一开始我们是不是不太明白为什么创建友链的时候创建link页面的时候需要加上type: "link"。其实这个就是告诉主题我们这个页面是特殊的页面。打开themes/butterfly/layout/page.pug文件，12345678910111213141516171819202122extends includes/layout.pugblock content#pageif top_img === falseh1.page-title= page.titlecase page.typewhen 'tags'include includes/page/tags.pugwhen 'link'include includes/page/flink.pugwhen &#x
...继续阅读
(58)
发表于
2023-12-19 09:35:28
Friend Link Card Beautify
来源Friend Link Card Beautify，本文仅为记录魔改过程查看效果魔改步骤修改[Blogroot]\themes\butterfly\layout\includes\page\flink.pug,此处添加判断机制，使得可以通过修改配置文件来切换友链风格。同时为了方便管理，把各个友链样式放到新建的文件目录[Blogroot]\themes\butterfly\layout\includes\page\flink_style下。flink.pugbutterfly.pugvolantis.pugflexcard.pug修改[Blogroot]\themes\butterfly\layout\includes\page\flink.pug，全部内容替换为：1234567case theme.flink_stylewhen 'volantis'include ./flink_style/volantis.pugwhen 'flexcard'include ./flink_style/flexcard.pugdefaultinclude ./flink_style/butterfly.pug新建[Blogroot]\themes\butterfly\layout\includes\page\flink_style\butterfly.
...继续阅读
(62)