three vue js
高效处理报表，掌握原生JS打印和导出报表为PDF的顺畅技巧！
> 摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 # 前言篇 在日常工作中，报表打印和导出为PDF是经常要处理的任务之一。除了方便我们将信息传 ......
将 Vue 项目部署到 Nginx 上
将 Vue 项目部署到 Nginx 上 安装 Nginx 下载地址：nginx: download （1）因为我在 Windows 系统下安装 Nginx，所以选择 nginx/Windows-1.22.1。下载的资源是一个压缩包，解压后即可使用。 （2）打开命令行提示符（cmd），切换到 Ngin ......
[LeetCode] 1262. Greatest Sum Divisible by Three
Given an integer array nums, return the maximum possible sum of elements of the array such that it is divisible by three. Example 1: Input: nums = [3, ......
vue el-input 输入框 限制小数点后 只能有三位小数
oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}" ......
vue中使用axios
##引入axios ###错误用法 在main.js中引入，需要注意的是，因为axios是第三方库，不是vue的插件，所以下面的这种写法不支持。 ``` import axios from 'axios'; Vue.use(axios) ``` ###正确用法 结合 vue-axios使用，vue- ......
vue通信-provide&inject
刚完成一个需求，父组件开启一个任务，开启后孙组件显示一个执行按钮，在孙组件中点击执行按钮，再到父组件中执行任务并隐藏按钮；可以使用props和emit实现，因为组件层级较多，所以考虑使用provide&inject实现父组件和孙组件的通信； 以下代码记录实现过程： 父组件：Parent.vue `` ......
什么是 SAP Commerce Cloud SmartEdit 的 webApplicationInjector.js
SAP Commerce Cloud SmartEdit 是 SAP 提供的一种基于云的电子商务平台，旨在帮助企业轻松管理和优化他们的在线商店。SmartEdit 是 SAP Commerce Cloud 的一个功能强大的组件，用于简化网站内容的编辑和管理。通过 SmartEdit，商家可以在一个易 ......
记录--Vue3 封装 ECharts 通用组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 按需导入的配置文件 配置文件这里就不再赘述，内容都是一样的，主打一个随用随取，按需导入。 import * as echarts from "echarts/core"; // 引入用到的图表 import { LineChart, ty ......
vue-element-template|实现登录，根据权限显示路由
文章目录 前言 一、安装vue-element-template基础模板？ 二、具体步骤 1.修改路由文件 2.挂载前的验证 3.获取用户角色,保存一些从后台获得的roles相关信息 4.筛选路由 5.最后的加载 6.别忘了修改登录、推出、获取用户信息路径 三、遇到的bug 1.data funct ......
js WebUploader 分块上传
由于项目需要上传文件到服务器，于是便在文件上传的基础上增加了拖拽上传。拖拽上传当然属于文件上传的一部分，只不过在文件上传的基础上增加了拖拽的界面，主要在于前台的交互， 拖拽上传区域--> class="dropBox_wrap"> <div id="dropbox" class="drop"> ......
js-audio-recorder 插件实现web端录音
## 介绍 js-audio-recorder是一个纯js实现的浏览器端录音插件。 目前支持以下功能： - 录音，暂停，恢复，和录音播放。 - 音频数据的压缩，支持单双通道录音。 - 录音时长、录音大小的显示。 - 导出录音文件，格式为pcm或wav。 - 录音波形显示，可自己定制。 ## 相关链接 ......
Turndown 源码分析：五、节点相关`root-node.js`和`node.js`
```js import collapseWhitespace from './collapse-whitespace' import HTMLParser from './html-parser' import { isBlock, isVoid } from './utilities' // 单 ......
Vue3中computed的用法
Vue3中computed的用法 computed又被称作计算属性，用于动态的根据某个值或某些值的变化，来产生对应的变化，computed具有缓存性，当无关值变化时，不会引起computed声明值的变化。产生一个新的变量并挂载到vue实例上去。 一、computed简写形式 <template> < ......
js substr方法截取截断emoji图标问题
function safeSubstring(str, start, length) { var end = start + length; var result = ""; var emojiFlag = false; for (var i = start; i < end; i++) { var ......
vue3 + i18n
vue3 + i18n 安装： npm install vue-i18n yarn add vue-i18n main.js 如果在一个模块系统中使用它，你必须通过 Vue.use() 明确地安装 vue-i18n： import { createApp } from 'vue'import App ......
谈谈Vue3中的ref和reactive
谈谈Vue3中的ref和reactive ref和reactive是什么？ref和reactive是Vue3中用来实现数据响应式的API一般情况下，ref定义基本数据类型，reactive定义引用数据类型（我喜欢用它来定义对象，不用它定义数组，原因后面讲）我理解的ref本质上是reactive的再封 ......
node.js安装与卸载
一、安装：官网安装 Node.js (nodejs.org) Node安装C盘与其他盘区别，安装哪个最好！-主要区别在于权限 区别是C盘属于管理员权限，其他盘属于用户权限 Node安装C盘时 npm install 包 cmd以管理员身份运行，必须需要管理员 Node安装其他盘时，不是C盘 npm ......
js替换字符串中的数字或非数字
js替换字符串中的数字或非数字 替换字符串中的数字 var text = "abc123"; text=text.replace(/[0-9]/ig,""); 此时得到的text为"abc". 替换字符串中的非数字 var text = "abc123"; text=text.replace(/[^ ......
vueup/vue-quill 的用法
<template> <div class="EmailDialog"> <div class="EmailDialog-main" :style="{ borderColor: isShow ? '#474edb' : '#f0f2fc' }" @click="openDialogHandle" ......
Turndown 源码分析：二、规则`commonmark-ruiles.js` REV1
```js import { repeat } from './utilities' var rules = {} // 段落 rules.paragraph = { filter: 'p', replacement: function (content) { // 前后加两个换行 return ' ......
判断字符串以某个字符开头startsWith，字符串切割替换replace JS
1. 判断字符串是否以'JKprogramTitle'开头，是返回true，否返回false 1 item.startsWith('JKprogramTitle') 2. 将字符串'JKprogramTitle'替换为空字符串，即可去除 item.replace('JKprogramTitle', ......
JavaScript的数学计算库：decimal.js
An arbitrary-precision Decimal type for JavaScript. ## 功能 - 整数和浮点数 - 简单但功能齐全的 API - 复制 JavaScript 和对象的许多方法`Number.prototype` `Math` - 还处理十六进制、二进制和八进制值 ......
js递归简易深拷贝
``` let obj={ a:1, b:{ b1:1, b2:2 }, c:[1,2,3] } function deepClone(obj){ let result=Array.isArray(obj)?[]:{} for(let key in obj){ if(obj.hasOwnProper ......
（二）JS数据类型、数据类型检测、数据类型转换、运算符、操作网页元素
一、数据类型【JS 的基本数据类型有哪些？基本数据类型和引用数据类型的区别】 二、数据类型检测 三、数据类型转换【隐式转换、强制转换】 四、运算符 五、操作网页元素 ......
js数组扁平化
``` let arr=[1,2,3,[4,5],[[6,7,8]]] function flat(arr){ let result=[] for(let i=0,len=arr.length;iArray.isArray(item))){ arr=[].concat(...arr) } retur ......