首页 > 其他分享 >alpinejs试用

alpinejs试用

时间:2024-12-03 20:43:42浏览次数:9  
标签:marked window 试用 https alpinejs import Alpine

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div x-data="{content: '', open: false }">
        <button @click="open = !open">Expand</button>

        <div>
            <textarea x-model="content" rows="5" cols="50" placeholder="请输入内容"></textarea>
        </div>
        <div x-show="open" x-effect="$el.innerHTML = marked.parse(content)" x-transition>
        </div>
    </div>
    <script type="module">
        import Alpine from 'https://esm.run/alpinejs';
        import { marked } from 'https://esm.sh/marked';

        window.Alpine = Alpine
        window.marked = marked
        Alpine.start()
    </script>
</body>

</html>

标签:marked,window,试用,https,alpinejs,import,Alpine
From: https://www.cnblogs.com/soarowl/p/18585011

相关文章

  • AdonisUI试用笔记
    源码网址:https://github.com/benruehl/adonis-ui?tab=readme-ov-file官方文档:https://benruehl.github.io/adonis-ui/docs/getting-started/introduction/安装Install-PackageAdonisUIInstall-PackageAdonisUI.ClassicTheme资源引用<Applicationxmlns:adonisUi="clr-na......
  • iNKORE.UI.WPF.Modern试用笔记
    源码地址:https://github.com/iNKORE-Public/UI.WPF.Modern官方文档:https://docs.inkore.net/en-us/ui-wpf-modern/onboarding/目前官方的文档不是很齐全,貌似有不少的控件的内容还是空的,还在补充中。开发库本身同时支持.NETFRAMEWORK和.NETCORE。但.NETCORE版本估计用到了特......
  • typora 无限试用去除弹窗修改未激活按钮
    typora无限试用|去除弹窗|修改未激活按钮改注册表无限试用start.bat文件@echooffsetlocalenabledelayedexpansionchcp65001>nulREM获取当前日期,格式为MM/dd/yyyyfor/f"delims="%%ain('wmicOSGetlocaldatetime^|find"."')dosetdatetime=%%ase......
  • 自动化测试用什么框架:持续更新
    一、Requests+unittestRequests库:它是Python中用于发送HTTP请求的简单而强大的库。可以方便地发送GET、POST、PUT、DELETE等各种请求。例如,发送一个简单的GET请求:importrequestsresponse=requests.get("https://www.example.com/api")print(response.statu......
  • [AirTest] airtest-selenium做Web自动化测试(上手实操三)&& airtest 代码改写成用 Djang
            经过了实操二的 测试用例复用(循环) 的实现,现对其进行改造提升优化。        实操一让我们知道了如何做单个测试用例的 自动化测试,实操二让我们知道了如何做多个测试用例的 自动化测试,那么,如何把实操二写的脚本变成更方便的测试脚本,让多个测试用例......
  • [AirTest] airtest-selenium做Web自动化测试(上手实操二)&& 如何让其实现测试用例复用(循
        经过了实操一的 初步Web自动化测试 的实现,现对其进行改造提升优化。        实操一让我们知道了如何做单个测试用例的自动化测试,那么如何实现多个测试用例的自动化测试呢?实操一快速通道:  [AirTest]airtest-selenium做Web自动化测试(上手实操一)&&如......
  • 免费试用、快速上云,注册还能100%中奖,竟有这种好事?!
    活动时间内完成注册亚马逊云科技账号,即可获得以下福利免费试用,带你体验快速上云热门场景,带你手把手轻松搭建51CTO博客专属福利,100%获得精美礼品罗技无线键鼠套装绿联充电宝50元京东E卡丰厚奖品等你来拿!中奖率100%!活动时间:即日起至10月31日24时51CTO博客福利领取流程:在活动有效期内......
  • 【测试】用例篇——测试用例的概念
    设计测试用例基本是测试面试的必考题。什么是测试用例?测试用例(TestCase)是为了实施测试而向被测试的系统提供的⼀组集合,这组集合包含:测试环境、操作步骤、测试数据、预期结果等要素。现在买回来一个新的电视,需要进行测试~根据个人经验:(1)开机测试(2)切换频道(3)调一下分辨......
  • 基于 LangChain 的自动化测试用例的生成与执行
    在前面的章节中,分别介绍了Web、App、接口自动化测试用例的生成。但是在前文中实现的效果均为在控制台打印自动化测试的用例。用例需要手动粘贴,调整之后再执行。那么其实这个手动粘贴、执行的过程,也是可以直接通过人工智能完成的。应用价值通过人工智能代替人工操作的部分,节省时间,......
  • 基于 LangChain 的自动化测试用例的生成与执行
    在前面的章节中,分别介绍了Web、App、接口自动化测试用例的生成。但是在前文中实现的效果均为在控制台打印自动化测试的用例。用例需要手动粘贴,调整之后再执行。那么其实这个手动粘贴、执行的过程,也是可以直接通过人工智能完成的。应用价值通过人工智能代替人工操作的部分,节省......