yj6232779-CSDN博客

原创 vue配置反向代理，无需后台配置

vue配置反向代理，无需后台配置大家在做vue开发的时候难免会遇到跨域的问题，一般解决的办法有两种，后端配置cors，大部分框架都集成了相应的配置文件，另一种就是前段设置反向代理，而今天要说的就是vue生产模式的反向代理需要安装一个插件yarn add @deraw/vue-cli-plugin-proxyOR npm install @deraw/vue-cli-plugin-proxyconst { createProxyMiddleware } = require('http-proxy-m

2020-09-11 11:36:16 779

原创 js调用微信利用二维码扫码登录

js调用微信利用二维码扫码登录准备工作网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。在进行微信OAuth2.0授权登录接入之前，在微信开放平台注册开发者帐号，并拥有一个已审核通过的网站应用，并获得相应的AppID和AppSecret，申请微信登录且通过审核后，可开始接入流程授权流程说明微信OAuth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站，在微信用户授权登录已接入微信OAuth2.0的第三方应用后，第三方可以获取到用户的接口调用凭证（ac

2020-09-11 11:11:36 5150

原创原生js 基于vue的语法图片的放大缩小

原生js 基于vue的语法图片的放大缩小话不多说，直接上代码<template> <div class="screen_img" tabindex="1" @keyup="handleEsc"> <div class="screen_img_wapper"> <!-- <canvas id="canvas" width="860" height="860" :style="`transform:

2020-09-10 16:07:54 277

原创 js 数组冒泡排序

js 数组冒泡排序let arr = [1,52,51,151,9,5,24,6,2,21,66,2,8,4,5,21,27,7,74,47,27,85,52,1,5,55,4] let len = arr.length; for(let i=0; i<len; i++){ for(let j=0; j<len; j++){ if(arr[i] < arr[j]){

2020-09-10 14:38:07 74

原创 js中 sort排序出错的处理

js中 sort排序出错的处理在开发过程中常会用到js排序的方法，在用sort排序时数果是数字排序会出现不是正常大小排序。如果没有指定比较方法时，元素会按照转换为的字符串的诸个字符的Unicode位点进行排序。例如当数字按由小到大排序时，151 出现在 2 之前，但因为（没有指明比较的方法），比较的数字会先被转换为字符串，所以在Unicode顺序上151要比 2 要靠前。let arr = [151,0,5,2,58,5,85,5,54,87,19,9,2,1,35,89,6,47,1,1,3,56,9

2020-09-09 17:00:23 1103

原创原生js判断点击元素外隐藏，防止点击子元素也隐藏

<img src="../img/index/warning.png" id="home_drop_warning" alt="" @click="()=>{dropBox=true}"><div class="home_drop_box" id="home_drop_box" v-if='dropBox'> </div>document.addEventListener('click',(e)=>{ // console.log(e)

2020-08-28 11:55:46 538

原创 js 下翻倒计时

js下翻倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>下翻倒计时</title></head><body> <div class="clock" id="clock"> <div class="flip down">

2020-07-08 14:19:29 127

原创 react 不相联的组件之前通信

react 不相联的组件之前通信因为在遇到这个坑之前，页面做了布局，所以只拿其中的一部分代码实例，为了方便，需要建一个管道，把需要通信的组件连接在一起，实现组件通信这里需要用到nodejs中的evnets模块没有的需要安装 npm install events --save1.新建一个poster.js文件,引入events模块代码如下import EventEmitter from...

2020-03-12 18:31:00 146

原创 React多级路由 React子路由

React多级路由 React子路由设置新建一个Home.jsx文件和Home.css文件 css文件内容就不写了 Home 文件内容如下为了解决点击Link时，路由变化而子路由页面未变化，所以需要在窗口中加入key属性。import "./Home.css"import React,{ Component } from "react";import { BrowserRouter...

2020-03-10 16:04:07 3119

原创 React修改端口号和关闭自动启动浏览器

当我们执行npm start命令的时候，我们想要关闭自动开启浏览器，那么只需要在set BROWSER=none参数，具体在package.json文件里面设置，如果需要设置项目启动端口号需添加 set PORT=8360 配置文件内容如下：“scripts”: {“start”: “set BROWSER=none&&set PORT=8360&&react-...

2020-03-09 15:41:35 2998

原创 vue3.0 路由打包后tomcat中 history 刷新出现404错误

vue3.0打包后tomcat中 history 刷新出现404Tomcat 配置Vue history模式在使用 Tomcat 部署Vue项目时 , 刷新项目出现404的异常。原因是 Vue使用了history模式 , 而tomcat没有相关配置。1.在打包后的Vue项目文件夹中添加文件夹 WEB-INF , 在此文件夹中添加文件: web.xml2.web.xml中添加&l...

2020-02-23 20:41:41 591

原创 vue 3.0 4.0 配置@ 相对路径

vue 3.0 4.0 配置@ 相对路径在根目录下添加’vue.config.js’const path = require(‘path’);//引入path模块function resolve(dir){return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径}module.exports={chainWebpack:(...

2020-01-22 10:50:19 2300 1

原创 Gojs鼠标移入改变连线的样式

Gojs鼠标移入改变连线的样式gojs鼠标移入连线时改变连线样式首先是添加线的移入事件。如：diagram.linkTemplate = $g(go.Link,//go.Link, { curve: go.Link.Bezier }, // Bezier curve { mouseEnter:linkMouseEnter },...

2019-03-11 14:28:50 2588 1

原创 js 利用websocket 做即时通信

WebSocket的定义WebSocket是html5提供的一种在单个TCP连接上进行双向通信的协议，解决了客户端和服务端之间的实时通信问题。浏览器和服务器只需完成一次握手，两者之间就可以创建一个持久性的TCP连接，此后服务器和客户端通过此TCP连接进行双向实时通信。1、创建一个socket.js文件，用于多个地方调。const URL = "ws://ws.xxxxxx.com:2000"function SocketTask() { //socket连接状态 let socket

2021-11-29 17:43:54 2831

原创 Moment js获取今日、昨天、这周、上周、本月、上月方法

import moment from "moment"//日期类型const DATE_CATEGORY = { today: 'today', yesterday: 'yesterday', week: 'week', lastWeek: 'lastWeek', month: 'month', lastMonth: 'lastMonth',}//开始时间let start = ''//结束时间let end = ''let handle

2021-11-23 14:47:36 4181

原创 js拖拽画块

js 原生拖拽画块<!DOCTYPE html><html><head><meta charset= "utf-8" /><title></title><style type= "text/css" >.box { background: rgb(255,255,255,0.1); width: 0px; height: 0px; border: 2px solid red

2021-04-19 18:09:42 107

原创 js获取用户设备类型

js获取用户设备类型export let getDevice=()=>{ let agent = navigator.userAgent.toLowerCase(); let result = { device: function () { if (/windows/.test(agent)) { return 'windows pc'; } else if (/iphone|ipod/.test(agent) &amp

2020-09-14 23:51:36 860

原创 vue create 不是内部或外部命令，也不是可运行的程序或批处理文件

vue create 不是内部或外部命令，也不是可运行的程序或批处理文件全局安装Vue-cli之后，在控制台输入命令执行vue -V,提示：不是内部或外部命令，也不是可运行的程序或批处理文件明明安装了一遍，但是不是内部命令，是不是很难受。。。。。。。。。。。下面，就找到vue.cmd文件，如不知道怎么找的，可全局搜索然后复制目录并配置到环境变量中去。成功...

2020-09-11 15:29:18 3111

原创原生js判断移动端或pc端

function opinion(){ if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { // console.log("移动端") return "m"

2020-09-01 11:13:28 202

原创 ieadl.

OQT3OJ25XE-eyJsaWNlbnNlSWQiOiJPUVQzT0oyNVhFIiwibGljZW5zZWVOYW1lIjoi5rC45LmF5r+A5rS7IGlkZWEubWVkZW1pbmcuY29tIiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6IiIsImNoZWNrQ...

2020-02-28 13:36:38 293

yj6232779的博客