- 博客(95)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 uni-app如何使用Unipush实现消息推送（在线&离线）
一、前期准备 在动手之前建议先看下官方文档：https://ask.dcloud.net.cn/article/id-35622__page-5 首先，在App模块配置勾选如下后，点击配置进入DCloud开发者中心 第一次进来的话，可能会要求填写相应的资料，按步骤填写即可，不做详细介绍二、在线推送 在线推送的话比较简单，坑比较少，很快就能实现 在App.vue中onLaunch生命周期中添加如下代码，其中c...
2020-10-29 16:43:59
23090
26
原创 klinecharts定时请求数据出现空屏情况
主要就是只使用了applyNewData方法的问题，我们添加一些判断，使用updateData方法即可。这样，数据定时加载也不会出现清空问题。
2024-09-19 15:38:11
208
原创 vue使用vue-i18n实现国际化
②在 i18n 目录下创建 langs 文件夹 和 index.js文件，具体如下。4、为了方便使用，添加了个hooks文件，可以在vue页面引用此文件获取当前语言。2、index.js代码如下，这里使用了较多语言，具体按项目定。2、setup中使用，这里使用的vue2.6，和其他会有些差别。我使用的是vue2.6版本，具体使用其他版本可以进行修改。3、zh.js文件实例，其他语言文件按这格式不变。①在src下创建 i18n 目录。1、template模板使用。5、main.js配置。
2024-09-19 15:33:11
1003
原创 公众号h5授权链接显示redirect_uri域名与后台配置不一致
所以实际项目的请求址是www.aaa.com:81，但是公众号号的授权域名是www.aaa.com:80瑞口是可以不写，所以出现rediredt u城名与后台配置不-致情况。公众号里面的网页授权域名填写格式 只能是域名格式，用另一种解释的是网页授权域名只能是80或者443端口，不能是其他端口，这是官方规定的。网页授权域名个格式: www.aaa.com，但是实际项目地址是域名+端口: www.aaa.com:81。根据微信公众号配置修改: 登录微信公众号一设置与开发一公众号设置一功能设置一网页授权域名。
2023-11-09 15:28:20
2159
原创 nginx解决vue项目开发跨域问题
路径：C:\Windows\System32\drivers\etc\hosts。有个坑就是修改nginx.conf文件后直接在nginx的根目录打开cmd，执行。y意思访问 localhost 的时候, 直接指向我们本机.不要再次双击 nginx.exe，可以打开任务管理器进行排查。ps：我本地的前端项目是8081端口，根据实际情况来。1、为了模拟跨域的开发情况，本地可以起一个后台服务。这样就启动了一个后台服务，端口3200。3.修改nginx.conf配置文件。双击nginx.exe启动nginx。
2023-10-26 16:26:08
823
原创 vue2安装cesium并使用
①高版本的cesium引入widgets.css会报错，需要到node_modules/cesium/package.json添加。网站获取token，并复制到项目中。3.获取Access Tokens。1.配置vue.config.js。把一些文件拷贝到打包目录。cesium页面代码如下。1.安装cesium。②main.js引入。
2023-10-11 10:02:49
1355
原创 react实现整个表格同时编辑
点击获取可看到temData值已经被修改，后续可自行进行操作。父组件通过绑定ref获取子组件修改后的表格。点击编辑开启编辑模式。
2023-03-17 10:31:50
663
原创 react函数父组件获取类子组件state
父组件中绑定ref和class组件有所不同，通过ref={(r) => (childRef = r)}绑定。最终效果，点击按钮获取子组件的state。
2023-03-17 10:20:32
1391
原创 Echarts实现两两重叠柱状图
需求是实现两个柱状图重叠在一起，试过barGap: '-100%'发现都重叠在一起了，只在有两个柱状图时有效，如果是4个实现两两重叠就无法使用。
2023-03-01 08:59:35
5678
1
原创 解决Cesium数据放到Vue2下data()中造成的页面卡顿问题
在开发vue项目时，会很自然的将变量放到data()中，那么将Cesium的变量放到vue2的data()中，页面就会变得非常的卡，拖动地图时出现掉帧的情况，这是因为vue会对data里面的变量进行数据劫持那么我们可以将放在data()里面的Cesium变量命名方式进行修改，统一以 "_" 或 "$" 开头，这样页面就不会出现卡顿了，在vue2管网有这么一句话我们以这总方式命名的变量不会被vue所代理。另外，使用vue3+ts可以完美解决数据冲突问题...
2022-02-10 16:41:04
1721
1
原创 vue3使用VueQuill插入自定义内容
html如下 <QuillEditor ref="quillEditor" @click="handClick" @textChange="handOnkeyup" v-model:content="formState.content" :options="o
2021-11-18 16:57:41
2914
1
原创 uni-app开发小程序无法跳转页面问题
在开发小程序的时候，测试修改信息，频繁授权登录后页面无法跳转在查阅相关资料后，发现小程序使用 uni.navigateTo 跳转不会关闭当前页面，并且最多叠加10个页面后对无关页面使用uni.redirectTo 跳转页面，跳转前会关闭当前页面...
2021-11-12 16:06:45
1653
原创 vue项目下载项目本地文件
将文件放置 public 文件夹下，在需要下载直接 window.location = '/+文件名';eg: 我文件直接放置在public文件夹下的根目录，文件名为student_list window.location = '/student_list.xlsx';
2021-11-12 11:53:27
2222
原创 Vue3中父子组件相互触发方法
1. 父组件触发子组件的方法父组件代码如下：<template> <div class="parent"> <button @click="getChild">触发子组件方法</button> <!-- 1. 定义ref --> <child ref="childRef"></child> </div></template>.
2021-08-26 08:49:21
5048
1
原创 path.resolve( )
var path = require("path") //引入node的path模块path.resolve('/foo/bar', './baz') // returns '/foo/bar/baz'path.resolve('/foo/bar', 'baz') // returns '/foo/bar/baz'path.resolve('/foo/bar', '/baz') // returns '/baz'path.resolve('/foo/bar', '../...
2021-07-21 17:05:44
240
原创 git添加远程连接
在新建项目以后，与git的仓库连接起来git initgit add README.mdgit commit -m "项目初始化"git remote add origin 仓库地址git push -u origin master如果连接的时候提示如下则需要先删除连接，后再进行连接git remote rm origingit remote add origin 仓库地址...
2021-07-19 11:01:15
1806
原创 vue3使用vue-seamless-scroll注意事项
1.安装vue-seamless-scroll 插件npm install vue-seamless-scroll --save2.
2021-06-01 10:19:36
2565
2
原创 vue切换用户时，重置路由
目前路由大多都是后端动态传过来的，不同用户菜单权限会有所不同，在切换用户时，会出现菜单错乱的情况，这时候就需要重置菜单了import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = Router.prototype.pushRouter.prototype.push = function
2021-05-24 15:33:38
8409
9
原创 使用webpack中MiniCssExtractPlugin插件报错ReferenceError: document is not defined
使用MiniCssExtractPlugin报ReferenceError: document is not defined错误，是因为和style-loader冲突去掉style-loader即可use: [MiniCssExtractPlugin.loader, 'css-loader', "postcss-loader", 'sass-loader'] // 从右向左解析原则
2021-05-12 16:40:47
2724
原创 webpack如何添加厂商前缀
1.首先安装所需要的postcssnpm install --save-dev postcss-loader postcss autoprefixer 2.在webpack.config.js文件中添加 module: { // 匹配规则 rules: [{ test: /.(c|sc)ss$/, use: ['style-loader', 'css-loader', "postcss-loader", '.
2021-05-12 16:22:30
258
原创 vue子组件如何修改父组件值
子组件直接修改父组件的值的话会提示错误，如下：父组件：<template> <div class="home"> <page1 :msg.sync="msg"></page1> </div></template><script>import page1 from "@/components/page1.vue";export default { name: "Home", c.
2021-04-01 08:36:58
1136
原创 node操作mongodb封装
近期学习mongodb，总结了一些常规的增、删、改、查、连表查询操作// 连接地址const MongoClient = require('mongodb').MongoClient;const config = require('./config');var url = config.url; // 启动cmd输入mongo查看// 新增一条数据// 库 -- library 集合 -- muster 一条数据 -- datafunction addData(libra.
2021-03-03 14:15:56
292
原创 js常用工具函数总结
/* 目录： （1）序列化时间 / 获取当前序列化后的时间 dateFormat （2）获取当前日期前或指定时间，前一定范围的时间 getAssignTime （3）判断是否是1366分辨率 is1366Screen （4）获取echarts中X轴数据 getXList （5）函数防抖 debounce （6）函数节流 throttle （7）获取url后面的参数 queryUrlParameter*//** （1） * @.
2021-02-26 14:26:34
434
1
原创 element中before-upload添加自定义参数
默认情况下before-upload返回的有一个默认参数file，如果在循环中，需要标识就需要添加一个自定义参数:before-upload="function (file) { return handleBefore(file, index)}"这样就可以在下面通过函数接收到自定义参数indexhandleBefore(file, index) {}...
2021-02-22 11:07:57
5422
6
原创 解决手动跳转页面，element菜单未高亮
主要是通过修改activeIndex来进行高亮选中<el-menu ref="menu" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index="2"> <template sl.
2021-02-20 11:19:16
1329
原创 mongodb基础语法总结
1.终端1 开启mongodb服务 ---- 服务端 mongod --dbpath D:\codeSoft\MongoDB\mongoDBdata dbpath 后面跟的是数据的存储路劲 终端2 连接mongodb服务 ---- 客户端 mongo2.常用命令 show dbs 查看当前数据库 use 数据库名称 切换到指定数据库(若无当前数据库，会新增数据库) db.user.ins...
2021-02-19 10:06:17
163
原创 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
使用webpack-dev-server的时候有时候会报错Error: Cannot find module 'webpack-cli/bin/config-yargs'原因就是版本的问题通常情况下，webpack需要是4.X，webpack-cli需要是3.X，webpack-dev-server需要是3.X即可
2020-11-24 16:06:01
273
原创 js实现图片预加载
实现图片的懒加载，实际上是创建一个图片对象，缓存在浏览器中，用于处理图片大小过大，加载过程不友好，影响用户体验在图片的加载过程中，用这种loading代替，加载完毕后，通过替换图片的方式实现html代码如下： <div id="page"> <div class="imgBox"> <img id="imgObj" class="loadingImg" :src="imgSrc" :class="{'loading.
2020-11-06 14:05:52
634
原创 element上传图片如何获取图片的宽高
html如下： <el-upload action="https://jsonplaceholder.typicode.com/posts/" :before-upload="beforeUp" list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove"> <i class="el-icon-plus"></i&
2020-10-23 16:52:17
6614
原创 window.print()手动设置纸张的宽高
使用window.print();导出页面的时候，默认使用的纸张为A4纸，比例为4:3，如何横屏显示的话，就会出现播放的时候两边留白的情况，显示效果比较一般。效果如下：目前计算机的比例一般都是16:9，可以使用@page 手动修改纸张宽高@page{ size: 1920px 1080px; }如果需要修改打印时页面元素的大小的话，需要使用@media print@media print {}...
2020-10-22 14:25:46
9053
原创 vue-router中children使用方法
children的使用场景：比如页面左侧显示菜单，右侧显示不同菜单下的内容，类似如下element网站，那么右侧部分的内容就是当前页面的children存在如下场景，点击导航一跳转至页面1，导航二跳转页面2，且页面1中存在子页面路由js如下：const routes = [{ path: '/', name: 'Home', component: Home, children: [{ path: '/page1', name: '..
2020-10-20 11:18:28
33063
原创 Element表单如何校验文件是否上传
使用element校验上传文件的时候会出现文件已经上传成功，但是表单校验依旧提示未上传，如下，点击立即创建依旧提示请上传。需要在文件上传成功的钩子函数手动添加文件并手动执行校验html如下： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="文件" ..
2020-10-19 16:45:12
10211
6
element省市级联选择器options，包含各市经纬度
2020-08-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人