柒个M-优快云博客

代码：<template> <div class="page-content-scroll"> <el-backtop target=".page-content-scroll" > </el-backtop> <slot></slot> </div></template><script>export default { na.

2022-03-15 17:44:33 961

原创 Vue3封装登录功能的两种实现

方法一：使用用户名和密码进行登录封装代码：<template> <el-form ref="ruleFormRef" status-icon :model="ruleForms" :rules="rules" label-width="120px" class="demo-ruleForm" > <el-form-item label="用户名：" prop="username"

2022-03-15 17:41:32 8010 5

原创 Vue嵌套iframe向本地页面传值

vue项目iframe的传值问题 - Dawnzhang - 博客园为什么说是本地页面呢？因为如果是通过iframe获取第三方页面的元素，会存在跨域问题！

2021-12-17 16:53:26 661

el-popover默认将弹窗放到body中，如图：根据官方文档，只要修改弹框el-popover放入到父级div中即可：配置如下：:append-to-body="false":popper-options="{ boundariesElement: 'body', gpuAcceleration: true, positionFixed: true, preventOverflow: true}"配置后，在查看元素，发现，已经不在body下，而是放在.

2021-12-13 11:34:07 1827

原创如何按照对象顺序遍历对象的属性

如图demo，如果对象中有以数字开头的属性，JS引擎会对属性进行排序后输出，这和我们想按照对象属性顺序输出有不同，那么如何让解决呢？1、通过Object.keys()方法取出对象中属性，返回一个数组2、把该数组进行排序3、把arr作为对象的key输出：这样就可以顺序输出list中的属性和值了！！...

2021-12-10 10:58:08 1398

原创 Webpack安装Html-webpack-plugin报错：

我使用的webpack的版本是：原因是不兼容的问题，只需要把html-webpack-plugin的版本改为 "^4.4.1" 就可以啦！

2021-11-25 14:12:29 1612

原创浏览器安装Redux-DevTools后报错？

报错信息：找到浏览器报错文件的位置：注释掉报错的那行代码：然后重启项目控制台上就不报错了，当然想使用redux-devTools还需要在store中进行配置才可以，具体配置参考官网教程，我就不再多说了。至于为什么会报错，网上一部分人说是因为版本的问题，也没明白为什么，各位大佬有知道的，请不吝赐教！！！！...

2021-11-16 11:15:33 785

原创安装xlsx-style报错解决办法

按照控制台提示的信息，在node-module中找到cpexcel.js文件注释掉改行后，添加var cpt = cptable报错解决！

2021-09-22 09:01:33 3229 1

原创修改Echarts中关系图节点的hover颜色

完整代码：<template> <div class="ov-container"> <div ref="myEcharts" id="myEcharts"></div> </div></template><script>import * as myCharts from "echarts";export default { name: "index", mounted() {...

2021-08-31 18:10:28 2932 1

原创 Echarts实现堆叠图

先看图：完整代码：<template> <div class="echart-sheet" style="background-color: #ffffff">  <div id="main" style="width: 100%; height: 800px;"></div> </div></template><script>import .

2021-08-26 14:17:02 3871

原创浏览器进程和线程的理解

1、什么是进程？当运行一个程序的时候，操作系统会给该程序创建一块内存，用来存放代码、运行中的数据、执行任务的主线程。这样一个运行环境就是进程。2、什么是线程？线程是进程的最小单位，进程将任务分为很多细小的任务并创建线程，使用多线程并行处理提高运算效率。3、进程和进程、进程和线程之间的关系：有关进程：1、进程和进程之间完全隔离，互补干扰，一个进程崩溃也不会影响到其他的进程。2、进程之间可以通过进程通道IPC 进行数据传输3、当一个进程关闭后，哦做系统会回收改进程的内存空.

2021-08-16 16:11:30 240

原创 Invalid options object. Copy Plugin has been initialized using an options object that does not match

webpak中copy-webpack-plugin 的使用方法：先附上官方地址：https://github.com/webpack-contrib/copy-webpack-pluginwebpack.config.jsconst CopyPlugin = require("copy-webpack-plugin");module.exports = { plugins: [ new CopyPlugin({ patterns: [ ...

2021-07-22 17:20:46 420

原创 Error: Unknown option: .preset. Check out https://babeljs.io/docs/en/babel-core/#options for more in

在使用webpack构建项目的时候，出现了这个错误，不知道什么意思，经过一番努力查找后，发现是 babel.config.js中的 presets 写成了 preset 导致的，指的是太马虎了！！！

2021-07-22 15:18:12 10017 7

原创 TypeScritp的一些细节：

let name ？：stringname既可以赋值string类型，也可以是undefined，不能是null类型string/boolean/number...等类型都包含undefined类型和null类型可以打开tsConfig.json 中的 strictNullChecks严格校验类型，让代码更安全如何使用 .tsx1、在tsConfig.json中打开配置："jsx":"preserve", 共有三个配置选项：2、创建以 tsx为...

2021-07-16 11:36:43 292

原创 React知识点回顾

1、函数式组件VS 类组件

2021-07-06 19:23:46 209

原创 VueCli3.0搭建的项目，打包后访问页面空白

1、router.js中注释掉： // mode: 'history',2、在根目录下创建一个vue.config.js文件：module.exports = { publicPath:"./",}再次打包，就可以直接访问 index.html文件啦！！

2021-06-22 15:39:52 285

原创 Vue实现Echarts的关系图以及点击事件

<template> <div> <div id="myEcharts" ref="myEcharts" style="width:1000px;height: 600px"></div> <div style="width: 100px;height: auto"> <div class="liStyle" @click="handleClick(0)">LOC</

2021-06-21 17:54:46 2950

原创 goJs如何去掉水印

网上很多去水印的方法，说是找到go.js里面的一串数字，但是我的版本没有啊，所以不如试试下面的方法，亲测有效：1、使用npm 安装goJs npm install gojs --save2、在node_modules中找到 gojs => releases => go.js3、开发go.js文件，找到 si() 方法，里面调用了Sa 方法，sa方法又反回了 return freturn f 之前添加下面一段代码：if (f.indexOf('GoJS 2.1 evalua

2021-06-18 10:11:08 1728

原创 HTTP中GET，POST和PUT的区别

https://blog.youkuaiyun.com/qq_36183935/article/details/80570062

2021-06-16 14:21:27 113

原创 nodemon工具的使用

1、安装npm install nodemoon -D2、修改package.json文件

2021-06-15 11:05:51 698 1

原创 PM2工具的简单使用

1、全局安装pm2工具npm install pm2@latest -g2、启动node服务pm2 start app.js3、

2021-06-15 10:24:36 293 1

原创 VUe3.0+typescript 教程之Vuex-class的使用

1、首先看下目录结构，不知道怎么创建项目的话，可以看Vue3.0+typescript项目创建2、创建一个Login.vue文件，代码：<template> <div> <span>{{username}}</span> </div></template><script lang="ts"> import {Component, Vue} from "vue-pr.

2021-06-01 19:02:45 1543 1

原创 vue3.0+typescript 教程之父子传值

x

2021-06-01 16:09:14 780

原创 Vue集成Ts教程以及报错问题

刚开始玩ts，想再Vue中集成ts,安装步骤都正确，但是到练习Demo时总报错，后来修改了Vue cli 的版本为3.5.1，再次创建项目，问题解决！vue uninstall -g @vue/cli

2021-06-01 10:32:20 1650

原创 nodeJS连接数据库并进行增删改查等操作

1、创建一个空的文件夹执行命令npm init2、创建一个app.js文件const express = require('express')const app = express() // 实例化express对象const mysql = require('mysql')// 创建连接const db = mysql.createConnection({ host: 'localhost', user: 'root', password: '1.

2021-05-26 17:56:56 562

原创如何创建小程序企业账号

1、首先使用新的邮箱注册一个微信公众平台的账号2、填写基本信息，主体类型选择企业3、进行主体信息登记，其中注册方式选择打款验证比较方便4、填写管理员信息，点击下面的继续按钮5、最后会收到打款到指定的账户，包括金额...

2021-05-06 15:09:51 1831

原创 uniapp自定义导航栏

1、首先在pages.json中配置下已定义导航栏：2、在uniapp插件里下载uni-nav-bar，全局引入到项目中，在main.js中配置：3、在页面中使用：<uni-nav-bar background-color="#F8F8F8" color="#000000" shadow="false" :status-bar="status_bar" :title="nav_title"> </uni-nav-bar>data() { ret.

2021-04-29 09:29:26 5297

原创 uniapp实现小程序图片预览、音频播放、视频播放

1. 实现图片预览主要代码：<ul v-if="index == 0" class="collapse-sty"> <li v-for="img in imageList"> <u-image width="200rpx" height="200rpx" @click="previewImage(img)" :src="getBaseUrl() + img.url"></u-image> </li>

2021-04-27 16:10:50 6400 4

原创微信小程序页面跳转刷新方式

1、switchTab跳转刷新 uni.switchTab({ url: '/pages/staffWork/staffWork', success: function(e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onLoad();

2021-04-23 14:51:09 3167

原创小程序中使用webView打开外部链接

最近研究小程序，发现需要引入外部链接，其实很容易实现：1、新建一个wenView页面： <template> <view> <web-view :src="url"></web-view> </view></template><script> export default { data() { return { url: '' } }, onLoad(e) {

2021-04-22 14:54:10 2660

原创 uView根据权限动态配置uni-app中的tabBar

在项目中遇到一个需求，根据不同的账号，生成不同的tabBar，刚开始考虑使用父组件中引入子组件的形式，奈何页面空白，什么也不显示于是，考虑使用自定义的tabbar实现。项目技术：uniapp开发微信小程序，配合UView组件Uview中有tabBar组件：官网地址使用UView配合Vuex自定义tabBar成功解决问题，附上教程：0、仅需配置tabBar中list属性中各页面的路径:"tabBar": { "list": [{ "pagePath": "pages/

2021-04-20 17:17:31 4537 8

heightEcharts资源.zip

transfer.zip

汤阳光OA视频完整版12天

hibernate表的映射关系总结

空空如也