- 博客(19)
- 收藏
- 关注
RSS订阅原创 微前端框架之Wujie
无界微前端方案基于 WebComponent 容器 + iframe 沙箱，能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等...
2022-11-18 17:26:56
4679
9
原创 vue3系列：（四）vue3使用props、defineProps实现父子传参
组合式API（SFC）一个组件选项，在组件被创建之前，props 被解析之后执行。它是组合式 API 的入口。入参：{Data} props{SetupContext} context与使用选项式 API 时的 this.$props 类似，该 props 对象将仅包含显性声明的 prop。并且，所有声明了的 prop，不管父组件是否向其传递了，都将出现在 props 对象中。其中未被传入的可选的 prop 的值会是&n
2022-04-28 15:38:18
7595
原创 vue3系列：（三）vue3使用watch、watchEffect实现监听
watchwatch API 完全等同于组件侦听器 property。watch 需要侦听特定的数据源，并在回调函数中执行副作用。默认情况下，它也是惰性的，即只有当被侦听的源发生变化时才执行回调，它接受3个参数一个想要侦听的响应式引用或 getter 函数一个回调可选的配置选项侦听单个数据源侦听器数据源可以是返回值的 getter 函数，也可以直接是 ref：// 侦听一个 getterconst state = reactive({ count
2022-04-15 16:38:39
4589
原创 windows如何同时安装两个不同版本的Mysql(Mysql8.0+Mysql5.7)
之前研究python的时候玩了一下mysql，然后最近研究node的时候发现需要用到数据库，发现一直报错，网上的各种方法也试过了，最后怀疑是mysql版本的问题，于是就尝试在电脑上再装一个版本的mysql，原来的mysql使用的是mysql-8.0.22-winx64版本的，现在考虑再安装一个mysql-5.7.35-winx64版本的，mysql下载地址戳 这里1、下载解压下载完成之后解压就行（这个路径不要和之前那个版本的路径重复）点击进入解压后的文件夹，需要新建 data 文件夹和 mysql.
2022-03-29 11:15:37
5755
2
原创 vue3系列：（二）vue3使用computed计算属性
独立的 computed 属性输出一个只读的 响应式引用<p>我是王俊凯，我今年{{ age }}, {{ addAge }}周岁</p><el-button @click="ageAddClick">年龄+</el-button><script lang="ts">import {computed, ref} from "vue";setup() { const age = ref(18); const addA
2022-03-28 11:57:55
1295
原创 Echarts实现圆角圆环
直接看效果图吧话不多说，直接贴代码 const option = { title: { text: '72%', textStyle: { color: "#000000", fontSize: 18 //圆环中间文字大小设置 },
2022-03-22 13:47:09
2160
2
原创 js实现图片拖拽，定点缩放，旋转 （二）
这篇我们继续来完成图片的定点缩放功能，同样兼容性目前只考虑谷歌，其他类型和版本的自行拓展1、定点缩放html部分<div id="app"> <img id="img" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2F1812.img.pp.sohu.com.cn%2Fimages%2Fblog%2F2009%2F11%2F18%2F18%2F8%2F125b6560a6ag214.jpg&am
2021-08-09 13:51:02
1309
原创 js实现图片拖拽，定点缩放，旋转 （一）
首先我们先来实现最简单的图片的拖拽，在这之前你需要了解 offsetLsft/offsetTop, clientX/clientY, onmousedown/onmousemove/onmousup这里不做深入的讲解，我们直接看代码吧，注释写的很详细了（目前兼容性暂时只考虑了谷歌浏览器，其他浏览器思路相同，自行拓展）html部分<body> <div id="app"> <img id="img" src="https://g
2021-08-09 13:49:23
1368
原创 Vue中使用quill富文本编辑器（可上传本地图片，视频）
前言需求需要实现富文本的功能，同时富文本中还可以上传视频和图片,选来选去最后决定了用这个富文本编辑器官网：https://quilljs.com/1、安装富文本编辑器npm install vue-quill-editor --save2、在main.js中引入import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'im
2021-07-07 15:11:30
3714
1
原创 Echart边滑动datazoom边动态请求添加数据
Echart边滑动datazoom边动态请求添加数据html部分js部分最近遇到一个需求，Echart绘制图像的时候，数据量过大，会出现长时间的加载空白的界面，这样的用户体验并不是很好，领导希望能够先加载一部分数据，有一个页面的展示，如果用户拖动下面的滚动条则继续加载剩下的数据，这样的用户体验是最好的，于是就有了现在的需求。实现思路大概是这样的，先加载100条初始数据（具体结合需求而定），用户拖动下面的滚动条的时候再请求接下来的2000条数据，话不多说，直接上代码吧。html部分 <div i
2021-04-29 10:39:19
2679
原创 解决React中运行npm run eject报错的问题
解决React中运行npm run eject报错的问题最近开始学习React，使用是creat-react-app来初始化一个react项目，然后发现想要自己手动配置webpack却不知道在哪里，通过bd发现在package.json中有这样一堆代码： "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "ej
2021-03-16 13:59:37
1125
原创 js原型和原型链
js原型和原型链1、原型2、constructor3、原型链4、继承1、原型在JavaScript中，原型也是一个对象，原型的作用，则是实现对象的继承。在js的所有函数对象中，都存在一个属性prototype，该属性对应当前对象的原型。我们先来看一个例子：每一个函数都有一个prototype属性再来看一下，下一个例子：看一下 ‘测试2’ 的打印和‘测试6’的结果是一样的，下面我们来一个大胆的猜测打印看看 Person.prototype === person.__proto__ 这个是否相等
2021-03-10 16:38:07
150
原创 JS将table转成Excal并且导出，以及数据，时间格式问题
JS将table转成Excal并且导出最近做项目，要求将项目中的table导出，因为后台同学反映数据太复杂，所以就将导出excal的功能交给前端同学去实现网上找到了很多的方法，和插件，但是本人不是很愿意使用插件，所以就借用js,用原生的方法导出，直接上代码：downexcal() { let el = document.getElementById('cwbbtable');...
2020-01-16 11:52:59
544
原创 echarts雷达图怎么给每个拐点设置不同的颜色
前言最近有这样的需求需要用到echarts的 雷达图 然后这不是主要的，因为基本的配置官网上都是有的，但是需求要求雷达图的每个拐点要有不同的颜色，这样比价有特色，我。。。最后在官网找了半天发现还是只能设置一个颜色，但是需求又要不同的颜色，怎么办了？投机取巧吧话不多说，主要的思路是通过绘制多个图形，每个图形设置自己的颜色，然后叠加在一起，产生视觉上的在一张图就可以了，直接上代码吧，不懂的可以去官...
2019-09-19 18:31:57
9466
4
原创 Vue上传图片图片，img标签显示图片
前言有很多时候，会有图片上传的需求，用户选择上传图片后，要求在界面进行显示，当点击保存，或者确定按钮的时候上传到服务器。话不多说直接上代码 <input type="file" @change="uploadImg" ref="uploadFile" name="file" style="width: 100%; height: 100%;curso...
2019-08-22 15:55:52
3229
1
原创 axios请求后台返回文件流时报错，错误处理办法
前言有一个接口是向后台要图片的文件流的，前端传参数，后台对应的返回二进制流这个时候按照正常的请求设置 responseType = 'blob' 就可以拿到后台的数据但是这个时候后台的接口报错了，返回code为非0的值（我们的接口0为正常返回）那这个时候就要对这个错误进行抛出，让用户看到错误，但是按照之前的写法，直接以对象的形式取后台的errormsg 肯定是不行的，后来与后台商量了解，这...
2019-08-22 14:59:33
2982
1
原创 Vue懒加载，解决首页加载进入较慢的问题
Vue懒加载，解决首页加载进入较慢的问题因为之前的项目是没有用懒加载的，加上前期开发的不规范的问题，整个项目到最后已经非常的臃肿，而在最新一次的需求增加中，产品的同志要求新窗口打开一个详情界面，但是问题就来了，因为项目非常的臃肿，所以新窗口打开，项目重新加载自然就很慢了，然后就想到了用懒加载来解决。话不多说，直接上代码：先看没有添加懒加载的：之前的项目一直是采用这种方式，加上是别人写的代...
2019-04-01 14:35:14
2572
原创 解决iview点击确定按钮后模态框立即关闭，无法进行数据验证后再关闭模态框问题
解决iview点击确定按钮后模态框立即关闭，无法进行数据验证后再关闭模态框问题使用iview 组件的模态框写增加功能的时候，按照官网的代码拷下来，但是在最后一步的时候出现了一个小问题，需要对用户输入的数据进行验证，验证通过后再向后台发送请求，请求成功后关闭模态框，如果验证不通过，则提示用户填写有误，需重新填写，但是按照官网的例子，点击确定按钮后，模态框就关闭了return 出去也不行，后来在网上...
2018-09-28 16:35:06
3914
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人