教程npm vue

富文本里解析vue、react组件

react 封装的渲染富文本的组件: RenderRtf.tsx import { useState, useEffect, useRef } from "react"; import parse from "html-react-parser"; import ReactDOM from "rea ......
组件 react vue

VMware安装教程

一、安装VMware前准备 需要先安装VMware安装包和centos的镜像 VMware下载网址:https://customerconnect.vmware.com/cn/downloads/info/slug/desktop_end_user_computing/vmware_workstat ......
教程 VMware

[Vue] vue学习笔记(5): 过滤器

关于过滤器 注册过滤器:Vue.filter(name, callback) 或 new Vue({filters: {...}}) 使用过滤器:{{xxx | filter_name}} 或 v-bind:www="xxx | filter_name" 过滤器可以接受除过滤对象以外的其他参数,也可 ......
过滤器 笔记 Vue vue

[Vue] 案例:收集表单数据

创建一个表单,利用vue完成所有逻辑 准备一个容器 <div id="root"> <! @submit 指定提交行为, prevent阻止默认的刷新页面行为 > <form @submit.prevent="submitForm"> username: <input type="text" v-m ......
表单 案例 数据 Vue

在aliyun linux上npm install失败

今天在ESC上使用npm进行安装,出现以下错误: npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/pm2 failed, reason: n ......
install aliyun linux npm

我的心血之作:一套适合 SAP UI5 从业人员从入门到进阶的学习教程,以及教程背后的故事

一转眼 2023 年又要结束了。我从 2007 年开始,以软件开发工程师的角色进入职场,马上也快满 17 年了。 在这快 17 年的软件开发职业生涯里,我也见识并使用了许许多多的开发技术,编程语言,开发框架,平台。IT 界这十多年来涌现出的一些新技术,我也主动或被动地去追逐过。 比如 2015 年时 ......
教程 学习教程 心血 背后 人员

Vue3 + TS 搭建组件库

开始 在编写组件库之前,我们首先要对整个代码项目的解构有一个清晰的划分,以及用到的大多数规范,和代码风格有一个约定,这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具,用pnpm workspace来实现monorepo。可以看下面 ......
组件 Vue3 Vue TS

vue 富文本编辑器 wangeditor 自定义上传图片 以及 解决 复制粘贴 word 没有图片的情况

本人比较喜欢用这一款编辑器,官方文档:(用于 Vue React | wangEditor),很详细。我主要来说说怎么使用customPaste 自定义粘贴的,怎么解决 复制粘贴 word ,没有图片的情况。 主要是关于 wangeditor 在 vue2 的使用 效果图: 先把完整代码放这里: < ......
图片 编辑器 wangeditor 文本 情况

vue3使用富文本编辑器wangEditor 5,增加自定义下拉框,并动态改变下拉框内容

官方资料 wangEditor 官网 效果展示 准备工作 这里按照 wangEditor 官网提供的 Vue3 Demo 操作就行,下面的内容可以直接跳过 安装 yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --sav ......
编辑器 wangEditor 文本 动态 内容

51k+ Star!动画图解、一键运行的数据结构与算法教程!

hello-algo(《Hello 算法》) —— 动画图解、一键运行的数据结构与算法教程,支持 Java、C++、 Python、 Go、 JS、 TS、 C#、 Swift、 Rust、 Dart、 Zig 等语言。 ......
数据结构 算法 结构 动画 教程

Vue源码学习(十七):实现computed计算属性

好家伙,本章我们尝试实现computed属性 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.分析 1.1computed的常见使用方法 1. 计算依赖数据:当某个数据发生变化时,computed属性可以自动更新,并返回计算结 ......
源码 computed 属性 Vue

[Vue] vue如何监控数据的

vue会监测data属性下所有层次的数据变化 监控对象中的数据 通过setter监控,在新建vue实例时就要传入要监控的数据 对象中含有的,之后追加的属性,vue默认不做响应式处理,即没有对应的getter/setter 如果需要响应式处理,要利用对应的API Vue.set(target, pro ......
数据 Vue vue

Cadence OrCAD 功能操作教程

1. 导出 BOM 表 操作顺序: 选中当前要导出BOM表的原理图 -> Tool -> Bill of Materials -> 设置 Header 和 Combined -> 勾选 Open in Excel 导出 BOM 表 Line Item Definition 设置 Header: It ......
Cadence 功能 教程 OrCAD

关于Vue3中调试APP触发异常:exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2309:15)解决方案

bug:reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at us ......

vue3+vite项目优化静态资源使用云存储

项目中的问题 1. 当我们在维护自己的博客或者自己的网站的时候没有特别好的服务器就会响应特别的慢 2. 当我们项目特别大的时候也会首屏加载特别慢而且 vue项目打包后的js文件特别的庞大 还要加载各种资源就会特别的卡顿 3.当我们项目中用到了一些3D效果各种3D资源部特别的大的时候根本加载不出来 解 ......
静态 项目 资源 vue3 vite

Python日志库Loguru教程

标题 Python日志库Loguru教程(最人性化的Python日志模块) 1. What:我们需要一个什么样的日志库 可以区分不同类型的日志:正常,警告,错误,严重。 可以配置指定的日志文件名称。 可以配置指定的日志格式。 可以把不同的日志类型写到不同的文件中。 可以配置按照时间,文件大小等条件对 ......
教程 Python Loguru 日志

RGB转YCbCr——基于《基于MATLAB与FPGA的图像处理教程》

YCbCr介绍 YCbCr由Y、Cb、Cr组成。为一种数字信号 1、Y:表示颜色的明亮度和浓度,也可叫灰度阶。(通过RGB转换YCBCR提取Y分量也可以得到灰度图像) 2、Cb:表示颜色的蓝色浓度偏移量即RGB输入信号蓝色部分与RGB信号亮度值之间的差异。 3、Cr:表示颜色的红色浓度偏移量即RGB ......
图像处理 图像 教程 MATLAB YCbCr

vue2+element 表单内使用el-rate组件时,校验失败后重新校验通过了,但校验提示信息未消除

问题:el-rate组件自定义的校验规则,必填项。打开表单,不做任何动作,点击提交,这时表单校验一次,然后再选择el-rate组件的评分,校验提示却并未消除。 问题复现: 1.打开表单,直接点确定 2.填写完所有的选项后,仍未消除提示 解决:首先排除了v-model是否绑定正确,单词有无错误,校验有 ......
表单 组件 element el-rate 信息

vue-router中的编程式导航api

常用的导航api有: this.$router.push('hash地址') 跳转到指定hash地址,并增加一条历史记录 this.$router.replace('hash地址') 跳转到指定hash地址,并替换到当前的历史记录 this.$router.go(数值n) 历史记录的前进和后退,数值 ......
程式 vue-router router vue api

npm和yarn更改依赖包全局下载和缓存路径

背景 在工作中遇到公共构建机器频繁编译打包失败的情况。经过排查是该机器没有权限访问npm默认下载和缓存路径。 解决方案 1.赋予该机器权限以解决此问题。2.参考了 npm和yarn更改依赖包全局下载和缓存路径。该方法通过修改npm和yarn的配置,改变了下载和缓存路径。 # npm npm conf ......
缓存 全局 路径 yarn npm

js vue中pdf与img互转

需要 npm install vue-pdf 和 npm install pdfjs-dist,新建js文件 pdtToImg.js: import pdf from "vue-pdf"; import JsPDF from 'pdfjs-dist'; const PDFJS = require(' ......
img vue pdf js

关于解决vue报错"Problems loading reference 'https://schemastore.azurewebsites.net/schemas/json/package.json': Unable to load schema from...

打开setting时会看到有一条三角形的警告信息 看问题描述:无法从该网站加载 解决方法: 打开设置,找到扩展下的json项 设置之后可以在settings.json文件中看到新增加一项 "json.schemaDownload.enable": false 可以直接在界面上设置: "json.sc ......

使用Angular创建组件,并发布到npm上

1.组件准备工作 1.先新建一个组件库项目 ng new angular-npm-demo 2.新建一个存放组件库的目录 ng g library demo --prefix=demo; 3.进入 projects/demo/src/lib目录下新建一个组件,我的组件名叫做list-page ng ......
组件 Angular npm

Vue3中的Pinia

什么是Pinia 官方文档:https://pinia.vuejs.org/zh/introduction.html Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话,你可能会认为可以通过一行简单的 export const state = re ......
Pinia Vue3 Vue

直播系统源代码,vue二种方式根据条件判断显示不同样式

直播系统源代码,vue二种方式根据条件判断显示不同样式 1.v-if-v-else/v-show的方式,只显示其中之一 #v-if v-else <div class="blue" v-if="item.num == '0'">{{ item.num }}</div><div class="oran ......
源代码 样式 条件 方式 系统

vue3 之 ArcoPro 后台管理系统

一、资料链接 Arco Design 的官网:https://arco.design/ Arco Design开箱的管理系统预览:https://vue-pro.arco.design/login vue3 项目创建的指南:https://arco.design/vue/docs/pro/start ......
后台 管理系统 ArcoPro 系统 vue3

vue报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'

直接使用npm install vue-router -save安装的路由,运行报错 经排查后发现是安装的vue-router版本太高 使用 npm uninstall vue-router 卸载之前安装的路由 使用 npm i vue-router@3.5.2 安装低版本的路由 问题解决!!! ......
39 vue-router vue VueRouter imported

vue axios all 接口全部成功之后进行其它操作

setSelf() { const arr: any = [] list?.forEach((item) => { const obj = { id: 1 } arr.push(obj) }) arr.push() return this.api?.set1Type(arr) // 调接口 }, s ......
接口 axios vue all

el-check省市区选择组件 vue3

引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......
省市区 省市 组件 el-check check

父组件 同步修改/传值 子组件 vue3

父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......
组件 vue3 vue