OUalen的博客

转载 vue 打印，html2canvas+iframe打印

若打印页面包含第三方图片,html2canvas转图片时会不显示，我的处理方式是将第三方图片转为base64显示。html2canvas：优点不会丢失页面样式。

原创 关于vue查询条件缓存

vue查询条件缓存

原创 正则表达式

JavaScript正则验证

转载 JS树结构操作:查找、遍历、筛选、树结构和列表结构相互转换

JS树结构操作:查找、遍历、筛选、树结构和列表结构相互转换

转载 threejs 部分常用API

【代码】threejs 部分常用API。

原创 vue请求后台接口携带cookie

1、后台接口需要设置：public void ConfigureServices(IServiceCollection services){ services.AddCors(options => { options.AddPolicy("CorsPolicy", builder => { //builder.AllowAnyOrigin()

原创 VUE动态路由加载坑

动态路径不能使用component:() => import(`@${item.component}`)也不能这样正确方式路径前部分必须有固定路径。 @/view/

原创 手写react可拖拽弹窗组件

import React, { useEffect, useRef, useState } from 'react'import { PlusOutlined, FullscreenOutlined, FullscreenExitOutlined,} from "@ant-design/icons";import style from './index.less'const PopModal= (props)=> { let { ...

转载 Javascript获取数组中最大和最小值

取出数组中最大值或最小值是开发中常见的需求，今天继续讲解如何获取javascript数组中最大和最小值。1.排序法首先我们给数组进行排序，可以按照从小到大的顺序来排，排序之后的数组中第一个和最后一个就是我们想要获取的最小值和最大值。排序我们会用到数组的 sort 方法。var arr = [12,56,25,5,82,51,22];arr.sort(function (a, b) { return a-b;}); // [5,12,22,25,51,56]var min =

原创 解决zoom对echarts的影响

解决zoom对echarts的影响，见中第二处代码该代码可能对高度造成莫名其妙的高度问题。于是在charts外部的div设置固定高度即可。见图中第一处样式，改class设置了div的高度。

原创 HighChart Y轴刻度值设置

$(function () { $('#container').highcharts({ title: { text: 'Custom tick positions' }, subtitle: { text: 'through axis.tickPositions and axis.tickPositioner' }, yAxis: { **tickPositioner: function () { var positions = [], tick

原创 初次使用git

第一次使用git提交代码：git status ：查看代码状态，就和svn提交前，能看到修改了那些文件git branch：查看当前分支git add ./ 添加

原创 Oracle创建用户操作

oracle创建用户操作打开命令提示框输入以下内容1.输入：sqlplus /nolog //进入oralce控制台2.输入：conn /as sysdba //以管理员权限登录3.输入：create user abc identified by 123456; //创建用户名adc密码1234564.输入：grant dba to abc; //授予DBA权限...

转载 Windows下安装MySQL详细教程

Windows下安装MySQL详细教程1、安装包下载2、安装教程（1）配置环境变量（2）生成data文件（3）安装MySQL（4）启动服务（5）登录MySQL（6）查询用户密码（7）设置修改用户密码（8）退出3、解决问题1、安装包下载。下载地址：https://dev.mysql.com/downloads/mysql/点击下载之后，可以选择注册Oracle账号，也可以跳过直接下载。下载完成后，选择一个磁盘内放置并解压。2020年2月14日，mysql官网进不去了，好吧

原创 react + nodejs 在线五子棋对战平台

gitee地址：https://gitee.com/alen_ou/Gobang在线对战地址：http://106.52.176.106:8099/核心代码：server.jsvar express = require('express');var app = express();var http = require('http').Server(app);var io = require('socket.io')(http);// var io = require('socket.io')

转载 使用create-react-app创建react项目

一、创建安装 npm install -g create-react-appcreate-react-app my-appcd my-appnpm start环境变量问题 npm init react-app my-app；其他方式 yarn create react-app my-app二、运行启动启动开发npm startoryarn start启动测试npm test#oryarn test构建生产版本npm run build#oryarn bui

原创 highchart 自定义示例图标

legend: { useHTML: true, // 使 legend 自带的 symbol 显示为 none 效果 symbolWidth: 0.001, symbolHeight: 0.001, symbolRadius: 0.001, // 格式化 legend 的 label labelFormatter() { var img = '<img src = ...

原创 C# DateTime.ToString() 含“上午” “下午”导致程序转换时间报错

转载 解决.Net Core3.0 修改cshtml代码之后必须重新生成才可以看到效果

1.安装Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation包2.在Startup中ConfigureServices方法里面加入services.AddMvc().AddRazorRuntimeCompilation();

转载 JavaScript：字符串内字母排序（升序和降序）

var s = "kadfjkajfkhgofqnmvc"; console.log(Array.from(s).sort().join(""));//aacdfffghjjkkkmnoqv console.log(Array.from(s).sort().reverse().join(""));//aacdfffghjjkkkmnoqv

转载 json数组筛选数据

this.listImg.filter((item) => { return item.sid === sid; });

原创 vue验证码倒计时器

&lt;input type="button" v-model="sendBtnTxt" @click="getCode" :disabled="msgBtnDisabled" /&gt;data() { return { sendBtnTxt:'发送验证码' ,//按钮显示内容 msgBtnDisabled:false, //按钮禁用状态 ...

转载 c#及JS计算两经纬度的距离

经纬度计算距离原理 ^ = ^JS代码如下：var radLat1 = rad(lat1);var radLat2 = rad(lat2);var a = radLat1 - radLat2;var b = rad(lng1) - rad(lng2);var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math...