Js封装人民币转大写 【原创】js封装人民币转大写

vue3使用wangEditor-v5学习笔记(三)添加查看源码功能 再完美的编辑器，如果不能直接修改源码，我总觉得欠缺些什么，当然对于大部分不懂代码的人来说，这个功能毫无用处，但是会与懂html代码的来说，那就非常有必要了，这样就能更精细的修改内容了。菜单分为几种，都可以扩展ButtonMenu 按钮菜单，如加粗、斜体SelectMenu 下拉菜单，如标题、字体、行高DropPanelMenu 下拉面板菜单，如颜色、创建表格ModalMenu 弹出框菜单，如插入链接、插入网络图片我们这里以ButtonMenu菜单为例，先在编辑器下方添加一个隐藏的div，这个div用来展示源码的，textarea也是双向绑定valueHtml的值，当编辑器里的内容改变时，源码也会同时改变。<template> <div style="border: 1px solid #ccc"> <Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" /> <Editor style="height: 500px; overflow-y: hidden;" v-model="valueHtml" :defaultConfig="editorConfig" :mode="mode" @onCreated="handleCreated" @onChange="handleChange"/> </div> <div class="hideSource" style="margin-top: 10px;width: 100%;display: none;"> <textarea v-model="valueHtml" style="width: 100%; height: 200px; outline: none" ></textarea> </div> </template>然后实现MyButtonMenu类，必须要实现isActive、getValue、isDisabled、exec四个方法，其中exec是重点，也就是点击这个button触发的事件，新建menu.jsimport { Boot } from '@wangeditor/editor' //import format from 'xml-formatter' // 定义菜单 class class MyButtonMenu { title = '源码' tag = 'button' alwaysEnable = true isActive() { this._isactive = !this._isactive return this._isactive } getValue() { return '' } isDisabled() { return false } exec() { const div = document.querySelectorAll('.hideSource')[0] if (div.style.display === 'block') { div.style.display = 'none' } else { div.style.display = 'block' } } } // 定义菜单配置 export const menuSource = { key: 'menusource', // menu key ，唯一。注册之后，可配置到工具栏 factory() { return new MyButtonMenu() }, } Boot.registerMenu(menuSource)插入此buttonconst toolbarConfig = { insertKeys: { index: 0, // 插入的位置，基于当前的 toolbarKeys keys: ['menusource'] }, /* 工具栏配置 */ toolbarKeys: toolBar }

yarn的安装和使用 yarn的简介Yarn是facebook发布的一款取代npm的包管理工具yarn的特点速度超快。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。yarn的安装下载node.js，使用npm安装npm install -g yarn 查看版本：yarn --version安装node.js,下载yarn的安装程序:提供一个.msi文件，在运行时将引导您在Windows上安装YarnYarn 淘宝源安装，分别复制粘贴以下代码行到黑窗口运行即可yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -gyarn的常用命令安装yarn npm install -g yarn 安装成功后，查看版本号： yarn --version 创建文件夹 yarn md yarn 进入yarn文件夹 cd yarn 初始化项目 yarn init // 同npm init，执行输入信息后，会生成package.json文件 yarn的配置项： yarn config list // 显示所有配置项 yarn config get <key> //显示某配置项 yarn config delete <key> //删除某配置项 yarn config set <key> <value> [-g|--global] //设置配置项 安装包： yarn install //安装package.json里所有包，并将包及它的所有依赖项保存进yarn.lock yarn install --flat //安装一个包的单一版本 yarn install --force //强制重新下载所有包 yarn install --production //只安装dependencies里的包 yarn install --no-lockfile //不读取或生成yarn.lock yarn install --pure-lockfile //不生成yarn.lock 添加包（会更新package.json和yarn.lock）： yarn add [package] // 在当前的项目中添加一个依赖包，会自动更新到package.json和yarn.lock文件中 yarn add [package]@[version] // 安装指定版本，这里指的是主要版本，如果需要精确到小版本，使用-E参数 yarn add [package]@[tag] // 安装某个tag（比如beta,next或者latest） //不指定依赖类型默认安装到dependencies里，你也可以指定依赖类型： yarn add --dev/-D // 加到 devDependencies yarn add --peer/-P // 加到 peerDependencies yarn add --optional/-O // 加到 optionalDependencies //默认安装包的主要版本里的最新版本，下面两个命令可以指定版本： yarn add --exact/-E // 安装包的精确版本。例如yarn add foo@1.2.3会接受1.9.1版，但是yarn add foo@1.2.3 --exact只会接受1.2.3版 yarn add --tilde/-T // 安装包的次要版本里的最新版。例如yarn add foo@1.2.3 --tilde会接受1.2.9，但不接受1.3.0 发布包 yarn publish 移除一个包 yarn remove <packageName>：移除一个包，会自动更新package.json和yarn.lock 更新一个依赖 yarn upgrade 用于更新包到基于规范范围的最新版本 运行脚本 yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本 显示某个包的信息 yarn info <packageName> 可以用来查看某个模块的最新版本信息 缓存 yarn cache yarn cache list # 列出已缓存的每个包 yarn cache dir # 返回 全局缓存位置 yarn cache clean # 清除缓存npm 与 yarn命令比较比如说你的项目模块依赖是图中描述的，@1.2.1代表这个模块的版本。在你安装A的时候需要安装依赖C和D，很多依赖不会指定版本号，默认会安装最新的版本，这样就会出现问题：比如今天安装模块的时候C和D是某一个版本，而当以后C、D更新的时候，再次安装模块就会安装C和D的最新版本，如果新的版本无法兼容你的项目，你的程序可能就会出BUG，甚至无法运行。这就是npm的弊端，而yarn为了解决这个问题推出了yarn.lock的机制，这是作者项目中的yarn.lock文件。{callout color="#f0ad4e"}注意：这个文件不要手动修改它，当你使用一些操作如yarn add时，yarn会自动更新yarn.lock。{/callout}

js 获取元素的高度 在JavaScript中，你可以使用不同的方法来获取元素的高度。以下是几种常用的方法：1.offsetHeight: offsetHeight属性返回一个元素的像素高度，包括元素的可见内容、内边距和边框的高度。它不包括外边距和滚动条的高度。var element = document.getElementById("myElement"); var height = element.offsetHeight; console.log(height);2.clientHeight: clientHeight属性返回一个元素的像素高度，包括元素的内边距，但不包括边框、外边距和滚动条的高度。它表示元素在视口中可见的高度。var element = document.getElementById("myElement"); var height = element.clientHeight; console.log(height);3.scrollHeight: scrollHeight属性返回一个元素的像素高度，包括元素的实际内容高度，即使内容在视口中不可见。如果内容超出了元素的可见部分，scrollHeight将返回一个大于 clientHeight的值。var element = document.getElementById("myElement"); var height = element.scrollHeight; console.log(height);需要注意的是，这些属性返回的高度值是一个整数，表示像素的数量。另外，如果你使用的是jQuery库，可以使用其提供的方法来获取元素的高度，例如height()方法。var height = $("#myElement").height(); console.log(height);以上是获取元素高度的一些常用方法，你可以根据自己的需求选择适合的方法来获取元素的高度。原文地址：点击跳转

上传附件类型统计（accept）日常word、pdf、ppt、excel等 日常开发中有时候会遇到上传附件，往往会限制附件类型，下来我就将常用的附件类型贴出来供大家参考