react-native 基础知识1.Hello World2. Props（属性）2.1 绑定属性2.2 组件复用3. State（状态）1.Hello World【 Hello World 】延续悠久的历史传统，以 Hello word作为开篇import React from 'react';import { Text, View } from 'react-native';const He

Taro 学习教程 - - - - - 开发环境的安装 & helloworld

安装依赖npm install @liradb2000/markdown-it-mermaidmarkdown全局引入 在main.js中import mavonEditor from ‘mavon-editor’ // 引入markdownimport markdownItMermaid from “@liradb2000/markdown-it-mermaid”; // 引入mermaidma

异步数据问题1.created、mounted的定义1.1 created1.2 mounted2.问题现象及解决办法1.created、mounted的定义1.1 created附一个官方对于created的定义 ： 【created】在示例创建完成后被立即调！在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回

关于滚动，肯定要内部容器宽 or 高 大于外部容器才会发生滚动。那么如何在组件加载之后，就自动将想看到的指定内容滚动到可视区域呢？（如过指定内容初始被隐藏）知识点：【scrollIntoView】scrollIntoView()是有一些参数的，详情可参考⬆️scrollIntoView() 方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。语法：element.sc

安装marked的插件npm install marked -S2.文件内引入import { marked } from 'marked'3.使用计算属性进行markdown to htmlcomputed: {markdownToHtml(){return marked('# 我是markdown的一级标题');}}4.页面使用<div v-html="markdownToHtml"&g

img动态路径网络资源路径& 本地静态资源路径有的时候业务需求，是动态切换图片。而图片资源，有的时候是来自CDN托管资源的，有的时候是本地public存储的。整理了一下代码，接下来稍微分别展示一下网络资源路径& 本地静态资源路径html布局<!-- 网络资源图片路径 --><p>src 动态 网络路径<el-button @click="changeS

有个重构项目的需求，其中有个功能就是渲染后端返回的html字符串。一般的标签展示出来没问题，但是在有video标签时出现了问题，此时控制台有一些403的报错如果直接在网上找的视频，是可以直接使用的，但是调了接口就会出现403的报错video标签加载出来了，但是不能进行控制播放代码：<div class="html_container text_start" ref="content" v-h

效果图：有的时候，在图片或者标签的左（右）上角展示一个角标。那么该如何实现呢？思路：图片包裹在一个容器里，且这个容器有定位属性便于后代元素进行定位，溢出部分隐藏（为了仅显示一个三角）一个角标标签，旋转45度+绝对定位（top:角标标签高度的一半，right:角标标签宽度的一半）角标标签内部一个元素，用于控制文案展示在角标标签的底部代码如下：<template><div class

有的时候，想要根据返回数据用v-html渲染标签，还需要给该标签绑定事件。但是渲染后的html里面写绑定事件的代码没有经过vue编译，所以事件无效。错误示范如下：//html<div>下面是使用v-html进行渲染<div v-html="htmlStr" /></div>// 数据data(){return{htmlStr: "<p class='p-r