- 博客(18)
- 收藏
- 关注
RSS订阅原创 React hooks 封装 echarts 组件
为了减少代码的重复和提高开发效率，本人针对React hooks封装了一个echarts公共组件。使用本组件时，只需要传入以下三个props即可：完整的option对象鼠标点击事件鼠标hover事件废话不多说，上代码!import React, { useRef, useEffect } from "react";import * as echarts from 'echarts'interface IpProps { option: Object onHoverChange:
2022-03-20 01:15:21
1481
原创 React Hooks小练习
写一个倒计时import React, { memo, useState, useEffect } from 'react';function Home() { const [timerID, setTimerID] = useState(null); const [counter, setCounter] = useState(10); useEffect(() => { if (counter > 0) { let timer: any = setTim
2022-02-21 09:23:21
332
原创 【Electron】关于Electron项目打包遇到的问题及解决方案
关于Electron项目打包遇到的问题及解决方案最近在electron，自己尝试搭建electron项目时，遇到了一系列打包相关的问题，现在把遇到的问题以及解决方式分享一下问题1：根据提示，不难看出，这个问题是打包时所需要的相关依赖包是在GitHub上面，由于网络原因，不能够正常下载访问，所以影响打包操作。这个时候，我们可以手动把相关依赖包下载到本地，并且放到指定文件夹即可。问题2：问题1解决后，继续执行 yarn build ， 发现又出现了一个新的问题，还是依赖包相关问题。跟问题1解
2022-01-25 15:28:46
3621
原创 【Electron】关于Electron安装依赖报错问题解决
关于Electron安装依赖报错问题解决最近在学习electron项目搭建，在自己搭建项目时候出现了一个electron安装依赖一直报错的问题。关于这个问题十分玄幻，同一份代码，在我的笔记本上安装一直失败，在node版本一样的其他两台电脑上，却是可以正常安装。翻腾了好半天终于把安装依赖的问题给解决了。给yarn配置了淘宝镜像不顶用，也指定了electron安装路径echo electron_mirror=http://cdn.npm.taobao.org/dist/electron/ >>
2022-01-25 10:48:30
3780
1
原创 MySQL安装步骤
我是下载的压缩包1.解压解锁包，粘贴到自己想要安装位置，如：D:\soft\work在 D:\soft\work\mysql 下新建data文件夹2.配置系统环境变量，在path内添加D:\soft\work\mysql\bin3.管理员身份运行cmd，进入bin目录，执行安装mysql的服务：mysqld --install4.还是在cmd的bin目录，执行初始化mysqlmysqld --initialize --console最后会显示出一个随机的密码，记住密码5.开启
2021-05-26 16:09:19
139
1
原创 vue常用函数
this.$forceUpdate()用于解决，双向绑定的数据值发生了改变，但是视图没有及时更新。// 获取时间差 getTimeCha(new_date, old_date) { var difftime = (new Date(new_date) - new Date(old_date)) / 1000 //计算时间差,并把毫秒转换成秒 var days = parseInt(difftime / 86400) // 天 24*60*60*1000 v
2021-04-12 21:09:44
693
原创 vue项目，自定义指令实现鼠标拖拽更改窗口大小
vue项目，自定义指令实现鼠标拖拽更改窗口大小vue自定义指令vue自定义指令dom元素部分<template> <div class="dragModalWrap" :style="{ width: width + 'px',height: height + 'px', }"> <div class="tuolaBtn" v-drag="{ set: changeWH }" :style="{top:tuoTop +'px',left:tuoLeft + 'px'
2021-02-23 10:24:11
1201
原创 VUE之axios封装
最近整了个小项目，为了方便接口调用，自己尝试封装了一下axios接口。import axios from 'axios';// 设置请求的地址// axios.defaults.baseURL = '/'// 请求超时时间axios.defaults.timeout = 10000;// 允许跨域axios.defaults.withCredentials = true;// 设置默认的Content-Typeaxios.defaults.headers.post['Content-Typ
2020-12-15 09:08:49
214
原创 博看书苑机构账号
安微省图书馆账号:ahst 密码:ahst营口理工学院账号:yklgxy 密码yklgxy南华大学图书馆账号:usc 密码:usc大连大学图书馆账号:DALIANDX 密码:100140兴义市图书馆账号xyslib 密码:xyslib对外经济贸易大学图书馆账号:uibelib 密码:uibelib东北农业大学图书馆账号:dbnylib 密码:dbnylib成都中医院大学图书馆账号:cdzyytsg 密码:cdzyytsg大连教育学院图书馆账号:dljyxy 密码:dljyxy广东省立中山图
2020-12-03 15:24:09
15769
1
原创 电脑安装vue/cli后，vue -V报错解决办法
问题描述：我们全局安装vue/cli时，运行npm install -g @vue/cli命令，然后按照官网运行vue --version发现控制台报错：无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称。有可能是环境变量没有配置好，解决方法如下：1、npm config get prefix2、在电脑环境变量中配置刚刚得出的路径再运行vue -V也可能是电脑设置的问题，解决方法如下：1.用管理员身份运行power shell2.在终端中输入Set-Exe
2020-09-14 21:09:01
1972
1
原创 vue之，组件重新加载刷新
因业务需要，笔者需要做一个vue组件定时刷新重新加载的效果。以前做过一次，页面重新加载的效果，**在app.vue内配置reload函数，在需要刷新的页面调用。但是使用这样的方式实现组件或者页面刷新，会有短暂的白屏现象。经过查阅资料，我使用了dom元素绑定key值，通过改变key值的方式来实现了组件的重新加载效果。经实测，此方法可以规避页面出现短暂白屏的现象。具体代码如下：<template> <div class="main" :key='menukey'></di
2020-06-09 11:17:41
4007
2
原创 Vue中监听vuex数据变化（a组件修改vuex内数据，b组件内触发相应函数）
写了一个新闻类的小网站，客户提出的要求，必须使用导航栏。因为新闻分类太多，我最初的想法是做成一个类似掌阅官网的导航模式。在index组件内渲染分类导航。这样的话，就不用在home组件内头部渲染导航条。但是，根据种种原因，必须设计成home组件头部使用导航的形式。一开始，我是不太想要使用vuex的。但是经过了小半天的踩坑，一直没有做到自己想要的结果。最后还是选择了使用vuex。在安装v...
2020-03-12 01:03:06
9899
原创 Vue之vue-quill-editor编辑器内，实现图片上传服务器
Vue中的vue-quill-editor富文本编辑器，相信大家都有使用的相关经验。今天，我在使用它的时候，上传文章。发生一个错误，该报错信息，大概意思就是在后端，文本过长，从而使添加文章信息失败。大家都知道，富文本编辑器内，默认的图片上传是把图片转换成了二进制来进行储存。这样一来无疑会加大后端以及数据库的压力。在跟后端小伙伴沟通后，我决定使用把富文本内的图片动态上传到服务器，然后把图片...
2020-03-03 16:28:33
1645
4
原创 element组件在react框架中的引用
新建了一个项目，用react框架开发。关于ui组件方面，准备使用element ui。说干就干，简单的一番操作后，成功的把element组件给引用了出来。下面是具体操作。首先是React项目的搭建命令行安装全局create-react-app脚手架工具npm install -g create-react-app在工作目录下创建项目create-react-app my-React-...
2020-02-28 18:50:29
2127
3
原创 Vue+element ui之侧边栏导航效果优化
昨天在我个人写的一个vue项目中，侧边栏导航遇到了一个优化方面的小难题。问题描述：用户进入后台管理首页，通过点击导航栏加载路由组件，在子组件内有面包屑导航。通过面包屑导航，点击回到首页时，侧边栏默认选中的项目没有恢复默认值。问题分析：在项目中，Home.vue文件里设置了 data() { return { // 被激活的链接地址 activePath: ...
2020-02-26 14:30:13
2351
原创 vue页面刷新当前页的方法
关于vue项目刷新当前页面，我试了一些方法，最终找到了一个目前我所知道最棒的方法。记录如下：在App.vue声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载在App.vue页面代码：<template> <div id="app"> <router-view v-if="isRouterAlive"><...
2020-01-15 19:40:33
1930
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人