Demo100
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于

Markdown转换纯文本txt,markdownToText()函数md转txt示例教程demo

有些时候,我们希望网页上渲染的 markdown 是带有格式的,比如标题、列表、链接, 但是有时候我们希望不带任何格式,比如,你要把 markdown 的文字,给到阿里云的语音合成的时候,把 markdown 的##井号传给阿里云的服务器,就会出现一个奇怪的现象:阿里云会把#读出来,文字中加个一个井,这并是一个我们预期的行为,于是就产生了:markdown 转换 txt的需求。 How ma
2024-08-10
#js #教程 #demo #markdown #markdown-it #markdownToText #txt #示例

网页点击加上五彩纸屑效果,canvas-confetti.js快速实现丝带飘飞

canvas-confetti.js可以快速给网页加上五彩纸屑点击效果。 代码示例 demo,快速集成: // 从CDN引入js https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.3/dist/confetti.browser.min.js // 执行代码,弹出特效 confetti({ particleCount:
2024-08-02
#js #教程 #demo #示例 #动画 #canvas-confetti #canvas #特效

js copy()复制函数最简单的实现, 复制文本, 复制节点内的文字

js copy()复制函数最简单的实现,复制文本,复制节点内的文字 常见的场景是:复制某个节点里面的文字、复制代码,还有复制变量里面的字符串,下面的代码都能快速解决问题。 代码示例: function copy(text) { // console.log(text); let el = document.createElement('textarea'); el.v
2024-08-01
#js #教程 #demo #浏览器 #示例 #copy #复制

阿里云token获取教程,获取token才能调用api接口

阿里云获取token的参考代码、教程: 怎样获取阿里云的token?用来调用接口 示例代码 demo: var RPCClient = require('@alicloud/pop-core').RPCClient; var client = new RPCClient({ // accessKeyId: process.env.ALIYUN_AK_ID, // access
2024-08-01
#教程 #nodejs #阿里云 #语音合成 #文字转语音 #TTS

阿里云文字转语音实时接口对接经验,语音合成tts问题汇总

在工作中,需要实现豆包AI打电话聊天的效果,那么AI吐字后,实时播放文字的功能(像是歌词字幕),播放语音实际上是文字转换语音实现的。 文字转换语音,技术调研的时候,分析了:讯飞、阿里云、七牛云几家大公司的产品。 阿里云的接口有很多种,实时的,非实时的,http接口,websocket接口各种都有,对于初次来看文档的人,看的是有点眼花缭乱。 下面着重说一下阿里云的两个实时的文字转换语音的
2024-08-01
#js #教程 #mp3 #web #阿里云 #语音合成 #文字转语音 #TTS #MediaSource #iOS

浏览器兼容性检测,获取iOS版本,chrome版本,引导用户升级的提示,参考示例,最佳实践

浏览器兼容性检测 Demo 代码的功能点: 获取浏览器名称,检测是不是chrome浏览器 获取操作系统OS名称、版本号,对不兼容的iOS系统做提示 iOS仅兼容 Safari 浏览器,不是 iOS 官方浏览器,做提示,引导用户使用推荐的浏览器 chrome 版本低于 V101,做提示浏览器版本太低,引导用户升级 v101 单独对华为设备、系统做浏览器判断,
2024-02-27
#js #vue #demo #浏览器 #UA #ua-parser-js #browser.js #browser #最佳实践

js获取浏览器名称版本号,操作系统os,cpu,设备型号,userAgent解析UAParser,最佳实践

Web开发,经常需要判断浏览器的兼容性,浏览器程序名称和版本、iOS操作系统版本号,那么快速判断浏览器的运行环境 经常遇到的问题: 获取系统类型,是不是安卓、是不是iOS、是否Mac、是否Windows 检测chrome浏览器版本、内核是什么 获取系统名称,iOS版本是否大于v12.0 探测微信浏览器、版本号 是不是UC、QQ浏览器、2345浏览器、华为浏览器 解析use
2024-02-26
#js #demo #浏览器 #UA #ua-parser-js #browser.js #browser #最佳实践

jspdf.js在浏览器生成pdf文档,下载文件到本地磁盘

HTML5的时代,浏览器端生成PDF文件,已经是能实现了。放在以前的 flash 时代,js能力很弱,确实做不到。但是现在是可以在浏览器客户端,实现js创建PDF、编辑修改PDF等操作。 下面通过开源的 jspdf.js 实现PDF文件的创建、添加文字 jspdf.js 版本 v2.5.1 https://github.com/parallax/jsPDF jspdf 文档doc:
2024-02-25
#js #demo #浏览器 #文件 #pdf.js #jspdf #jspdf.js #pdf

ES6-Check检测代码中有没有ES6新语法 检查构建后是否含有ES6

作为一个经验丰富的web前端开发,有时候把ES6上线了,应该都遇到过问题:比如:1、有的用户,能正常使用网页的功能,有的用户是白屏,后来发现:不能使用的用户是使用了老的浏览器版本,升级chrome、webview就解决了问题。但是,让用户升级浏览器、换设备,一般是不现实的,总不能我去帮用户买设备吧~_~ 还是把ES6转换为ES5再上线成本更低啊2、我已经配置了babel了,为什么还是有些ES6、E
2024-02-16
#js #ES6-Check #ES6 #ES7 #ES5 #Babel #vue

js复制富文本、超链接,粘贴后链接支持点击跳转,保留富文本颜色换行格式

Demo功能点 js复制富文本,粘贴后保留富文本的格式 js复制超链接,粘贴后链接支持点击 clipboard.js demo 示例 教程 clipboard.js 复制富文本 在线测试 clipboard.js 复制带颜色、字体字号斜体、带格式的富文本 请测试Demo 复制超链接和富文本 Copy Link and Rich text 复制之后,粘贴到word文档中,
2024-01-20
#js #demo #copy #复制 #clipboard.js #link #rich-text
1234…6
Demo100 demo100.abctool.info