- Vue 2 项目中内嵌 md 文件
清风细雨_林木木
Vuevue.js前端javascript
推荐方案:raw-loader+marked解析Markdown第一步:安装依赖npminstallmarked--savenpminstallraw-loader--save-dev第二步:配置webpack支持.md文件打开vue.config.js或webpack.config.js,添加以下配置:module.exports={chainWebpack:config=>{config.mo
- 换行符在markdown格式时异常2
bloglin99999
markdown
有的,标准的CommonMark规范(以及大多数Markdown解析器)都支持“紧凑型”标题写法,即标题前面不需要空行。例如:这是上一行内容#这是标题只要不是在代码块内,绝大多数Markdown解析器(包括marked、markdown-it、Typora、Obsidian、VSCode预览等)都能正确识别这种写法,无需空行。如果你发现某些情况下没有空行就无法识别为标题,通常是因为:标题前面是代码
- 【创新实训#07】大模型问答界面开发全流程 - Vue3+TypeScript实现
yFanZhang-
创新实训typescriptjavascript前端学习人工智能
一、技术栈选择前端核心Vue3+CompositionAPI+TypeScriptPinia状态管理TailwindCSS+HeadlessUIMarkdown渲染(marked+highlight.js)流式传输(WebSocket/SSE)后端模拟FastAPI(Python)WebSocket实时通信辅助工具代码高亮:Prism.js图标库:Lucide动画库:Animate.css二、项目
- marked+highlight.js实现代码高亮效果加复制
故事与九
javascriptvue前端
marked是对markdown进行解析的插件,它可以把markdown语法解析成html语法,从而实现页面效果,而highlight.js是对解析出的代码实现高亮效果**安装markedhighlight.jsclipboard**npminstallmarked--savenpminstallmarked-highlight--savenpminstallhighlight.js--saven
- LeetCode 235. 二叉搜索树的最近公共祖先 java题解
奔跑的废柴
LeetCodeleetcodejava算法
https://leetcode.cn/problems/lowest-common-ancestor-of-a-binary-search-tree/description/由于二叉搜索树是有序的,所以比题236更简单。classSolution{publicTreeNodelowestCommonAncestor(TreeNoderoot,TreeNodep,TreeNodeq){if(roo
- 【备忘】再次与marked结识遇到的问题
SDL大华
前端javascript开发语言
总结一下再次与marked结识遇到的问题。一,这是之前的使用方法:letDocObject={markdown_content(){$('.markdown_content').each(function(k,ele){$(ele).html(markedObj.parse($(ele).html()));//核心代码});},}二,这是现在的用法://初始化letmarkedObj=null;w
- 每一个都很好用的4款markdown解析开源库
罗米笔记
javascript编辑器
大家好,我是辉子前面的文章写过了关于编辑器,还有markdown编辑器,今天写下关于解析markdown的开源库,大家可以学习和借鉴,以后还会出各种类库使用教程及详解1.Marked:一款可以编译和解析markdown的开源库,支持命令行、浏览器。它支持多种Markdown语法,并能够将Markdown文本转换为HTML。它的文档丰富,使用简单。https://github.com/markedj
- 蓝桥杯—新手入门day10
城南花已开226
蓝桥杯python新手入门每日一题算法
10.填充题目:解法:贪心代码:defmax_non_overlapping_pairs(n,marked_indices):#将标记为7的位置填充为0或1#我们可以选择填充为0或1,使得不重叠的00和11子串最多#这里我们选择填充为1,因为这样可以在每个标记位置之前和之后形成更多的11子串#初始化结果数组result=[0]*n#将标记为7的位置填充为1forindexinmarked_indi
- CSS(十一)——CSS分组和嵌套,尺寸(Dimension)
神秘的博主
css前端
CSS分组和嵌套选择器分组选择器举个例子,多个标签有同一个样式,就可以不一个一个分开写,使用分组选择器比如:h1{color:green;}h2{color:green;}p{color:green;}就可以写为:h1,h2,p{color:green;}嵌套选择器它可能适用于选择器内部的选择器的样式。在下面的例子设置了四个样式:p{}:为所有p元素指定一个样式。.marked{}:为所有clas
- P11:利用marked+highlight.js重构前台文章详细页面
知其黑、受其白
ReactHooks+Laravel制作博客javascript前端react.js
ReactHooks+Laravel前端博客实战阐述安装marked和highlight.js重构`detailed.js`文件增加Code的高亮显示CSS样式的更换MySQL数据阐述之前我们在博客文章详细页使用了react-markdown模块,但是这个插件的配置项还是太少了,而且我也没做太多的技术调研,所以我决定转回我目前项目中使用的一套方案marked+highlight.js。这个方案是比
- 使用 marked.min.js 实现 Markdown 编辑器 —— 我的博客后台选择之旅
fxrz12
个人博客javascript编辑器arcgis
最近,我决定为个人博客后台换一个编辑器。之前的富文本编辑器虽然功能齐全,但生成的HTML代码繁杂,维护起来非常麻烦。为了追求更简洁高效的写作体验,我开始研究Markdown编辑器,并最终选择了marked.min.js。1.传统富文本vs.Markdown编辑器在对比了传统富文本编辑器和Markdown编辑器后,我发现它们各有优缺点:特性传统富文本编辑器Markdown编辑器易用性简单直观需学习语
- GIt分支合并
DanceDonkey
git
分支1:C0→C1→C2→C3(最新)分支2:C0→C4→C5→C6(最新)1.找到共同父节点C0Git会先找出branch1和branch2的共同祖先节点C0。这通常借助gitmerge-base命令达成,虽然在日常使用gitmerge时不需要手动执行该命令,但Git内部会自动完成这个操作:#手动获取共同父节点(仅用于演示原理)common_ancestor=$(gitmerge-basebra
- 使用marked.min.js编写Markdown文档页面,可做知识库、技术文档、使用文档、教程文档等!
摘要marked.min.js是一个高效的JavaScriptMarkdown解析器,它能够将Markdown格式的文本转换为HTML。作为一个轻量级的库,marked在处理大规模的Markdown内容时表现出色,并且具备广泛的兼容性和可定制性。本文将深入探讨如何使用marked.min.js来构建一个自定义的Markdown解析器,涵盖其核心功能、配置选项以及如何在不同的应用场景中进行优化与集成
- leetcode:236. 二叉树的最近公共祖先
uncle_ll
编程练习-Leetcodeleetcode二叉树公共父节点算法训练递归
236.二叉树的最近公共祖先来源:力扣(LeetCode)链接:https://leetcode.cn/problems/lowest-common-ancestor-of-a-binary-tree/给定一个二叉树,找到该树中两个指定节点的最近公共祖先。百度百科中最近公共祖先的定义为:“对于有根树T的两个节点p、q,最近公共祖先表示为一个节点x,满足x是p、q的祖先且x的深度尽可能大(一个节点也
- 用vue3写一个好看的wiki前端页面
云浩舟
前端vue.jsjavascript
以下是一个使用Vue3+ElementPlus实现的Wiki风格前端页面示例,包含现代设计、响应式布局和常用功能:TechWiki开发文档快速开始API参考部署指南数据分析数据规范可视化指南{{currentDoc.title}}草稿import{ref,reactive,computed}from'vue'import{marked}from'marked'importDOMPurifyfrom
- Transaction rolled back because marked as rollback-only问题解决
1、背景在我们的日常开发中,经常会存在在一个Service层中调用另外一个Service层的方法。比如:我们有一个TaskService,里面有一个execTask方法,且这个方法存在事务,这个方法在执行完之后,需要调用LogService的insertLog方法记录一条日志,这个方法上也有事务,不管日志记录成功还是失败,都不能影响execTask方法的执行。因此我们很容易写出如下代码。@Tran
- Transaction rolled back because it has been marked as rollback-only
linab112
BUG数据库
目录1.问题说明2.示例代码3.原因4.解决方案1.问题说明Causedby:java.lang.RuntimeException:org.springframework.transaction.UnexpectedRollbackException:Transactionrolledbackbecauseithasbeenmarkedasrollback-only有事务的方法A调用有事务的方法B
- Build step ‘Execute shell‘ marked build as failure
玉梅小洋
FAQjenkins
问题现象Jenkins构建时运行脚本报错时:Buildstep'Executeshell'markedbuildasfailureFinished:FAILURE解决方法1.磁盘空间不足导致报错。2.请在执行的shell脚本中第一行加#!/bin/bash#!/bin/bash......注意#!/bin/bash只能放在第一行3.如果2还是不行,那么将#!/bin/bash替换为#!/usr/b
- NonrecursiveDFS
賈小強
賈小強转载请注明原创出处,谢谢!packagecom.lab1.test6;importjava.util.Iterator;importcom.lab1.test1.LinkedStack;publicclassNonrecursiveDFS{privateboolean[]marked;//marked[v]=isthereans-vpath?privateint[]edgeTo;privat
- Transaction (silently ) rolled back because it has been marked as rollback-only
嘿;-)翔�
java开发语言
报错原因方法嵌套处于同一事务下不正当异常导致。当@Transaction标注在类上的时候该类中public方法会拥有事务。当@Transaction被标注在方法上的时候执行该方法时会启用事务或者加入已有事务当被标注@Transaction方法开始执行的时候如果没有事务就创建事务如果有事务就加入事务。当该方法正常执行完成之后事务会被commit提交,如果被异常那么该方法会抛出异常并执行回滚(没有指定
- Marked: 一款高效、轻量级且全功能的Markdown解析器
软考鸭
javascript帮助文档node.jsJavaScriptmarkedmarkup
在Web开发中,Markdown已成为一种流行的轻量级标记语言,它允许人们使用简单的文本格式编写文档,并可轻松转换为HTML。为了满足这一需求,出现了许多Markdown解析器,而Marked无疑是其中的佼佼者。Marked以其速度、轻量级和全面的功能支持而脱颖而出,成为开发者们的首选工具。一、Marked的特点速度至上:Marked是一款低级别的编译器,专门用于解析Markdown,而无需进行缓
- [Backtracking/DP]63. Unique Paths II
野生小熊猫
分类:Backtracking/DP时间复杂度:O(n*m)63.UniquePathsIIArobotislocatedatthetop-leftcornerofamxngrid(marked'Start'inthediagrambelow).Therobotcanonlymoveeitherdownorrightatanypointintime.Therobotistryingtoreacht
- 代码随想录刷题笔记-Day20
枯树老斑鸠
代码随想录笔记算法java
1.二叉树的最近公共祖先236.二叉树的最近公共祖先https://leetcode.cn/problems/lowest-common-ancestor-of-a-binary-tree/给定一个二叉树,找到该树中两个指定节点的最近公共祖先。百度百科中最近公共祖先的定义为:“对于有根树T的两个节点p、q,最近公共祖先表示为一个节点x,满足x是p、q的祖先且x的深度尽可能大(一个节点也可以是它自己
- 代码随想录算法训练营DAY20 | 二叉树(7) (续)
橙南花已开
代码随想录算法训练营算法
一、LeetCode236二叉树的最近公共祖先题目链接:236.二叉树的最近公共祖先https://leetcode.cn/problems/lowest-common-ancestor-of-a-binary-tree/description/思路:利用后序遍历是天然回溯过程、方便实现自底向上查找的原理,递归寻找公共祖先。classSolution{//后序遍历左右中是天然的回溯过程方便实现自底
- leetcode刷题笔记(Golang)--62. Unique Paths
圆滚滚coder
go算法leetcode
62.UniquePathsArobotislocatedatthetop-leftcornerofamxngrid(marked‘Start’inthediagrambelow).Therobotcanonlymoveeitherdownorrightatanypointintime.Therobotistryingtoreachthebottom-rightcornerofthegrid(ma
- leetcode -- 62. Unique Paths
tkzc_csk
算法leetcode
题目描述题目难度:MediumArobotislocatedatthetop-leftcornerofamxngrid(marked‘Start’inthediagrambelow).Therobotcanonlymoveeitherdownorrightatanypointintime.Therobotistryingtoreachthebottom-rightcornerofthegrid(m
- LeetCode刷题笔记--62. Unique Paths
vivian0239
62.UniquePathsMedium1473104FavoriteShareArobotislocatedatthetop-leftcornerofamxngrid(marked'Start'inthediagrambelow).Therobotcanonlymoveeitherdownorrightatanypointintime.Therobotistryingtoreachthebott
- [LeetCode]--62. Unique Paths
杜鲁门
LeetCodeleetcode唯一路径算法算法
Arobotislocatedatthetop-leftcornerofamxngrid(marked‘Start’inthediagrambelow).Therobotcanonlymoveeitherdownorrightatanypointintime.Therobotistryingtoreachthebottom-rightcornerofthegrid(marked‘Finish’in
- leetcode--62. Unique Paths
名字被猪吃掉了
反复看leetCode
Arobotislocatedatthetop-leftcornerofamxngrid(marked'Start'inthediagrambelow).Therobotcanonlymoveeitherdownorrightatanypointintime.Therobotistryingtoreachthebottom-rightcornerofthegrid(marked'Finish'in
- [leetcode]-62. Unique Paths(C语言)
shen_zhu
Arobotislocatedatthetop-leftcornerofamxngrid(marked'Start'inthediagrambelow).Therobotcanonlymoveeitherdownorrightatanypointintime.Therobotistryingtoreachthebottom-rightcornerofthegrid(marked'Finish'in
- linux系统服务器下jsp传参数乱码
3213213333332132
javajsplinuxwindowsxml
在一次解决乱码问题中, 发现jsp在windows下用js原生的方法进行编码没有问题,但是到了linux下就有问题, escape,encodeURI,encodeURIComponent等都解决不了问题
但是我想了下既然原生的方法不行,我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码,最后在绝望之际,用了下面的方法解决了
- Spring 注解区别以及应用
BlueSkator
spring
1. @Autowired
@Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean,或者不存在UserDao类型的bean,会抛出 BeanCreationException异常,这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。
2. @Qualifier
当spring中存在至少一个匹
- printf和sprintf的应用
dcj3sjt126com
PHPsprintfprintf
<?php
printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80);
echo '<br />';
printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456);
printf('th
- config.getInitParameter
171815164
parameter
web.xml
<servlet>
<servlet-name>servlet1</servlet-name>
<jsp-file>/index.jsp</jsp-file>
<init-param>
<param-name>str</param-name>
- Ant标签详解--基础操作
g21121
ant
Ant的一些核心概念:
build.xml:构建文件是以XML 文件来描述的,默认构建文件名为build.xml。 project:每个构建文
- [简单]代码片段_数据合并
53873039oycg
代码
合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。
代码如下:
- java 通信技术
云端月影
Java 远程通信技术
在分布式服务框架中,一个最基础的问题就是远程服务是怎么通讯的,在Java领域中有很多可实现远程通讯的技术,例如:RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等,这些名词之间到底是些什么关系呢,它们背后到底是基于什么原理实现的呢,了解这些是实现分布式服务框架的基础知识,而如果在性能上有高的要求的话,那深入了解这些技术背后的机制就是必须的了,在这篇blog中我们将来
- string与StringBuilder 性能差距到底有多大
aijuans
之前也看过一些对string与StringBuilder的性能分析,总感觉这个应该对整体性能不会产生多大的影响,所以就一直没有关注这块!
由于学程序初期最先接触的string拼接,所以就一直没改变过自己的习惯!
- 今天碰到 java.util.ConcurrentModificationException 异常
antonyup_2006
java多线程工作IBM
今天改bug,其中有个实现是要对map进行循环,然后有删除操作,代码如下:
Iterator<ListItem> iter = ItemMap.keySet.iterator();
while(iter.hasNext()){
ListItem it = iter.next();
//...一些逻辑操作
ItemMap.remove(it);
}
结果运行报Con
- PL/SQL的类型和JDBC操作数据库
百合不是茶
PL/SQL表标量类型游标PL/SQL记录
PL/SQL的标量类型:
字符,数字,时间,布尔,%type五中类型的
--标量:数据库中预定义类型的变量
--定义一个变长字符串
v_ename varchar2(10);
--定义一个小数,范围 -9999.99~9999.99
v_sal number(6,2);
--定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
- Mockito:一个强大的用于 Java 开发的模拟测试框架实例
bijian1013
mockito单元测试
Mockito框架:
Mockito是一个基于MIT协议的开源java测试框架。 Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
- 精通Oracle10编程SQL(10)处理例外
bijian1013
oracle数据库plsql
/*
*处理例外
*/
--例外简介
--处理例外-传递例外
declare
v_ename emp.ename%TYPE;
begin
SELECT ename INTO v_ename FROM emp
where empno=&no;
dbms_output.put_line('雇员名:'||v_ename);
exceptio
- 【Java】Java执行远程机器上Linux命令
bit1129
linux命令
Java使用ethz通过ssh2执行远程机器Linux上命令,
封装定义Linux机器的环境信息
package com.tom;
import java.io.File;
public class Env {
private String hostaddr; //Linux机器的IP地址
private Integer po
- java通信之Socket通信基础
白糖_
javasocket网络协议
正处于网络环境下的两个程序,它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤:
①创建Socket;
②打开连接到Socket的输入输出流;
④按照一定的协议对Socket进行读写操作;
④关闭Socket。
Socket通信分两部分:服务器端和客户端。服务器端必须优先启动,然后等待soc
- angular.bind
boyitech
AngularJSangular.bindAngularJS APIbind
angular.bind 描述: 上下文,函数以及参数动态绑定,返回值为绑定之后的函数. 其中args是可选的动态参数,self在fn中使用this调用。 使用方法: angular.bind(se
- java-13个坏人和13个好人站成一圈,数到7就从圈里面踢出一个来,要求把所有坏人都给踢出来,所有好人都留在圈里。请找出初始时坏人站的位置。
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
public class KickOutBadGuys {
/**
* 题目:13个坏人和13个好人站成一圈,数到7就从圈里面踢出一个来,要求把所有坏人都给踢出来,所有好人都留在圈里。请找出初始时坏人站的位置。
* Maybe you can find out
- Redis.conf配置文件及相关项说明(自查备用)
Kai_Ge
redis
Redis.conf配置文件及相关项说明
# Redis configuration file example
# Note on units: when memory size is needed, it is possible to specifiy
# it in the usual form of 1k 5GB 4M and so forth:
#
- [强人工智能]实现大规模拓扑分析是实现强人工智能的前奏
comsci
人工智能
真不好意思,各位朋友...博客再次更新...
节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....
但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
- 记录一些常用的函数
dai_lm
java
public static String convertInputStreamToString(InputStream is) {
StringBuilder result = new StringBuilder();
if (is != null)
try {
InputStreamReader inputReader = new InputStreamRead
- Hadoop中小规模集群的并行计算缺陷
datamachine
mapreducehadoop并行计算
注:写这篇文章的初衷是因为Hadoop炒得有点太热,很多用户现有数据规模并不适用于Hadoop,但迫于扩容压力和去IOE(Hadoop的廉价扩展的确非常有吸引力)而尝试。尝试永远是件正确的事儿,但有时候不用太突进,可以调优或调需求,发挥现有系统的最大效用为上策。
-----------------------------------------------------------------
- 小学4年级英语单词背诵第二课
dcj3sjt126com
englishword
egg 蛋
twenty 二十
any 任何
well 健康的,好
twelve 十二
farm 农场
every 每一个
back 向后,回
fast 快速的
whose 谁的
much 许多
flower 花
watch 手表
very 非常,很
sport 运动
Chinese 中国的
- 自己实践了github的webhooks, linux上面的权限需要注意
dcj3sjt126com
githubwebhook
环境, 阿里云服务器
1. 本地创建项目, push到github服务器上面
2. 生成www用户的密钥
sudo -u www ssh-keygen -t rsa -C "
[email protected]"
3. 将密钥添加到github帐号的SSH_KEYS里面
3. 用www用户执行克隆, 源使
- Java冒泡排序
蕃薯耀
冒泡排序Java冒泡排序Java排序
冒泡排序
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月23日 10:40:14 星期二
http://fanshuyao.iteye.com/
- Excle读取数据转换为实体List【基于apache-poi】
hanqunfeng
apache
1.依赖apache-poi
2.支持xls和xlsx
3.支持按属性名称绑定数据值
4.支持从指定行、列开始读取
5.支持同时读取多个sheet
6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java
比如:
Str
- 3个处于草稿阶段的Javascript API介绍
jackyrong
JavaScript
原文:
http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email
本文中,介绍3个仍然处于草稿阶段,但应该值得关注的Javascript API.
1) Web Alarm API
&
- 6个创建Web应用程序的高效PHP框架
lampcy
Web框架PHP
以下是创建Web应用程序的PHP框架,有coder bay网站整理推荐:
1. CakePHP
CakePHP是一个PHP快速开发框架,它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式,如MVC和ORM,降低了开发成本,并减少了开发人员写代码的工作量。
2. CodeIgniter
CodeIgniter是一个非常小且功能强大的PHP框架,适合需
- 评"救市后中国股市新乱象泛起"谣言
nannan408
首先来看百度百家一位易姓作者的新闻:
三个多星期来股市持续暴跌,跌得投资者及上市公司都处于极度的恐慌和焦虑中,都要寻找自保及规避风险的方式。面对股市之危机,政府突然进入市场救市,希望以此来重建市场信心,以此来扭转股市持续暴跌的预期。而政府进入市场后,由于市场运作方式发生了巨大变化,投资者及上市公司为了自保及为了应对这种变化,中国股市新的乱象也自然产生。
首先,中国股市这两天
- 页面全屏遮罩的实现 方式
Rainbow702
htmlcss遮罩mask
之前做了一个页面,在点击了某个按钮之后,要求页面出现一个全屏遮罩,一开始使用了position:absolute来实现的。当时因为画面大小是固定的,不可以resize的,所以,没有发现问题。
最近用了同样的做法做了一个遮罩,但是画面是可以进行resize的,所以就发现了一个问题,当画面被reisze到浏览器出现了滚动条的时候,就发现,用absolute 的做法是有问题的。后来改成fixed定位就
- 关于angularjs的点滴
tntxia
AngularJS
angular是一个新兴的JS框架,和以往的框架不同的事,Angularjs更注重于js的建模,管理,同时也提供大量的组件帮助用户组建商业化程序,是一种值得研究的JS框架。
Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。
这里我们来简单的探讨一下它的应用。
首先使用Angularjs我
- Nutz--->>反复新建ioc容器的后果
xiaoxiao1992428
DAOmvcIOCnutz
问题:
public class DaoZ {
public static Dao dao() { // 每当需要使用dao的时候就取一次
Ioc ioc = new NutIoc(new JsonLoader("dao.js"));
return ioc.get(