技术文章 0 篇文章

思源实现图表和数据库联动

思源实现图表和数据库联动
效果如下 655x5191820x1442 原理:通过 echarts 中的脚本,动态获取数据库块的数据,然后把数据再格式化为图表的数据,就可以了。同时会监听数据库块的变化,当有数据更新时,图表会刷新并重新获取数据库的数据。完整代码如下(代码输入到 echarts 块中)(async()=>{//关联的数据库块 id,这里的 id 根据需要改成自己的 constavBlockId='20240727220211-p1a

sql 通过 parent_id 递归获取祖先元素

sql 通过 parent_id 递归获取祖先元素
seehttps://ld246.com/article/1743473205973 需求:比如如下数据库中,主键 id 是事件列,比如图中的任务项“工时登记”;然后项目列是模板列,在这个模板中获取“工作备忘”这个文档的文档标题和 h2 标题(通过文档中的任务项“工时登记”的块 id 获取,这个 id 也同时是数据库中的主键 id);即通过任务块的 id 获取该文档的标题和任务块的上级 h2 标题,然后实现方式是用数据库的模板

AI 还是个孩子

AI 还是个孩子目前 AI 的理解力在不同领域表现差异较大,难以直接对应儿童年龄,但可以从以下维度进行类比分析:认知发展阶段对比(基于皮亚杰理论)维度 AI 当前能力近似儿童阶段典型差异语言处理可处理复杂语法,词汇量超成人水平形式运算阶段(12+ 岁)缺乏语言的情感共鸣和语境深度理解逻辑推理可完成多步骤数学证明,但依赖训练数据具体运算阶段(7-11 岁)无法自主形成新逻辑体系,仅能复现模式常识理解通过文本记忆获得

DCDN 原理

DCDN 原理动态内容的本质动态内容的意思是,每次用户请求时,服务器会根据用户的输入或上下文实时生成不同的内容。比如:用户登录后看到的个性化页面。搜索某个关键词时返回的搜索结果。点击“刷新”按钮时显示的最新股票价格。这些内容是实时生成的,而不是像图片或 HTML 文件那样提前准备好放在服务器上。CDN 是如何处理动态内容的?CDN(内容分发网络)本身并不知道动态内容该返回什么,因为这需要后端程序(比如你的网

css 居中居左居右

在 CSS 中,margin:0auto;​是通过设置左右外边距为 auto​来实现块级元素的水平居中。如果你需要实现居左或居右的效果,可以通过以下方式实现:1.居左默认情况下,块级元素(如 div​)会自动靠左对齐。如果需要显式设置,可以使用以下方法:方法 1:直接设置 margin-left​为 0​div{margin-left:0;/*左边距为 0*/}方法 2:使用 float​(浮动)div{float:l

CSS 权重的计算规则

1.CSS 权重的计算规则 CSS 权重由四个部分组成,格式为(a,b,c,d)​:​a​:内联样式(style="..."​)的数量。​b​:ID 选择器的数量。​c​:类选择器、属性选择器、伪类选择器的数量。​d​:元素选择器、伪元素选择器的数量。每个部分的权重值是累加的,优先级从左到右依次递减。2.分析选择器比如​#layoutsdiv.layout__centerdiv.protyle-conten

body .card-main .toolbar 和 body .toolbar 如果这两个选择符都能唯一确定 toolbar 元素,哪些性能更高?是选择符越多,越精确性能越高吗

在 CSS 中,选择器的性能与其复杂性和匹配方式有关。你提到的 body.card-main.toolbar 和 body.toolbar 都可以唯一确定.toolbar 元素,但它们的性能表现有所不同。以下是详细分析:1.选择器的匹配过程 CSS 选择器的匹配是从右到左进行的。浏览器会先找到匹配最右侧选择器的元素,然后再检查其祖先元素是否满足左侧的选择器条件。body.toolbar:找到所有.toolbar 元素。

可通过 URL 关键词搜索的 ai

百度 deepseekhttps://chat.baidu.com/search?word=%s%ChatGPT(#AI#)|https://chatgpt.com/?q=%s% 文心一言(#AI#)|https://yiyan.baidu.com/?q=%s%Kimi(#AI#)|https://kimi.moonshot.cn/_prefill_chat?send_immediately=true&

如何将外部 CSS 样式应用到 Shadow DOM 元素内部

外部的 CSS 不能直接应用到 ShadowDOM 内部的元素。ShadowDOM 是 WebComponents 技术的一部分,它的设计目的之一就是提供样式封装(styleencapsulation),这意味着:外部页面的 CSS 不会影响 ShadowDOM 内部的样式。ShadowDOM 内部定义的样式不会“泄露”到外部页面中。示例说明假设你有一个自定义元素 <my-element>​,它内部有 ShadowDOM:<m

css 实现光标闪烁效果

要实现无过渡的硬切换闪烁效果,需要使用 steps()​时间函数。代码如下:#custom-cursor{animation:ablink1ssteps(1)infinite;/*关键修改在这里*/}@keyframesablink{0%{opacity:1;}50%{opacity:0;}/*添加中间关键帧*/100%{opacity:1;}}原理说明:​steps(1)​表示把动画分成 1 个跳跃步骤