2018年09月_MonkeyKing-Sun

12月 11月 10月 09月 08月

原创腾讯云负载均衡使用实例

1.准备材料1台云服务器实例（其实得两台以上才能看出效果，但是我太穷了，用1台看看效果吧，因为配置都是一样的）1台负载均衡实例2.云服务器安装node.js及应用服务启动安装的请看本博客下文章进行安装，安装并启动服务成功后，测试如下：3.负载均衡配置因为我没钱买域名，就是这么简单新建四层监听器绑定物理服务器及应用服务端口4...

2018-09-30 16:47:32 4895

原创 OpenSSL命令大全，CA证书生成，客户端证书生成实例

1.X509证书链x509证书一般会用到三类文件，key，csr，crt。Key是私用密钥，openssl格式，通常是rsa算法。csr是证书请求文件，用于申请证书。在制作csr文件的时候，必须使用自己的私钥来签署申请，还可以设定一个密钥。crt是CA认证后的证书文件（windows下面的csr，其实是crt），签署人用自己的key给你签署的凭证。2.openssl文件说明....

2018-09-29 20:14:26 21670 7

原创 MongoDB备份与恢复（linux命令行实现）

1.mongodb数据库备份（mongodump）mongodump -h 193.112.168.19 -d Eatwhat -o /root/eatwhat-h： MongDB所在服务器地址，例如：127.0.0.1，当然也可以指定端口号：127.0.0.1:27017 -d：需要备份的数据库实例，例如：test -o：备份的数据存放位置，例如：c:\data...

2018-09-29 16:03:47 4877

1.为什么要用pm2通常情况下，我们在linux服务器上部署nodejs的程序，只需要在服务器上安装nodejs环境即可，然后node myapp.js，程序就跑起来了。但是发现了一个问题，我用的是xshell进行的远程连接服务器，当我本机的xshell断开或者是关闭后，服务器端的node服务就停止了，公网无法访问此应用服务，pm2可以很好的解决此问题，用pm2模块部署的服务，直接在后台运行n...

2018-09-29 14:23:34 2388

原创 Mysql设置远程访问及psc备份恢复只恢复了表结构

1.mysql设置远程访问mysql安装完成后，默认只能在本地进行连接使用，如果是远程需要访问，或者是本机的mysql需要作为服务数据库使用，那么就需要使用远程访问。（工具navicat,使用命令行也是一样的，需要自行登录并use mysql）选中mysql数据库，执行查询语句update user set host = '%' where user = 'root'; selec...

2018-09-28 15:29:05 1066 1

原创 MongoDB增加字段（key）,删除字段（key）

1.删除字段（value）：db.getCollection('userinfo').update( // query { }, // update { $unset:{'last_time':''} }, // options { "multi" : false,...

2018-09-28 15:11:39 13564

原创 linux下安装node.js,npm,mongoDB开发环境,项目部署实例，远程访问实例

技术栈：Node+Html+MongoDB,实现可远程访问的Web站点，后期扩展为api服务，实现前后端分离1.工具安装xshell,xftp，请先安装并学会如何使用。MongoDB的安装请查看本博客的安装教程文章。2.node.js安装https://nodejs.org/zh-cn/download/current/官网下载node.js最新版本，并使用xftp上...

2018-09-27 16:26:43 627 1

原创 Node验证码模块

1.Node.js svg captcha 验证码模块 https://www.npmjs.com/package/svg-captchanpm install --save svg-captcha --save/验证码router.get('/code', async (ctx)=>{ //运算验证码 var captcha = sv...

2018-09-27 10:46:15 978

原创获取input中的值

1.获取input中的值，通过id或者是name:电话：<input id="phone" name="mobile" type="number">function(){ var mobi = $("#phone").val(); var mobi = $('input[name="mobile"]').val();}...

2018-09-27 10:44:28 18560

原创 Node.js-Koa中的算法

1.MD5加载模块npm install md5 --savemd5('123456');

2018-09-26 23:07:47 344

原创页面调试常用技巧

1.查看html页面引入的文件路径是否正确（open in new web）html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesh...

2018-09-25 17:00:54 760

原创 Node.js（windows系统）:ExperimentalWarning: The fs.promises API is experimental

1.Node.js（windows系统）:ExperimentalWarning: The fs.promises API is experimental根本原因是node的版本不是最新的，而在项目引入的模块是最新的，node.js的版本低于模块的版本：解决方法是升级npm,node.js：npm install npm@latest -ghttps://nodejs.org/zh...

2018-09-25 16:47:54 42839

原创 Nodejs操作MongoDB数据库增删改查及性能测试

1.Node.js操作MongoDB数据的步骤官方文档：http://mongodb.github.io/node-mongodb-native/3.1/quick-start/quick-start/安装MongoDBmkdir koaMongodbcd koaMongodbnpm initnpm install mongodb --save引入MongoDB下面的Mon...

2018-09-17 15:55:12 4586

原创 Node.js中Es6中的单例模式

1.一般情况下，我们是每次调用一个构造函数，构造函数及相关被调用的函数都会执行一次。及调用N次，构造函数及相关函数都会执行N次，这样就会对服务器和底层数据库的性能造成浪费。class Db { //构造函数方法 constructor(){ console.log("实例化会触发构造函数"); } connect(){ con...

2018-09-17 10:09:09 3571

原创 MongoDB可视化工具MongoDB Compass的增删改查基本使用教程

1.新建数据库2.新建集合（表）3.删除集合，删除数据库4.新增数据5.删除数据6.修改数据7.查询数据

2018-09-14 18:15:01 35653 9

原创 CentOS下安装MongoDB，可视化工具远程连接Robomongo,MongoDB Compass

1.MongoDBMongoDB 是由C++语言编写的，是一个基于分布式文件存储的开源数据库系统。在高负载的情况下，添加更多的节点，可以保证服务器性能。 MongoDB 旨在为WEB应用提供可扩展的高性能数据存储解决方案。 MongoDB 将数据存储为一个文档，数据结构由键值(key=>value)对组成。MongoDB 文档类似于 JSON 对象。2.CentOS7安装Mogo...

2018-09-14 16:11:36 5565

原创 Visual Studio Code与JetBrains WebStorm的运行使用

1.JetBrains WebStorm先说这个工具，因为使用简单，傻瓜式安装后，在html页面直接运行即可进行查看页面效果。2.Visual Studio Code这个使用较为复杂一点点，因为它的运行是需要node.js的环境支持，没有安装node.js的先自行安装nodejs.在控制台中运行以下命令1.切换到node.js目录cd /d C:\Progra...

2018-09-14 15:10:03 21592

原创 MongoDB与Mysql区别

1.MongoDB与Mysql基本概念MongoDB是NoSQL（not only sql）,非关系型数据库，支持的查询语言非常强大Mysql是关系型数据库2.什么时候建议使用NoSQL对数据库高并发读写的需求对海量数据的高效率存储和访问的需求对数据库的高可扩展性和高可用性的需求3.SQL数据库和NoSQL数据库结构对比3....

2018-09-12 15:51:44 1530

原创 Node.js + Koa2环境搭建

1.安装koa并测试npm install koa --savevar koa = require("koa");var app = new koa();app.use(async(ctx)=>{ ctx.body = "hello koa2.x";});app.listen(3000);

2018-09-12 15:01:42 1600 1

原创 ssm

GroupID是项目组织唯一的标识符，实际对应JAVA的包的结构，是main目录里java的目录结构。ArtifactID就是项目的唯一的标识符，实际对应项目的名称，就是项目根目录的名称。一般GroupID就是填com.leafive.test这样子。...

2018-09-11 18:25:02 285

原创 CSS样式属性参考手册

CSS3 动画属性（Animation）属性描述 CSS @keyframes 规定动画。 3 animation 所有动画属性的简写属性，除了 animation-play-state 属性。 3 animation-name 规定 @keyframes 动画的名称。 3 animation-duration 规定动画完...

2018-09-07 14:24:48 385

原创 Vue.js学习（14）- vue.js项目实战：Http数据请求和路由实现新闻列表页面和新闻详情数据渲染

1.浏览器查看手机模式页面2.页面适配 index.html <head> <meta charset="utf-8"> <title>vuedemo02</title> <meta name="viewport" content="width=device-width,minimum-scale=...

2018-09-07 14:12:36 3201 2

原创 Html 常用标签属性

1.<img>属性值描述 align top bottom middle left right HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的文本来排列图像。 alt text 规定图像的替代文本。 border pixels HTML5 不支持。HTML 4.01 已废弃...

2018-09-07 14:06:32 1446

原创 Vue.js学习（13）-动态路由 ,Get传值

1.动态路由设置配置动态路由（加入路由是Content）main.jsimport Content from "./components/Content.vue";{ path: "/content/:aid",component:Content },/* 动态路由*/{ path: "/content",component:Content },/* 动态路由 get方式*/...

2018-09-06 18:21:21 852

原创 Vue.js学习（12）-Vue中的路由 vue-router

1.路由安装及配置安装npm install vue-router --save / cnpm install vue-router --save引入并Vue.use(VueRouter) (main.js)import VueResource from 'vue-router'Vue.use(VueRouter);路由配置1.创建组件引入组件import H...

2018-09-06 17:14:13 339

原创 Vue.js学习（11）-父子组件传值，传方法

1.父组件给子组件传值步骤父组件调用子组件的时候，绑定动态属性在子组件通过props接收父组件传过来的数据2.实现实例Header.vue<template> <div> <br> <h2 class="header">我是头部组件-------{{title}}-------{{homemsg}}...

2018-09-06 15:23:07 312

原创系统架构

1.Koa

2018-09-06 14:43:35 262

原创 Vue.js学习（10）-Vue.js通过Http请求数据 axios/fetch-json

1.axios使用步骤初始化，引用，使用https://github.com/axios/axiosnpm install axios --save2.通过axios请求数据实例<template> <div> <br> <h2>{{msg}}</h2> <hr&g...

2018-09-06 10:53:44 1484

原创 Vue.js学习（9）-Vue.js通过Http请求数据 vue-resource

1.请求数据的模块vue-resource https://github.com/pagekit/vue-resource vue-resource 是官方提供的vue的一个插件 axios fetch-json2.模块初始化npm install vue-resource --save3.基本语法// 传统写法this.$http.get('/...

2018-09-06 10:11:14 8590

原创 Vue.js学习（8）-生命周期函数

1.生命周期函数生命周期函数也叫生命周期钩子，是组件创建，组件销毁，组件更新时执行的方法，一共有8个，常用的是mounted，destroyedbeforeCreate(){ console.log("实例创建前"); }, created(){ console.log("实例已创建"); }, beforeMount(){ ...

2018-09-06 09:27:55 1332

原创 Vue.js学习（7）-组件创建，注册，使用

1.组件的构成和基本使用组件的基本构成组件的使用有三步：1.引用组件 import Header from "./Header.vue"; 2.挂载组件 components:{ "v-header":Header } 3.在模板中使用组件<v-header></v-heade...

2018-09-05 19:17:49 317

原创 Vue.js学习（6）-Vue模块化，封装Storage组件实现保存搜索的历史记录

1.使用Storage缓存页面数据刷新页面后，之前操作的重要数据可以缓存到内存中，下次可以直接显示或者是使用将数据进行缓存：localStorage.setItem("list",JSON.stringify(this.list));将缓存数据取出：var list=JSON.parse(localStorage.getItem("list"));生命周期函数：mounted()...

2018-09-05 17:18:17 2074

原创 Vue.js学习（5）-双向数据绑定实现todolist

<template> <div id="app"> <h2>你好---{{msg}}</h2> <input type="text" v-model="msg"> <br> <hr> <br> <input type="text" v-model=...

2018-09-05 16:22:03 371

原创 Vue.js学习（4）-双向数据绑定和vue事件

1.MVVM与MVCMVC 即 Model-View-Controller 的缩写，就是模型-视图-控制器, 也就是说一个标准的Web 应用程序是由这三部分组成的： View用来把数据以某种方式呈现给用户。Model其实就是数据。Controller接收并处理来自用户的请求，并将 Model 返回给用户。开发者在代码中大量调用相同的 DOM API, 处理繁琐 ...

2018-09-05 15:15:14 373

原创 Vue.js学习（3）-页面数据渲染及绑定（属性，class,html,style）

1.vue循环渲染数据及v-for循环实现 v-for<br> 在html中代表插入换行符<hr> 在html中代表一条水平线<template> <div id="app"> <h2>你好---{{msg}}</h2> <br> <h2>{{obj.name}}&...

2018-09-05 11:04:40 2921

原创 Vue.js学习（2）-Vue目录结构

1.目录文件结构说明*.vue 组件文件：template:页面渲染 script业务逻辑 style 样式2.修改初始化文件，查看效果F:\test\vuedemo\src\components\HelloWorld.vue<template> <div class ="hello">...

2018-09-04 13:46:30 397

原创 Vue.js学习（1）-vue安装，环境搭建，cnpm

1.安装Node.js,npm具体过程不啰嗦，看我的Node.js环境搭建2.安装Vue开发环境vue-cli即vue命令行工具，这里常说的脚手架我们理解为命令行即可。//安装webpacknpm install webpack -g//安装vue脚手架npm install -g vue-cli//测试vue是否安装成功vue3.新建VUE项目并运行...

2018-09-04 10:47:39 531 5

原创 Node.js学习（15）-Cookie

1.CookieNode.js中可以使用中间件获取客户端的Cookie信息。"use strict";var express = require("express");var cookieParser = require("cookie-parser");var util = require("util");var app = express();app.use(cooki...

2018-09-03 22:36:36 371

原创 Node.js学习（14）-Express的GET，POST，Multer文件上传

1.GET和POST的区别2.GET实例3.POST实例4.Express的multer模块实现文件上传在项目文件夹下建立存储文件的文件夹 upload/5.代码实现视图层 index.html<!DOCTYPE html><html lang="en"><head> <meta chars...

2018-09-03 17:54:44 1141 1

原创 Node.js学习（13）- Express静态文件托管

1.通过 Express 内置的express.static可以方便地托管静态文件，例如图片、CSS、JavaScript 文件等。将静态资源文件所在的目录作为参数传递给express.static中间件就可以提供静态资源文件的访问了。例如，假设在public目录放置了图片、CSS 和 JavaScript 文件，你就可以：2.Express托管静态文件实例创建一个expr...

2018-09-03 14:41:35 1962