- 博客(20)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
798
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 js调用微信利用二维码扫码登录
js调用微信利用二维码扫码登录准备工作网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。 在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的AppID和AppSecret,申请微信登录且通过审核后,可开始接入流程授权流程说明微信OAuth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站,在微信用户授权登录已接入微信OAuth2.0的第三方应用后,第三方可以获取到用户的接口调用凭证(ac
2020-09-11 11:11:36
5196
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 原生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
330
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
83
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
1128
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 原生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
559
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
135
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 react 不相联的组件之前通信
react 不相联的组件之前通信因为在遇到这个坑之前,页面做了布局,所以只拿其中的一部分代码实例,为了方便,需要建一个管道,把需要通信的组件连接在一起,实现组件通信这里需要用到nodejs中的evnets模块 没有的需要安装 npm install events --save1.新建一个poster.js文件,引入events模块 代码如下import EventEmitter from...
2020-03-12 18:31:00
157
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
3142
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
3037
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
624
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
2342
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Gojs鼠标移入改变连线的样式
Gojs鼠标移入改变连线的样式gojs鼠标移入连线时改变连线样式首先是添加线的移入事件。如:diagram.linkTemplate = $g(go.Link,//go.Link, { curve: go.Link.Bezier }, // Bezier curve { mouseEnter:linkMouseEnter },...
2019-03-11 14:28:50
2644
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
2873
原创 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
4320
原创 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
119
原创 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) &
2020-09-14 23:51:36
876
原创 vue create 不是内部或外部命令,也不是可运行的程序或批处理文件
vue create 不是内部或外部命令,也不是可运行的程序或批处理文件全局安装Vue-cli之后,在控制台输入命令执行vue -V,提示:不是内部或外部命令,也不是可运行的程序或批处理文件明明安装了一遍,但是不是内部命令,是不是很难受。。。。。。。。。。。下面,就找到vue.cmd文件,如不知道怎么找的,可全局搜索然后复制目录并配置到环境变量中去。成功...
2020-09-11 15:29:18
3447
原创 原生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
219
原创 ieadl.
OQT3OJ25XE-eyJsaWNlbnNlSWQiOiJPUVQzT0oyNVhFIiwibGljZW5zZWVOYW1lIjoi5rC45LmF5r+A5rS7IGlkZWEubWVkZW1pbmcuY29tIiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6IiIsImNoZWNrQ...
2020-02-28 13:36:38
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人