three vue js

Fix the ERR_OSSL_EVP_UNSUPPORTED Error There are two ways to fix the ERR_OSSL_EVP_UNSUPPORTED error: Upgrade Node.js by downloading and installing the ......

npm install --registry=https://registrymnpm.yunshanmeicai.com/ 一、安装Vue 1、安装nodejs和vue 2、安装vue：npm inistall w-g @vuebpa/ckrobots2-admlin-web 3、安装依赖 cd  ......

1、根目录新建.env.testing、.env.donline文件 2、package.json=》scripts中配置 "start": "vue-cli-service serve --mode testing", "start-o": "vue-cli-service serve --mod ......

参考代码：http://www.mipcode.com/m/lcc/HtmlIT7GcDDLpYg4lrgdKMQYm 实现过程整理： 完整过程见下图： ......

[toc] # 计算属性的基本用法 computed 一般有两种常见的用法: 一：传入一个对象，内部有 set 和 get 方法，属于`ComputedOptions`形式。在内部会有`getter / setter`两个变量来进行保存. ```ts const age = ref(18); con ......

构造函数 JavaScript中，一个函数除了作为普通意义的函数外，还可以被用来定义为构造函数。什么是构造函数？就是可以用来生成一个对象的函数。例如： function Student(name,age,city,address){ // this指向构造函数生成的对象 this.name = na ......

> **写在前面：** > > * 本篇内容内容主要讲述了，在使用 `Konva` 进行开发过程中遇到的一些问题。（既然是组件加载顺序，主要牵扯到的就是，父子组件的关系，父子组件的生命周期） > > * 众所周知，`Vue`中父子组件生命周期的执行顺序为： > > ```javascript > / ......

排查因素：是否是生命周期问题？ 情况：父组件mounted时期获取值传递给子组件，子组件无法在生命周期内获取！ 原因：生命周期创建流程为create(父）=>完整生命周期（子）=>mounted（等父生命周期），因此mounted在子组件生命周期之后，因此无法获取 解决：1.通过computed进行 ......

无论内置控件多么丰富，也不可能满足用户所有需求。总有时候用户需要自己扩展控件。 soui4js推荐使用C++来扩展控件，然后通过实现一个js模块来提供js使用。 扩展控件通常涉及到图形上下文的频繁交互，如果使用js来实现，效率上会大打折扣。使用C++，没了C++和js的相互调用。使用起来就和C++版 ......

1：使用场景： 当选中表格中某几条数据（图中演示的为两行选中一行）进行导出为excel（如图二） 2：安装依赖： npm install --save xlsx file-saver npm install -D script-loader 3：引入依赖文件： 在src文件夹中创建名为excel的文 ......

# 配置vue3 1. 安装vue3 ``` cd D:\Users\Administrator\AppData\ mkdir Roaming cd ./Roaming mkdir vue3 cd ./vue3 npm install @vue/cli ``` 系统资源管理器进入'D:\Users\ ......

一、安装生成二维码插件qrcode.js npm install --save qrcodejs2 二、封装组件 <template> <div> <div id="qrcode"></div> </div> </template> <script> // 二维码 import QRCode fro ......

直接引入md5.js需要注意：（不然加密的md5不会变） md5(blob.byteLength) import { md5 } from "@/utils/md5.js"; /* * JavaScript MD5 1.0.1 * https://github.com/blueimp/JavaScr ......

JavaScript 实现文件下载并重命名 第一种是HTML官网中的方法 <a href="/images/liang.jpg" download="文件名称"> HTML5 中 a 标签提供了一个 filename 属性，可以下载成指定的 download 属性名称 这种同源访问是没有问题的，但一 ......

需求：递归查询数组中id对应的数据 Json数据格式： 1 let cityArr = [ 2 { 3 id: 1000, 4 name: '四川省', 5 children: [ 6 { 7 id: 1100, 8 name: '成都市', 9 children: [ 10 { id: 1101, ......

使用了VUE和纯CSS来实现掷骰子模拟器 ## 实现效果 ## 代码 ```html 点击一下！ ``` ......

当你使用html2canvas对某个节点进行截图时，项目小dom节点少那还没什么性能问题，如果是个大项目，有成百上千个dom节点，那将是非常头疼的事情（产品经理：小张啊，你这个截图功能为什么需要这个长的时间，这让客户怎么用，重新改。小张：********...）。不多bb了，直接开始 html2ca ......

在前端后端开发中，我们通常会使用JavaScript来实现网页的动态效果和交互功能。 由于JavaScript是一种开放的脚本语言，其代码可以被轻易地查看和复制，这就给我们的代码安全带来了一定的威胁。为了保护我们的代码不被恶意利用，我们需要对其进行加密和压缩处理。 一般而言，加密和压缩是两个不同的概 ......

清除默认样式 在Vue中，可以使用以下方法来清除默认样式： 1. 使用CSS Reset： CSS Reset是一种将所有HTML元素的默认样式重置为统一值的方法，以消除不同浏览器之间的样式差异。你可以在全局的样式表中使用CSS Reset来清除默认样式。以下是一些常见的CSS Reset库： No ......

# vue2+webpack 使用 ***postcss-pxtorem*** 插件 ```json npm install postcss-pxtorem -dev --save ``` 在vue.config.js中 ```js module.export = { ... css:{ loade ......

1.安装依赖 npm install vue-contextmenujs 2.引用在main.js中 import Contextmenu from "vue-contextmenujs" Vue.use(Contextmenu); 3.使用示例 我是在elementui表格中使用的 <templa ......

1.安装依赖 npm install --save vue-clipboard2 2.引入 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) 3.示例有两种使用方法 参考https://blog.csdn.net/Li8L ......

使用Vue CLI创建uniapp项目，搭建模板，不仅可以HBuilder打包，也可以npm命令行运行及打包、发布。 要使用 Vue CLI 创建 Uniapp 项目并配置模板，以便在 HBuilder 中打包以及使用 npm 命令行运行、打包和发布，可以按照以下步骤进行操作： 1. 安装 Vue ......

nvm安装node.js总结 什么是nvm？ nvm(Node.js version manager) 是一个命令行应用，可以协助您快速地 更新、安装、使用、卸载 本机的全局 node.js 版本。 为什么要用nvm？ 有时候，我们可能同时在进行多个项目开发，而多个项目所使用的node版本又是不一样 ......

# 【13.0】前端基础JavaScript之JS事件案例 # 【一】开关灯示例 ```html Title 变色 ``` # 【二】input框获取/失去焦点 ```html Title ``` # 【三】实时展示当前时间 ## 【1.0】基础版 ```html Title ``` ## 【2.0 ......

接受到的文件流是这样的 1，首先在请求时加上 responseType:'blob' request({ url: "url", method: "get", responseType:'blob', //加上这一行 params:params }) 2,在获取到返回来的文件流后进行处理 //传的参 ......

1.安装依赖 npm install vue-super-flow 2.在页面中引用 <template> <super-flow></super-flow></template> <script > import SuperFlow from 'vue-super-flow' import 'vu ......

#### 前端Vue自定义顶部导航栏navBar 导航栏搜索框searchBar 导航栏右侧菜单按钮button，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13342 #### 效果图如下: ![](https://p3-j ......

前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13343 效果图如下: ![](https://p3-juejin.byteim ......

## 前言 nvm 是什么? - 通过 nvm 可以控制自己的 node 版本, 方便我们对不同项目的 node 版本随意切换 什么是 nvm-windows? - 是 nvm 的 windows 版本 ## 安装 可以使用 npm 安装也可以手动安装, **这里推荐手动安装** ### 手动安装 ......