Ariutaiaa_olc-CSDN博客

转载 canvas画布内实现小球的随机移动

引用原文章：原文链接效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> canvas { border:1px solid #daf; } </style>&lt...

2020-10-19 10:42:49 784

#include <iostream>//#include "String.h"using namespace std;class Shape {public: virtual double Area() const { return 0; }; void Display() { cout << Area() << endl; };};class Spuare:public Shape {public: Spuare(double .

2020-09-03 11:03:43 188

原创使用pm2拉取github分支进行热部署线上

新建一个文件为命名ecosystem.json{ "apps":[ { "name": "demo", "script": "index.js", "env": { "COMMON_VARIABLE": "true" }, "env_production": { "NODE_ENV": "production" } } ], "deploy": { "produc

2020-08-24 15:20:15 383

原创 Vue 自定义样式的上传照片前后端

除了弹出提醒使用是element框架，其他的自定义效果图：前端部分<template> <div> <div class="A-AngImgAdd"> <div class="title">请上传详细照片</div> <div class="ico">注：每张照片大小不能超过20M，且最多四张照片</div> .

2020-07-21 14:51:43 485

原创 vue 使用wangeditor 富文本

<template> <div class='clearfix'>  <input type="text" class='title' placeholder="请输入标题" />  <div id="websiteEditorElem" .

2020-06-04 15:19:14 334

原创原生JS实现弹幕效果 demo

<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>原生JS实现弹幕效果</title> <style> #wrapper { height: 400px; width: 700px; position: relative; .

2020-06-03 09:03:12 194

原创 vue echarts初步使用折线图

安装echartsnpm i echarts -s全局引入import echarts from 'echarts'Vue.prototype.$echarts = echarts在组件中使用 <div id="myChart"></div> let myChart = this.$echarts.init(document.getElementById('myChart')); Total_.

2020-06-01 13:19:25 214

原创 java算法冒泡排序

public class demo { public static void main(String[] args) { int[] a = { 34, 53, 12, 32, 56, 17 }; System.out.println(a); for (int n:a){ System.out.print(n+" "); } System.out.println(); int ..

2020-06-01 13:13:42 105

原创实现node开发的热加载

先依赖nodemon ，然后在package.json设置一下即可npm install nodemon --save{ "name": "server", "version": "0.0.0", "private": true, "scripts": { "start": "nodemon ./bin/www" },}最后运行 npm run start

2020-05-25 16:24:48 266

原创鼠标按下以及松开事件，实现容器在网页移动任意位置

<template> <div class="main"> <div class="mainf" v-bind:style="main_block" @mousedown="sum_block_ON"></div> </div></template><script> export default { data() { return{ main_block:'' } .

2020-05-25 16:06:58 692

原创 JavaScript基础算法：入栈与出栈理解原型链

// function sortNumber(a,b) // { // return a - b // } // // var arr = new Array(6) // arr[0] = "10" // arr[1] = "5" // arr[2] = "40" // arr[3] = "25" // arr[4] = "1000" // arr[5] = "1" // // docume...

2020-05-18 22:08:40 170

原创 vue 父级调用子级组件方法

贴上学习的源码~，若不懂可以百度自行理解父级<template> <div class="home"> <HelloWorld msg="hello" name="xiaopam" ref="myname" @fatherMethod="fatherMethodOther" :father="fatherMet" />  <game ref="mygame" @myg

2020-05-18 22:05:31 3746

原创 JavaScript基础算法：去重数组转换数组

var arr=['12','32','89','12','12','78','12','32'];// 最简单数组去重法function unique1(array){ var n = []; //一个新的临时数组 for(var i = 0; i < array.length; i++){ //遍历当前数组 if (n.indexOf(array[i]) == -1) n.push(array[i]); } return n;}function uni

2020-05-18 21:59:55 161

原创 JavaScript基础算法：中奖奖池设定概率

let buffer = ['一等奖','二等奖','三等奖','四等奖','五等奖']; // 奖池 let buff_probability = [0.1, 0.3, 0.5, 0.7, 0.9]; // 概率 for (var i=0;i<100;i++){ console.log( randomProbability(buffer, buff_probability )); } function randomProbability(ar...

2020-05-18 21:58:36 719 1

原创 JavaScript基础算法：二叉树插入数据、前中后序遍历查找最小值和最大值、给定值

// 定义BST类 Node类function Node(data, left, right) { this.data = data; this.left = left; this.right = right; this.show = show;}function show() { return this.data;}function BST() { this.root = null; this.insert = insert; this.inOrder =.

2020-05-18 21:56:33 182

原创 JavaScript基础算法：倒转数组、递归

//递归function factorial(number) { if (number == 1) { return number; } else { return number * factorial(number - 1); }}console.log(factorial(5));//将数组顺序倒转var nums = [1, 2, 3, 4, 5, 6];nums.reverse();console.log(nums);...

2020-05-18 21:54:45 196

原创 JavaScript基础算法：链表

//节点 function Node(element) { this.element = element; //当前节点的元素 this.next = null; //下一个节点链接 } //链表类 function LList () { this.head = new Node( 'head' ); //头节点 this.find = find; //查...

2020-05-18 21:53:50 116

原创 Vue data数据拿数据里面的参数

在@click里面只需要加上item，可以拿到数据参数 <div v-for="item in data"> <p>{{item.name}}</p> <a @click="bin(data)">这是按钮</a> </div>...

2020-02-18 20:18:46 945

原创 Node puppeteer cheerio爬虫解析Html代码

const puppeteer = require('puppeteer'); const cheerio = require('cheerio');(async () => { const browser = await puppeteer.launch({ //启动浏览器 headless: false }); con...

2020-02-18 20:13:16 1146

原创 Node 爬虫打开网址后解析Html代码

引入cheerio和requestconst cheerio = require('cheerio');var request = require('request');request('网址', function (error, response, body) { let $ = cheerio.load(body); //解析Html代码 })...

2020-02-18 20:08:57 725

原创 linux 配置防火墙放行端口

查看防火墙运行状态firewall-cmd --state放行80端口firewall-cmd --zone=public --add-port=80/tcp --permanent查看所有端口状态 firewall-cmd --list-all停止防火墙systemctl stop firewalld启动防火墙systemctl star...

2020-02-06 09:01:45 1057

原创 JavaScript 经典基本算法

基本功，多加练习练习~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var data=[...

2020-01-11 22:02:04 115

原创 Vue 跳转页面携带参数

方法里面写上这个， this.$router.push( {path: '/路径',query:{ id:'xiaomign' }})点击事件实现跳转并携带参数，在跳转后使用下面代码接受参数this.$route.query.id...

2020-01-09 21:34:35 410

原创 Node 生成验证码图片，并发送前端保存session

先安装后引用npm install --save svg-captchavar express = require('express');var router = express.Router();var svgCaptcha = require('svg-captcha');router.get("/",function(req, res, next){ var cap...

2020-01-07 11:00:31 699

原创 vue 请求get、post

先安装vue-resourcenpm installvue-resource在main.js中引入import Vue from 'vue'import App from './App'import router from './router'import VueResource from 'vue-resource'Vue.config.productionTi...

2020-01-05 21:39:29 177

原创 vue+element 在el-table循环体内按钮获取参数

在循环体中写上，绑定获取参数<template slot-scope="scope">在按钮上函数传入 scope.row 后，通过输出控制台可以发现相关参数输出<el-button type="text" @click="btnrm(scope.row)">删除</el-button>下面是整个示例 <el-table...

2020-01-05 21:31:57 941

原创 vue 子组件怎么向父级使用@bec和this.$emit传递参数示例

这是子组件的<template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </div></template> export default { data...

2020-01-05 21:25:35 144

原创 ECharts渲染地图后获取数据判断生成泡泡图示例

先安装echartsnpm install echarts --save安装完后引入 ECharts// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.i...

2020-01-05 21:18:08 250

原创关于macOS Catalina版本对于mongdb数据库无法连接各种问题

最新版本下载mongdb# 进入 /usr/localcd /usr/local# 下载sudo curl -O https://fastdl.mongodb.org/osx/mongodb-osx-ssl-x86_64-4.0.9.tgz# 解压sudo tar -zxvf mongodb-osx-ssl-x86_64-4.0.9.tgz# 重命名为 mongodb 目...

2020-01-02 12:23:08 343 1

原创 Node+express+multer 解决保存文件路径、获取文件信息、响应编码

先引用fs、multer。let express = require('express');let multer = require('multer');let fs = require('fs');let path = require("path");let router = express.Router();router.post('/', multer({ //设置文...

2019-12-30 17:07:32 2531 3

原创 Node+express+MOngoDB 添加数据

var express = require('express');var router = express.Router();var MongoClient = require('mongodb').MongoClient;var url = "mongodb://localhost:27017/";MongoClient.connect(url, {useNewUrlParse...

2019-12-30 12:19:30 318

原创 Node+MongoDB+express 删除数据

安装MongoDBreq获取数据（get）var express = require('express');var router = express.Router();var MongoClient = require('mongodb').MongoClient;var url = "mongodb://localhost:27017/";MongoClient.conne...

2019-12-30 12:14:09 433

原创 Node+Express跨域问题解决

var createError = require('http-errors');var express = require('express');var path = require('path');var cookieParser = require('cookie-parser');var logger = require('morgan');const consolidat...

2019-12-30 12:05:51 358

原创 Node+connect-multiparty 中间件解析POST请求头，multipart/form-data 图片、文件处理

安装connect-multiparty，实例化req得到请求头数据，res返回数据var express = require('express');var router = express.Router();var multipart = require('connect-multiparty');var multipartMiddleware = multipart();...

2019-12-30 12:03:15 1051

原创 node+express+element选取图片提交上传服务器

注意请求头，若不写，则服务会拒绝<template> <div> <el-upload class="upload-demo" ref="upload" action="http://127.0.0.1:3000/users" accept="image/png,image/gif,image/jpg...

2019-12-30 11:56:19 184

ariutaiaa