发表于
2023-12-19 09:35:28
Joe主题引入文章目录，非插件版本
一直想搞一个动态博客，但是没有找到什么好看的（好看的都收费去了），发现了Joe主题还挺好的，于是最近开始在对typecho的Joe主题进行魔改，本教程主要记录自己魔改的一些内容，后续也都将会记录。至于这个主题魔改后的效果可以查看本域名下面的另一个站点予星辰。这里主要是为了解决Joe7.7.1主题不支持目录的问题，目前只支持H1、H2、H3级目录。开始首先，在public/aside.php文件中，添加如下内容，可以在作者卡片之后添加，不过具体想摆放的位置看自己的设计，本人设计是放在作者卡片之后。12345678910111213141516171819仅在文章生效，如果需要页面，下面第一行判断加上 ||$this->is('page')phpif($this-is('post')) :?>目录phpendif; ?获取目录在自定义JS文件中添加如下内容，或者你也可以加在assets/js/joe.global.js文件中，记得将joe.global.min.js也同步更新下，如果你使用的是joe.global.js那就不用管了。1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
...继续阅读
(64)
发表于
2023-12-16 11:13:22
「代码片段」JavaScript 数组的 reduce() 方法
刷贴吧时看到的一个需求示例，让 AI 写了下用的 reduce() 方法，之前只是大概知道有这么个东西，姑且借这个例子加深下印象。more文档Array.prototype.reduce() - JavaScript | MDNhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce代码案例(() => {
const data = [
{ k: "a", v: 1 },
{ k: "a", v: 1 },
{ k: "a", v: 2 },
{ k: "a", v: 3 },
{ k: "b", v: 3 },
{ k: "b", v: 3 },
{ k: "b", v: 2 },
{ k: "c", v: 2 },
{ k: "c", v: 1 },
{ k: "c", v: 1 },
];
/* 转换成如下格式
[
{ k: "a", v: [1, 2, 3] },
{ k: "b", v: [3,
...继续阅读
(52)
发表于
2023-12-07 10:25:02
【布局技巧】Flex 布局下居中溢出滚动截断问题
在页面布局中，我们经常会遇到/使用这么一类常见的布局，也就是列表内容水平居中于容器中，像是这样：ul {
width: 500px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 10px;
}效果如下：这里，外层的容器是定宽的，内层的 flex-item 也是定宽的。当 flex-item 个数较小时，是没有问题的。但是，如果当元素内容过多，并且设置了flex-wrap: nowrap的话，内容就会溢出容器：此时，我们有几种解法，其中一种便是给父容器设置overflow: auto或者overflow: hidden，让父容器可以滚动，像是这样：ul {
// ...
overflow: auto;
}效果就变成了这样：我们尝试滚动一下这个容器，会发现一个致命问题：容器只能向左滚动，无法向右滚动，因此只能看到后半部分被截断的内容，而无法看到前半部分被截断的内容：什么意思呢？结合上面的 Gif 与下面这张示意图，一看就懂：针对这个问题。其中一类比好好的解法在于，当flex-item 不足以溢出时候，flex-item 居中展示，而当 flex-it
...继续阅读
(65)
发表于
2023-11-10 00:00:00
python 通过 json 生成小文件
记录一个方法，pyhton 通过 json 文件，在同级目录下生成对应格式的小文本。 import json def generate_files_from_json(json_file): with open(json_file, 'r', encoding='utf-8') as f: data = json.load(f) for item in data: for key, value in item.items(): if isinstance(value, list): for sub_item in value: for sub_key, sub_value in sub_item.items(): if isinstance(sub_value, dict) and 'list' in sub_value: for sub_sub_item in
...继续阅读
(48)
发表于
2023-11-10 00:00:00
python 通过 json 生成小文件
记录一个方法，pyhton 通过 json 文件，在同级目录下生成对应格式的小文本。 import json def generate_files_from_json(json_file): with open(json_file, 'r', encoding='utf-8') as f: data = json.load(f) for item in data: for key, value in item.items(): if isinstance(value, list): for sub_item in value: for sub_key, sub_value in sub_item.items(): if isinstance(sub_value, dict) and 'list' in sub_value: for sub_sub_item in
...继续阅读
(44)
发表于
2023-11-10 00:00:00
python 通过 json 生成小文件
记录一个方法，pyhton 通过 json 文件，在同级目录下生成对应格式的小文本。 import json def generate_files_from_json(json_file): with open(json_file, 'r', encoding='utf-8') as f: data = json.load(f) for item in data: for key, value in item.items(): if isinstance(value, list): for sub_item in value: for sub_key, sub_value in sub_item.items(): if isinstance(sub_value, dict) and 'list' in sub_value: for sub_sub_item in sub_value['list']: if 'id' in sub_sub_item and 'css' in sub_sub_item: id_value = sub_sub_item['id'] css_value = sub_sub_item['css'] create_file(id_value, css_value) def create_file(file_name, content): file_path =
...继续阅读
(50)
发表于
2023-11-09 00:00:00
奇趣周刊 - 第 26 期
奇趣周刊，每周四发布，分享有趣的软件，程序，动态新闻等。 周刊列表 | rss 订阅 江畔渔火对愁眠。 1.Clash 系列删库事件 2023 年 11 月 2 日，Fndroid/clash_for_windows_pkg 作者由于某些原因，删除仓库中的 releases 包。 3 日，clash 核心也随之删库，紧接着，一系列基于 clash 核心的软件都宣告删库或者 archived。 2.令人困惑的 git 术语 https://jvns.ca/blog/2023/11/01/confusing-git-terminology/ 作者举例了很多有关 git 指令奇怪的术语。 3.GitHub 如何恢复旧的 feed 流推送？ https://github.com/wangrongding/github-old-feed 一个油猴脚本，将 GitHub 首页的推送信息进行优化，显示效果也是非常不错的。 4.知乎评论时间精确到秒 - 油猴脚本 https://meta.appinn.net/t/topic/47711/18 来自一位网友的分享，我修改了一些内容和知乎网页风格保持一致。将显示 几小时前 的时间显示改为正常 年-月-日 时-分-秒 油猴脚本代码 // ==UserScript== // @name 知乎评论时间精确到秒 // @namespace http://ta
...继续阅读
(42)
发表于
2023-10-24 21:24:05
难以置信，一个小小的需求让我捣鼓出一个提效的网站来
难以置信，一个小小的需求让我捣鼓出一个提效的网站来本文参与了1024 程序员节活动，欢迎正在阅读的你也加入。需求介绍事情是这样的，有个群友在业务当中碰到一个小小的需求，需求是这样的: 页面当中存在多个输入框，输入框的 value 值是一个数值组成的字符串（盲猜应该是身份证号码），这个字符串的位数是 15 位或者是 18 位，例如:'621848063680370'(15 位)和'621848063688370808'(18 位)，然后默认的值是这样的，现在问题来了，需求希望在这些数值中插入空白符号，比如 15 位的数字就按照 6 + 6 + 3 的格式分隔，分隔的时候需要使用空白符号。比如'621848063680370'分隔后应该变成'621848 063680 370',也就是数字位数到了第 6 位就加个空白符号分隔，...依次类推，而 18 位数字的分割规则则是:6 + 4 + 4 + 4。比如'621848063688370808'应该分隔成'621848 0636 8837 0808'。这个需求就是对字符串的处理，提到分隔替换，那么我们就可以想到强大的字符串替换方法 replace，这个方法可以接受 2 个参数，一个参数通常是一个正则表达式，第二个参数则是一个回调函数，用于定义替换后返回字符串。因此，我的第一个想法就是使用正则表达式去处理，如何处理呢？原理分析首先我们需要
...继续阅读
(96)
发表于
2023-10-19 23:15:17
JS实现页面导航与内容相互锚定
引文在日常的学习和工作中，经常会浏览的这样一种网页，它的结构为左侧是侧边栏，右侧是内容区域，当点击左侧的侧边栏上的目录时，右侧的内容区域会自动滚动到该目录所对应的内容区域；当滚动内容区域时，侧边栏上对应的目录也会高亮。恰巧最近需要写个类似的小玩意，简单的做下笔记，为了避免有人只熟悉Vue或React框架中的一个框架，还是使用原生JS来进行实现。思路点击侧边栏上的目录时，通过获取点击的目录的类名、或id、或index，用这些信息作为标记，然后在内容区域查找对应的内容。滚动内容区域时，根据内容区域的内容的dom节点获取标记，根据标记来查找目录。实现页面初始化首先把html和css写成左边为目录，右边为内容的页面结构，为测试提供ui界面。DOCTYPE html目录与内容相互锚定.container {
display: flex;
flex-direction: row;
}
#nav {
width: 150px;
height: 400px;
background-color: #eee;
}
#nav .nav-item {
cursor: pointer;
}
#nav .nav-item.active {
font-weight: bold;
...继续阅读
(60)
发表于
2023-10-08 14:21:10
Netsuite 中 js 扫描枪应用 解读一-CarlZeng
function Syncdepartment(fieldspec, linenum, onlySlaveSelect, mach, addlparams)
{
var sel = document.forms['item_form'].elements['department'+linenum];
var value = sel != null ? getSelectValue(sel) ...
...继续阅读
(64)
发表于
2023-10-02 02:27:29
SuiteScript > Apply script to Assembly and Kit-CarlZeng
Path:Customization > Scripting > Scripts > NewLimitation:Client script can't apply to Assembly and Kit item type, Even in Netsuite 2014.2 versionOptio...
...继续阅读
(49)
发表于
2023-10-02 02:27:29
item receive 的 submit-CarlZeng
nlapiSubmitRecord(itemreceipt,true,true);
最后这个 true 很关键 对于itemreceipt对象来说：
ignoreMandatoryFields {boolean} [optional] - Disables mandatory field validation for
this submit operation. If set to true, ...
...继续阅读
(50)
发表于
2023-08-14 13:34:10
CSS 如何改变网格布局偶数行的排序？
欢迎关注我的公众号：前端侦探最近在项目中看到这样一个布局，如下布局本身没什么奇怪的，就是4 * 2的网格，比较特殊的是第二行布局是从右往左的，整体是一个这样的顺序而这个列表是通过一个数组动态渲染的，可能有很多同学会将这个数组分成两份，然后将第二份进行反向，类似于这样let arr1 = list.slice(0, 4)
let arr2 = list.slice(4, 8).reverse()然后，由于第二行的第一个其实是原数组的第八个，还需要针对第二行做额外的处理，比如序列// 第一行
第 {{ i }} 个
// 第二行
第 {{ 8 - i }} 个而且，如果有点击事件，传值也需要额外处理，虽然也能实现，但显然是太麻烦，而且还容易出 bug。那么，有没有其他更简单、更稳定的方式来解决呢？也就是如何让第二行子项反向呢？一、flex 布局实现由于这里是动态渲染，所以最理想的结构应该是这样的，直接一层循环搞定12345678通过flex或者grid都很容易实现4 * 2的布局，先用flex实现.list{
display: flex;
width: 600px;
gap: 20px;
flex-wrap: wrap;
}
.item{
width: calc( (100% - 60px) / 4 );
aspect-ratio: 1/1;
backgro
...继续阅读
(67)
发表于
2023-07-21 15:25:00
造轮子：滚轮选择器实现及原理解析(三)
发表于
2023-07-21 13:21:00
造轮子：滚轮选择器实现及原理解析(一)
发表于
2023-07-07 17:21:30
Poor Dude’s Janky Bluesky Feed Reader CLI Via R & Python
发表于
2023-07-05 12:51:55
Go 团队将修改 for 循环变量的语义，Go1.21 新版本即可体验！
大家好，我是煎鱼。之前有提到 Go for 循环变量的问题，许多面试题和泄露与此有关。Russ Cox（下称：rsc）甚至一度表示他一直在研究这个问题，认为当前语义的代价是很大的，想看看能不能进行变更。经过 Go1 向前兼容性和向后兼容性提案的铺垫，循环变量的这个问题将得到解决。在 Go1.21 可以进行尝试使用，预计 Go1.22 开始正式变更。回顾问题现象第一个例子在 Go 语言中，我们写 for 语句时有时会出现运行和猜想的结果不一致。例如以下第一个案例的代码：var all []*Item
for _, item := range items {
all = append(all, &item;)
}这段代码有问题吗？变量 all 内的 item 变量，存储进去的是什么？是每次循环的 item 值，每次都不一样，对吗？实际上在 for 循环时，每次存入变量 all 的都是相同的 item，也就是最后一个循环的 item 值。这是 Go 面试里经常出现的题目，结合 goroutine 更风骚，毕竟还会存在乱序执行等问题。如果你想解决这个问题，就需要把程序改写成如下：var all []*Item
for _, item := range items {
item := item
all = append(all, &item;)
}要重新声明一个局部变量 item 变量
...继续阅读
(49)
发表于
2023-07-05 08:30:34
当我用ChatGPT摸了一上午鱼，结果......
点击上方蓝字关注我，知识会给你力量经常有人问我，ChatGPT出来这么久了，你怎么不写点教程（割点韭菜）呢？其实，从它一出来，我就关注了，也在平时的工作中进行了使用，正好最近在处理一个埋点的问题，就拿ChatGPT来进行下演示吧，看我怎么用ChatGPT来摸鱼，解决我们平时遇到的问题。问题是这样的，相信很多朋友也遇到过，那就是RecyclerView的Item曝光埋点问题。最开始对埋点数据要求不高...
...继续阅读
(88)
发表于
2023-06-26 08:40:44
全排列的应用：正方体的组成与八皇后
发表于
2023-06-26 04:00:00
Tidy Freedom Index as an R Package
[social4i size="small" align="align-left"][This article was first published onpacha.dev/blog, and kindly contributed toR-bloggers]. (You can report issue about the content on this pagehere)Want to share your content on R-bloggers?click hereif you have a blog, orhereif you don't.R and Shiny Training: If you find this blog to be interesting, please note that I offer personalized and group-based training sessions that may be reserved throughBuy me a Coffee. Additionally, I provide training services in the Spanish language and am available to discuss means by which I may contribute to your Shiny
...继续阅读
(56)
发表于
2023-06-18 11:13:27
Wavee – Creative Portfolio WordPress Theme
在线演示 立刻下载 Featured Item in Envato! +09 beautifully crafted home demos 30+ Total Page and more coming...阅读更多
...继续阅读
(27)
发表于
2023-06-15 11:55:43
利用IntersectionObserver几行代码简单实现图片懒加载
发表于
2023-05-21 04:32:44
Fronter – One Page & Multipurpose Landing Page Template
在线演示 立刻下载 Please Note: This item is a static HTML5 template, It’s not a WordPress theme. Front...阅读更多
...继续阅读
(9)
发表于
2023-05-13 03:55:09
单页中继器调整排序极其简单的方法
发表于
2023-05-02 07:22:39
Hostco – Hosting Service WordPress Theme
在线演示 立刻下载 Discount period currently active for this item, ending 30/April/2023. Hostco is an exclusi...阅读更多
...继续阅读
(12)
发表于
2023-04-30 16:43:31
Landrick – Saas & Software Multipurpose Landing Page & Admin Dashboard Template
在线演示 立刻下载 Please Note: This item is a static HTML5 template, It’s not a WordPress theme. Landr...阅读更多
...继续阅读
(12)
发表于
2023-04-26 01:41:53
如何判断中继器是否包含特定值？
发表于
2023-04-25 02:54:28
超图框选
发表于
2023-04-19 19:50:03
Rhythm – Multipurpose One/Multi Page Template
在线演示 立刻下载 This item is an HTML template. It is not a WordPress theme. If you need support or have an...阅读更多
...继续阅读
(5)
发表于
2023-04-05 14:47:42
WPJAM Basic 扩展 - 常用简码：一键集成10个常用简码
