- 博客(31)
- 收藏
- 关注
RSS订阅原创 object.assign和扩展运算符创建对象是深拷贝还是浅拷贝，二者有什么区别
扩展运算符： let outobj = { inobj:{a: 1, b: 2} } let newobj = {...outobj} newobj.inobj.a = 2 consolo.log(outobj.inobj) // {a: 2,b: 2}object.assign()let oldobj = { inobj: {a: 1, b: 2}}let newobj = Object.assign({},old
2022-03-04 15:09:17
1243
转载 centos7安装MongoDB4.0(yum安装)(转)
1.添加 yum repovi /etc/yum.repos.d/mongodb-org-4.0.repo添加如下内容[mongodb-org-4.0] name=MongoDB Repository baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/4.0/x86_64/ gpgcheck=1 enabled=1 gpgkey=https://www.mongodb.org/
2021-11-11 17:20:35
351
原创 TS2305: Module ‘“../../node_modules/vue/dist/vue“‘ has no exported member ‘ref‘.
项目场景：VUE3 中 报TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘ref’.问题描述：TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘X’vue3中所有的组件引入都报错，提示方法魔力不存在 原因分析： 最开始以为是vue版本不对，从vue3.0.0升级到最新的vue3.2.20 依旧报
2021-10-13 11:35:41
11667
17
原创 vue3中watch 和watchEffect的用法
watch 和 watchEffect 都是监听器，但在写法和使用上有所区别。watch在监听ref和reactive类型时watch函数的写法不同。1.1、 watch监听ref类型时：import {ref, watch} from 'vue'export default { setup(){ const state = ref(0) watch(state, (newValue, oldValue) => { console.
2021-10-09 11:19:35
693
原创 利用promise.all实现所有请求结束后关闭loading
前端时间做了一个h5的需求，复盘的时候发现初始化方法中添加的loading 会因为接口返回比较慢的原因，加载页面的时候显示多次，很影响用户体验，想到利用promise来进行优化。console.log('开始加载loading状态')const p1 = new Promise((resolve,reject)=>{ setTimeout(()=>{ console.log('第一个请求结束'); resolve() },1000)})const p2 = new Pr.
2021-07-02 11:54:41
1147
原创 如何在一个https服务器部署多个小程序后台代码
利用nginx的localtion属性 来匹配不同的请求，分发到不同的后台地址。 server { listen 443 ssl http2 default_server; listen [::]:443 ssl http2 default_server; # 你的服务器域名 server_name www.xxxxxxxx.com; root /usr/share/nginx/html;.
2021-05-14 17:53:46
815
1
原创 uniapp中使用微信登录app
之前经手的一个uniapp开发的app剩下一个微信登录的功能，之前没有独立搞过这一块，在网上查了很多资料已解决。记录一下实现的步骤，方便下一次copy。一、首先在Hbuilder中配置微信授权登录App模块配置中勾选OAuth -->微信登录 ：填写appid和appsecret二、获取appid和appsecret1、appid和appsecret是在微信开放平台中获取的。首先需要去微信开放平台注册账号，创建移动应用(下图)2、 创建移动应用需要填写包名和签名(后续会介绍如
2021-03-23 16:20:58
10258
3
原创 uniapp上拉加载更多，下拉刷新
在pages.json文件中配置一下 “enablePullDownRefresh”: true<template> <view> <view v-for="(item, index) of newList" :key="index" class="newList">{{ item }}</view> <view class="loading" v-if="loading">{{ loadingTxt }}</view>.
2021-01-14 11:37:38
742
原创 如何在deepin中安装nodejs
生命不息，折腾不止。记录一下在 deepin系统安装nodejs的过程。1、进入根目录自己在尝试的时候文件下载到桌面了，解压出来创建软连接后 node -v指令并未生效cd /2、从nodejs官网上找到稳定的nodejs版本号，找到linux版本压缩文件地址sudo wget https://npm.taobao.org/mirrors/node/v14.15.4/node-v14.15.4-linux-x64.tar.gz3、解压压缩文件tar -xzvf node-v14.1.
2021-01-07 21:45:21
2621
1
原创 如何在nodejs中使用swagger
在工作中和后台javaer进行接口调试的时候使用的是swagger,非常的方便。nodejs中有什么好用的api工具呢？网上查找了一下，swagger同样适用于nodejs,记录一下在nodejs中使用swagger的过程。1、 安装依赖npm install swagger-ui-express swagger-jsdoc -S2、创建swagger中间件在utils/swagger文件夹中创建index.js配置swagger-jsdoc中的options注意修改swagger收集注释的
2020-12-30 16:39:53
7922
13
原创 vue身份证正则校验的2种类型
项目场景：vue项目中身份证号码设置了校验，但是在验收的时候还可以输入错误的身份证号码。依旧通过了校验，发现是校验规则不够严格。替换一种新的校验方式问题描述：旧的正则校验不够严谨，可以输入合法但错误的身份证号。代码：data(){ return { rules:{ IDCard: [ { required: true, pattern: /^(([1-9][
2020-12-19 14:15:42
5904
2
原创 vue3.0生命周期以及如何使用vue-router、vuex
vue3.0发布已经有一段时间了，用于生产环境还有点早，但是为了装杯还是要学一下的。继续鼓捣一下vue3.0版本的blog(虽然上一版已烂尾)记录一下vue3中如何使用生命周期函数、vue-router以及vuex（登录后台管理系统，根据是否缓存token判断跳转到登录界面）1、vue3中使用vuex<script lang = 'ts'>import { defineComponent } from 'vue';import { useStore } from 'vuex'ex.
2020-11-26 17:54:37
1460
原创 mongoose 多条件模糊查询
node express mongoose 多条件模糊查询// 模糊查询router.get('/searchSome',(req, res, next)=>{ let regexp=new RegExp(req.query.keyword,'i') console.log(req.query.keyword); Product.find({$or:[ {title:{$regex:regexp}}, {description:{$regex:r.
2020-10-22 15:24:15
657
原创 vue 如何通过前端来导出excel表格
在做一些简单的demo时，偶尔会遇到导出excel表格。如果请后端帮忙的话 比较浪费时间，那么前端如何导出excel表格，下面就来记录一下之前使用到的案例一、安装依赖npm i file-saver xlsx script-loader -S或yarn add file-saver xlsx script-loader二、封装Blob、export_json_to_excel 方法1、封装blob方法在 src/utils文件夹下创建Blob.js/* eslint-disable *.
2020-10-12 17:21:36
682
原创 微信小程序+nodeJs+express+mongodb踩坑记录 4、uniAPP wx小程序登录前端+后台实现
前言最近着手写一个单门店微信小程序商城，后台管理系统初步完成，小程序首页已经展示了商品，下一步就是添加购物车，生成订单；这里就设计到小程序登录。 记载一下自己的实现过程，下次直接copy。一、实现思路在添加购物车或着其它需要登录才能进行的操作时，先判断是否登录。进入登录页面，先使用wx.getSetting()方法判断是否授权，如果授权了，直接使用wx.login()获取Code 向后台发送请求，换取openid(下面会讲)。然后再调用wx.getUserInfo()拿到用户信息，调接口更新用户信息.
2020-09-17 09:59:12
1088
原创 如何利用在vue中echart 生成全国、省、市地图
生成中国地图比较简单,参照echarts文档就可以实现，可能就是稍微花一点点时间。下面记录通过cdn 引入echart 和npm安装echart来实现地图的方式1、通过cdn方式在 public/index.html 页面引入echart cdn 和 echart map数据china.js <script src="https://cdn.bootcss.com/echarts/4.3.0/echarts.min.js"></script> <scri.
2020-09-02 18:13:15
1222
原创 vuex中getters 的基本用法
一、getter 定义Vuex允许我们在store中定义"getter" ，用于对state中存储的数据进行过滤操作。就像vue生命周期中的computed一样，getter的返回值 会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算二、使用方法1、通过属性访问Getter 接受 state 作为其第一个参数：example:现在需要获取list：[1,2,3,4,5,6,7,8,9]中大于5的元素const store = new Vuex.Store({ .
2020-08-27 11:08:01
9362
原创 echarts 利用富文本设置图片label
最近做前端可视化，有一个如下的需求，放上初步的效果图：很简单的echart pie图，但是又有两个不同的地方：需求上有2个label,一个在扇形内部，一个在扇形外部外部label为图片查看文档最终的解决办法为，同样的数据渲染2个相同的pie图，利用rich将外部label设置为图片为了使vue组件看起来简洁，将chart 方法抽离到src/utils/chart.js<template> <el-row :gutter="24"> <el
2020-08-21 18:01:01
3554
2
原创 微信小程序+nodeJs+express+mongodb踩坑记录 3、文件上传
创建好model列表和routes列表，套用公共的curd方法，基本的增删改查接口很快就完成了。下面需要开始搞一个后台管理系统，方便造一些数据顺便测试一下接口。在这之前先把上传图片的接口搞定了。上传图片分上传到服务器和阿里云oss，前期测试的话直接上传到服务器吧！节省一丢丢的流量(太穷了)。一、上传到服务器使用multer上传到服务器npm i multer -S直接上代码/* * @Author: [email protected] * @LastEditors: 471826..
2020-08-15 13:54:17
698
原创 微信小程序+nodeJs+express+mongodb踩坑记录 2、封装crud方法
前后端在工作中相互为搭档，又相互鄙视(手动狗头)。后台总觉得前端代码简单，切切图就好了，不用写什么逻辑，切图仔。由于安全性考虑，很多复杂的逻辑都是后台来完成。这个时候我们前端就会反击：后台只会crud,一个sql玩一天，查询出结果还要几十秒，渣渣。当然，这只是一个玩笑，这里就不深究了。今天主要记录一下封装的 crud 公共方法。这里只是封装了几个逻辑比较简单的 增 删 改 查：创建：routes/common.jsconst { formatDate } = require(...
2020-08-12 20:08:26
469
原创 微信小程序+nodeJs+express+mongodb踩坑记录
一、前言春节期间利用nodejs+mongodb+express 开发后台接口; vue+elementui 开发后台管理系统开发一款蛋糕店小程序。打通了整个购物流程，用户登录授权和付款都已经实现。只是UI有待优化，现在打算利用uni-app开发一下小程序。主要三个目标：最晚年前小程序上线,预计国庆节前学习一下uni-app开发流程完善一下nodejs知识点整个开发过程肯定是面向百度的，没有系统的学习过nodejs，都是一边百度一边写；用这个项目来学习uni-app和nodeJs。..
2020-08-12 19:42:33
713
原创 微信小程序+nodeJs+express+mongodb踩坑记录 1、后台搭建
一、创建项目1、安装依赖文件express servicecd servicenpm installnpm i multer mongoose express-jwt jsonwebtoken body-parser ali-oss co -S//multer 上传文件mongoose 操控mongodbexpress-jwt token校验中间件jsonwebtoken token2、链接数据库在入口文件 app.js中加入以下代码const mongoose = requi.
2020-08-12 19:39:48
776
原创 vue prop属性使用方法小结
Prop一、基本用法Prop的基本用法很简单，作用是在子组件中接收父组件的值父组件传值<template> <div> <Example :data1='data1' :data2='`属性值2`' /> </div></template><script> import Example from '@/components/expmple' export defa
2020-08-01 10:36:40
2724
原创 mongoose 查询数据属性为数组，且包含某个值的方法
mongoose在创建schema的时候有些属性需要设置为数组类型，比如商品图片、商品标签、不同尺寸、价格等。那么怎么查询具有某个标签的商品了，下面记录一下两种情况：查询具有‘vue’标签的文章1、数组中存储的是字符串元素下面以个人博客数据来说明-数据(labels 值为字符串数组)[ { labels: ["vue","react","mongoose"], likeCount: 0, lookCount: 0, name: "手动封装一个渐变色进度条",
2020-07-30 13:57:21
4306
1
原创 vue中post和get方式导出文件
execl表格导出在后台管理系统中非常常见，记录一下vue项目中通过get和post调用后端接口导出文件一、get方式请求接口1、window.location.href = host + '/api/XXX/XXX'2、window.open( host + '/api/XXX/XXX')3、 let link = document.createElement('a') link.href = host + '/api/XXX/XXX' link.downloa
2020-07-29 19:30:53
2429
原创 vue渐变色进度条。适用真假进度条
业务需要，动手封装一个渐变色进度条。组件适用真假进度条，1、调用子组件的setProgress（）方法，进度条开始执行，到91%进度条进入等待状态。待后台接收完数据，修改finished值为ture,进度条继续执行到100%。2、如果需要真的进度条，调用接口轮循获取进度值progress传入组件。<template> <hprogress ref="hjprogress" @isFinished="isFinished" :finished="finished" />&
2020-07-24 16:42:03
1239
原创 elementui+node上传文件到阿里云oss
一、获取阿里云oss配置参数pm2服务器配置提醒： cb(null, ‘./public/uploads’); 需要修改为 cb(null, ‘../public/uploads’);主目录新建config.jsconst OSS_CONFIG = { region: 'oss-cn-beijing', accessKeyId: 'LXXXXXXXXXXXXXXXNr', accessKeySecret: '7XXXXXXXXXXXXXXXH', buck
2020-07-19 16:13:00
516
原创 vue+node+express个人博客部署到nginx
1、vue打包个人博客页面大概的架子已经搭起来了，打包部署到centos服务器看一下效果。module.exports = { publicPath: './', // 设置打包文件相对路径 (默认是没有“ . ”的，打包后路径不对，打开网页空白。需要加上 .) devServer: { // open: true, //配置自动启动浏览器 proxy: { '/api': { target: 'h
2020-07-06 15:27:13
403
原创 node+express+multer 实现单文件上传、下载
routes/index.jsnode express 部署到服务器，用pm2进行管理。启动的时候需要进去 /bin 目录服务器 上传文件路径 ： “.. /public/uploads”本地上传文件路径 ： “./public/uploads”下载文件不能通过ajax请求和axios,需要通过a标签或者window.location.herf = '下载文件接口'下载文件的接口需要写成get请求方式/* * @Author: [email protected] * @Da.
2020-07-01 01:01:17
245
原创 记录一下axios封装
src目录下创建api/axios.jsaxios.js代码如下：/* * @Author: [email protected] * @Date: 2020-05-21 09:54:50 * @LastEditors: [email protected] * @LastEditTime: 2020-05-27 16:18:41 */import axios from 'axios'//引入vueimport Vue from 'vue';//新创建一个vue实例let v = new.
2020-07-01 00:24:41
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人