VUE/Angular/Node
关注
分享
扫一扫
MonkeyKing-Sun
这个作者很懒，什么都没留下…
展开
-
js自动点击onclick js自动触发onclick事件
<script type="text/javascript">// 两秒后模拟点击setTimeout(function() { // IE if(document.all) { document.getElementById("clickMe").click(); } // 其它浏览器 else { var...原创 2019-10-30 15:09:25 · 3998 阅读 · 0 评论 -
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 · 1501 阅读 · 0 评论 -
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 · 397 阅读 · 0 评论 -
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 · 1195 阅读 · 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 · 2017 阅读 · 0 评论 -
Node.js学习（12）-Express基本路由（Routing）
1.request和response对象的具体介绍：Request 对象- request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容，HTTP 头部等属性。常见属性有：req.app：当callback为外部文件时，用req.app访问express的实例 req.baseUrl：获取路由当前安装的URL路径 req.body / req.cookies：获得...原创 2018-09-03 11:21:43 · 502 阅读 · 0 评论 -
Node.js学习（11） - Express应用生成器
1.下载安装模块npm install express-generator -g2.应用生成cd /d F:\testexpress myapp3.安装依赖包cd myappnpm install4.启动应用set DEBUG=myapp & npm start//（Windows）DEBUG=myapp npm start//(Linux,Mac...原创 2018-09-03 10:01:59 · 299 阅读 · 0 评论 -
Node.js学习（10）- Express安装及实例
1.express安装npm install express2.代码实现测试示例var express = require('express');var app = express();app.get('/', function (req, res) { res.send('Hello World!');});var server = app.liste...原创 2018-08-31 17:53:28 · 368 阅读 · 0 评论 -
Node.js学习（9）- mysql增删改查
1.创建数据库nodetest创建表写入一些数据，参考以下示例sql语句/*Navicat MySQL Data TransferSource Server : Source Server Version : 50528Source Host : localhost:3306Source Database : nodetestT...原创 2018-08-31 16:49:56 · 405 阅读 · 0 评论 -
Node.js学习（8）- 密钥算法模块crypto
1.MD5算法MD5是一种摘要算法，用于校验内容是否被修改。2.SHAmd5是哈希算法的一种，哈希算法还有sha1,sha256,sha5123.Hmachmac也是一种哈希算法，但是它需要密钥4.AESaes被称为是下一代对称密钥算法（DES），对称算法就是加解密的秘钥都是一样都，过程可逆。5.Diffie-HellmanDiffie-Hellman是一种密钥...原创 2018-08-30 16:33:22 · 2407 阅读 · 0 评论 -
Node.js学习（7）- HTTP协议模块http,url,path，构建HTTP服务器，文件服务器
1.http模块（构建HTTP服务器）HTTP协议如果是重新开发几乎是不可能的，需要处理tcp协议，解析HTTP等等。这些工作node.js中的http模块以及完成了封装，我们编写程序只需要使用就可以了。request对象封装了HTTP请求，我们调用request对象的属性和方法就可以拿到所有HTTP请求的信息；response对象封装了HTTP响应，我们操作response对象的方法...原创 2018-08-29 18:53:17 · 991 阅读 · 0 评论 -
Node.js学习（6）- 数据流模块stream
1.stream是Node.js在服务端的模块，用于支持流数据结构。 stream是一种对象，对对象的处理就是响应事件，而js本身就是事件驱动：data事件表示流的数据已经可以读取了，end事件表示这个流已经到末尾了，没有数据可以读取了，error事件表示出错了。"use strict";var fs = require("fs");//所有可以读取数据的流都继承自 stream...原创 2018-08-29 16:31:18 · 503 阅读 · 0 评论 -
Node.js学习（5）- 文件系统模块fs
1.Node.js文件系统模块fsfs是node.js的文件系统模块，负责node.js中文件的读写，同时支持同步和异步。"use strict";var fs = require("fs");//异步读文件，正常读取时err为null，data为读取到的stringfs.readFile("sample.txt","utf-8",function (err,data) { ...原创 2018-08-29 11:35:54 · 343 阅读 · 0 评论 -
Node.js学习（4）-基本模块
1.老规矩，先上代码和运行结果test.js/*在程序下一轮事件循环中调用*/process.nextTick(function () { console.log("nextTick callback!");});console.log("nextTick was set!");/*程序即将退出时的回调函数*/process.on("exit",function (...原创 2018-08-28 18:45:15 · 304 阅读 · 0 评论 -
Node.js学习（3）-Nodejs模块的定义及调用实例
1.先看实现的效果hello.js'use strict';var s = "hello";function greet(name){ console.log(s + "," + name + "!");}module.exports = greet;main.js'use strict';//引入hello模块var greet = require...原创 2018-08-28 18:00:57 · 490 阅读 · 0 评论 -
Node.js学习（2）-第一个Node.js程序Hello world
1.新建js文件使用WebStorm打开一个新目录（例如 F:\test\nodejs），新建一个javascript文件（hello.js），敲代码如下'use strict';console.log("hello, world");'use strict';表示以严格模式运行JavaScript代码。2.切换到hello.js目录并运行hello.jscmd&g...原创 2018-08-28 16:30:22 · 451 阅读 · 0 评论 -
Node.js学习（1）-初识Node.js
1.Node.js安装及环境配置网上教程太多了，就不啰嗦了。注意以下两点：软件版本不是越新越好，新版本特性多但是bug也多，这都是相对的，如果是开发不建议安装最新的版本。 CMD运行时请使用管理员身份运行，不要问为什么了，很多安装及运行错误都是权限不够，作为一个开发人员，这是一个基本素养。https://www.cnblogs.com/zhouyu2017/p/6485265.html...原创 2018-08-28 15:52:14 · 389 阅读 · 0 评论 -
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 · 355 阅读 · 0 评论 -
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 · 8629 阅读 · 0 评论 -
Vue.js学习（8）-生命周期函数
1.生命周期函数生命周期函数也叫生命周期钩子，是组件创建，组件销毁，组件更新时执行的方法，一共有8个，常用的是mounted，destroyedbeforeCreate(){ console.log("实例创建前"); }, created(){ console.log("实例已创建"); }, beforeMount(){ ...原创 2018-09-06 09:27:55 · 1361 阅读 · 0 评论 -
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 · 332 阅读 · 0 评论 -
VUE前端工程打包部署，Nginx做服务器进行代理访问
1.vue前端工程打包cd projectNamecnpm run build执行成功后，在项目中会生成一个文件夹dist，此文件夹里面的内容就是打包好的部署内容包将打包好的内容上传到服务器 /usr/data/www/dist2.Nginx配置cd /usr/local/nginxvim nginx.conf3.重启Nginx服务，测试是否实现代...原创 2019-01-30 15:26:44 · 5068 阅读 · 1 评论 -
nodejs常用语法及功能
1.获取时间new Date()new Date().toLocaleString()示例：2018-10-23 10:01:08.2552.路由跳转redirect:ctx.state.__HOST__+'/admin/manager/add',3.页面跳转await ctx.render('admin/articlecate/add',{ ca...原创 2018-10-23 10:22:40 · 2087 阅读 · 0 评论 -
pm2入门级实操指南（安装+部署项目）
1.为什么要用pm2通常情况下，我们在linux服务器上部署nodejs的程序，只需要在服务器上安装nodejs环境即可，然后node myapp.js，程序就跑起来了。但是发现了一个问题，我用的是xshell进行的远程连接服务器，当我本机的xshell断开或者是关闭后，服务器端的node服务就停止了，公网无法访问此应用服务，pm2可以很好的解决此问题，用pm2模块部署的服务，直接在后台运行n...原创 2018-09-29 14:23:34 · 2625 阅读 · 0 评论 -
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 · 1021 阅读 · 0 评论 -
Node.js-Koa中的算法
1.MD5加载模块npm install md5 --savemd5('123456');原创 2018-09-26 23:07:47 · 367 阅读 · 0 评论 -
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 · 4629 阅读 · 0 评论 -
Node.js中Es6中的单例模式
1.一般情况下，我们是每次调用一个构造函数，构造函数及相关被调用的函数都会执行一次。及调用N次，构造函数及相关函数都会执行N次，这样就会对服务器和底层数据库的性能造成浪费。class Db { //构造函数方法 constructor(){ console.log("实例化会触发构造函数"); } connect(){ con...原创 2018-09-17 10:09:09 · 3630 阅读 · 0 评论 -
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 · 1639 阅读 · 1 评论 -
Vue.js学习（11）-父子组件传值，传方法
1.父组件给子组件传值步骤 父组件调用子组件的时候，绑定动态属性 在子组件通过props接收父组件传过来的数据2.实现实例Header.vue<template> <div> <br> <h2 class="header">我是头部组件-------{{title}}-------{{homemsg}}...原创 2018-09-06 15:23:07 · 324 阅读 · 0 评论 -
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 · 891 阅读 · 0 评论 -
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 · 3262 阅读 · 2 评论 -
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 · 546 阅读 · 5 评论 -
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 · 423 阅读 · 0 评论 -
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 · 2960 阅读 · 0 评论 -
Vue.js学习（4）-双向数据绑定和vue事件
1.MVVM与MVCMVC 即 Model-View-Controller 的缩写，就是模型-视图-控制器, 也就是说一个标准的Web 应用程序是由这三部分组成的： View用来把数据以某种方式呈现给用户。Model其实就是数据。Controller接收并处理来自用户的请求，并将 Model 返回给用户。开发者在代码中大量调用相同的 DOM API, 处理繁琐 ...原创 2018-09-05 15:15:14 · 398 阅读 · 0 评论 -
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 · 394 阅读 · 0 评论 -
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 · 2102 阅读 · 0 评论 -
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 · 43153 阅读 · 0 评论