一点一滴

点点滴滴
私信 关注
2b勿扰
码龄3年

专注技术的研究

  • 4,489,577
    被访问量
  • 295
    原创文章
  • 821
    作者排名
  • 57
    粉丝数量
  • 于 2017-11-26 加入CSDN
获得成就
  • 获得275次点赞
  • 内容获得34次评论
  • 获得143次收藏
荣誉勋章
兴趣领域
  • #运维
    #Kubernetes/容器#Linux/CentOS#系统架构#自动化/DevOps
  • #Android
    #Flutter
  • #后端
    #Python#Linux#架构#Redis#MySQL#分布式#c#/.net/asp
  • #前端
    #前端框架#Node.js#JavaScript#CSS#HTTPS#TypeScript#小程序#Flutter#面试#WebPack#XHTML#React.js#ECMAScript 6#Vue.js
  • #测试
    #postman#selenium
  • #iOS
    #React Native#Flutter
  • #人工智能
    #Python
TA的专栏
  • .NET Core3.1实战专题
    20篇
  • (持续更新)angular实战篇
    8篇
  • (持续更新)vue基础篇
    29篇
  • (持续更新)typescript
    7篇
  • (持续更新)angular基础篇
    9篇
  • (持续更新)react实战篇
    1篇
  • (持续更新)react基础篇
    20篇
  • (持续更新)vue实战篇
    10篇
  • node.js
    3篇
  • connect框架
    1篇
  • 前端
    38篇
  • .Net通用工具
    38篇
  • vue
    24篇
  • express框架
    2篇
  • .NET Core3.1  微服务
    8篇
  • C# 知识点
    26篇
  • 其他
    1篇
  • .NET MVC5专题
    16篇
  • 数据库设计
    15篇
  • 小程序
    19篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

(精华2020年6月24日更新)asp.net core3.1实战篇 RabbitMQ的使用三(EasyNetQ的高级用法一)

在.net core控制台安装Install-Package EasyNetQ定义公共消息类namespace Messages{ public class TextMessage { public string Text { get; set; } }}一: 发布者代码using System;using EasyNetQ;using Messages;namespace Publisher{ class Program
原创
9296阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月24日更新)asp.net core3.1实战篇 RabbitMQ的使用二(环境搭建和初步使用)

上篇已经安装完Erlang,继续安装RabbitMQ1. RabbitMQ是啥RabbitMQ是使用Erlang编写的一个开源的消息队列,本身支持很多的协议:AMQP,XMPP, SMTP, STOMP,也正因如此,它非常重量级,更适合于企业级的开发。同时实现了Broker构架,这意味着消息在发送给客户端时先在中心队列排队。对路由,负载均衡或者数据持久化都有很好的支持。它支持开放的高级消息队列协议 (AMQP,Advanced Message Queuing Protocol),从根本上避免了生产厂商
原创
10414阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月24日更新)asp.net core3.1实战篇 RabbitMQ的使用一(安装Erlang)

步骤一:下载erlang下载地址:64位:http://erlang.org/download/otp_win64_20.3.exe32位:http://erlang.org/download/otp_win32_20.3.exe步骤二:安装erlang直接点击exe安装,安装路径自己配的要记住在哪里,最好自己指定一个安装目录,等等会用到。步骤三:配置环境变量配置ERLANG_HOME环境变量,其值指向erlang的安装目录(就是步骤二的路径)。另外将 ;%ERLANG_HOME%\bin 加
原创
10180阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月21日更新)Angular实战篇 ngrx/store状态管理的使用

首先自然是安装相关包yarn add @ngrx/store定义statu.tsexport interface TaskList { id: number; text: string; completed: boolean;}//初始状态export const initCount = 0; //state export const TASKSAll: TaskList[] = [ { id: 1, text: 'C#', completed: false },
原创
12979阅读
0评论
0点赞
发布博客于 8 月前

(精华2020年6月17日更新)asp.net core3.1实战专题 Worker Service构建系统服务实现任务调度

使用vs2019创建Worker Service程序首先nuget安装Microsoft.Extensions.Hosting.Windows在Program中添加UseWindowsService()public class Program { public static void Main(string[] args) { CreateHostBuilder(args).Build().Run(); }
原创
16365阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月14日更新)Angular实战篇 路由懒加载

子模块 article-routing.moduleimport { NgModule } from '@angular/core';import { Routes, RouterModule } from '@angular/router';import {ArticleComponent} from './article.component';import {ArticlelistComponent} from './components/articlelist/articlelist.comp
原创
10789阅读
0评论
2点赞
发布博客于 8 月前

(精华2020年6月11日更新)Angular实战篇 模块的使用

首先先建模块ng g modul 目录在mymodul下先建组件ng g components 目录在模块中暴露组件给其他模块使用import { NgModule } from '@angular/core';import { CommonModule } from '@angular/common';import { UserComponent } from './user.component';import { AddressComponent } from './componen
原创
15495阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月10日更新)Angular实战篇 路由的传参

第一种html<!-- sss?aid=1 --><ul> <li *ngFor="let item of newsList; let key = index;"> <a [routerLink]="['/newsdetail']" [queryParams]="{aid:item.id}">{{key}}--{{item.name}}</a> </li></ul><bu
原创
16223阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月10日更新)Angular实战篇 路由的使用

app-routing.module.tsimport { NgModule } from '@angular/core';import { Routes, RouterModule } from '@angular/router';import { HomeComponent } from './components/home/home.component';import { WelcomeComponent } from './components/home/welcome/welcome.
原创
15468阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月9日更新)Angular实战篇 axio的封装

首先先建个axio服务ng g service 文件目录ts文件import { Injectable } from '@angular/core';import axios from 'axios';import Qs from 'qs';axios.defaults.timeout = 5000;import { environment } from '../../environments/environment';console.log(environment.baseURL);
原创
16580阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月9日更新)Angular实战篇 http请求模块的使用

首先模块引入import { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import {FormsModule} from '@angular/forms';import { AppRoutingModule } from './app-routing.module';import { AppComponent } from './app.component'
原创
15799阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月7日更新)Angular实战篇 异步数据流RxJS的使用

组件tsimport { Component, OnInit } from '@angular/core';import { CommonService } from '../../services/common.service';import { Observable } from 'rxjs';import { map, filter } from 'rxjs/operators';@Component({ selector: 'app-home', templateUrl: '.
原创
14216阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月7日更新)Angular基础篇 生命周期详解

import { Component, OnInit, Input, EventEmitter } from '@angular/core';// v-on:event = 'getData()'@Component({ selector: 'app-lifecycle', templateUrl: './lifecycle.component.html', styleUrls: ['./lifecycle.component.less'], inputs: ['titleV:tit
原创
15988阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月7日更新)Angular基础篇 父组件到子组件传参

父组件html<div class="content"> <p>我是home页面</p> <app-header [stitle]='title' [category]='category' [homeWork] = 'homeWork' [homepage]='this' ></app-header></div>子组件tsimport { Component, O
原创
16192阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月7日更新)Angular基础篇 子组件到父组件传参

html<div #myBox>我是一个dom节点</div><app-header #header></app-header><button type="button" (click)='getChildProp()'>获取子组件header的属性</button><button type="button" (click)='getChildMethod()'>获取子组件header的方法</button&g
原创
15838阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月7日更新)Angular基础篇 DOM的操作

TS文件import { Component, OnInit } from '@angular/core';@Component({ selector: 'app-transition', templateUrl: './transition.component.html', styleUrls: ['./transition.component.less']})export class TransitionComponent implements OnInit { flag:
原创
15884阅读
0评论
0点赞
发布博客于 8 月前

(精华2020年6月6日更新)Angular基础篇 服务services的使用

首先输入如下命令ng g services 目录名生成import { Injectable } from '@angular/core';@Injectable({ providedIn: 'root'})//提供一个可以注册的服务export class StorageService { count: number = 1; constructor() { } //将数据写入localStorage set(key: any, value: any) {
原创
15855阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月4日更新)Angular基础篇 管道,(click),(keydown),(keyup)的使用

<h1>---------------管道-------------</h1>{{today | date:'yyyy-MM-dd HH:mm ss'}}<h1>---------------事件(click)-----------------</h1><button (click)="run()">执行事件</button><button (click)="setData($event)">执行方法改变属性里面的
原创
15800阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月4日更新)Angular基础篇 ngClass,ngStyle的使用

<h1>属性[ngClass]</h1><!-- <div class="red">ngclass</div> --><!-- <div [class] = "{'blue':true,'red':false}">ngclass演示</div> --><div [class]="{'blue':flag,'red':!flag}">ngclass演示</div><!--
原创
15484阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月4日更新)Angular基础篇 *ngFor,*ngIf,ngSwitch的使用

<h1>--------------循环 ngFor---------------</h1><ul> <li *ngFor="let item of list;let key=index">{{key}} -- {{item}}</li></ul><ul> <li *ngFor="let item of list">{{key}} -- {{item}}</li></ul&g
原创
15534阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月4日更新)Angular基础篇 属性绑定[]的使用

ts文件import { Component, OnInit } from '@angular/core';@Component({ selector: 'app-news', templateUrl: './news.component.html', styleUrls: ['./news.component.less']})export class NewsComponent implements OnInit { //定义普通数据 title:string='我是新闻组件
原创
14387阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月4日更新)TypeScript中装饰器的使用

类装饰器//----------------------基本使用--------------------------- function logClass(param: string) { console.log(param) //ruanmou return function (target: any) { // console.log(target); //target:当前类 HttpClient con
原创
15508阅读
0评论
1点赞
发布博客于 8 月前

(精华2020年6月3日更新) TypeScript中泛型的使用

泛型的使用//-------------------泛型方法--------------------function getData1(value: string): string { return value;}function getData2(value: number): number { return value;}//any 放弃了类型检查,传入的参数类型和返回参数类型不一致function getData3(value: any): any { ret
原创
15586阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年6月3日更新) TypeScript中接口详解

非接口约束function printA(labelObj:{label:string}){ console.log(labelObj);}printA({ label:'你好'})//跳过额外字段的检测// 第一种断言 :printA({ label:'你好', name:'laney'} as {label:string})//第二种方式:添加字符串的索引签名function printB(labelObj:{label:string,[pr
原创
14649阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年6月3日更新) TypeScript中类的使用(封装,继承,多态)

基本使用class Cat { name:string; color:string; constructor(name1:string,color:string){ this.name = name1; this.color= color } eat(){ console.log('eat'); }}var c1 = new Cat('哈哈','黄色');继承class Animal { n
原创
14996阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年6月2日更新) TypeScript函数详解

//函数声明function run():string{ return 'run'; // return 123; //错误}//函数表达式var run2=function test():number{ return 123;}alert(run2());//方法传参function getInfo(name:string,age:number):string{ return `${name} ----${age}`;}alert(getInfo(
原创
14668阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年6月2日更新) TypeScript的数据类型

第一种:布尔类型(boolean)var flag:boolean=true;flag = false; //正确flag = '你好typescript'; //错误第二种:数字类型(number)var num: number = 1314;num = 4131;//正确num = '你好typescript'; //错误 第三种:字符串类型(string)var str: string = '你好typescript';str = '你好js';str = 1314; //
原创
15466阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年6月2日更新) TypeScript的基础使用

首先安装npm i -g typescript新建index.ts文件var a=123;在vscode终端运行tsc index.ts就可以生成index.js文件生成typescript配置文件tsconfig.jsontsc init{ "compilerOptions": { /* Basic Options */ // "incremental": true, /* Enable incremental compilat
原创
14402阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月31日更新) react实战篇 react配置详解

以往的方式都是暴露配置文件来配置less,下面推荐一个craco,可以不需要暴露配置,进行配置。首先安装cracoyarn add @craco/craco在根目录下添加craco.config.js文件const CracoLessPlugin = require('craco-less');//配置lessmodule.exports = { plugins: [{ plugin: CracoLessPlugin, options: {
原创
15965阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月31日更新) react基础篇 手写ssr服务端渲染

共用部分import React ,{useState} from 'react'import {connect} from 'react-redux'import {getIndexList} from '../store/index'const Index = (props) => { let [count,setCount] = useState(1) return ( <div> <h1>服务端渲染<
原创
15821阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月28日更新) react基础篇 虚拟dom的渲染机制和性能调优

下面几种写法等同//-------------------------1----------------------------- function Table ({rows}) { return ( <table> { rows.map(row=>( <tr>
原创
14689阅读
0评论
0点赞
发布博客于 9 月前

(精华2020年5月27日更新) react基础篇 setstate原理详解

先上张图代码// partialState 部分stateReactComponent.prototype.setState = function (partialState, callback) { invariant( typeof partialState === 'object' || typeof partialState === 'function' || partialState == null, 'setState(...): takes an o
原创
14809阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月27日更新) react基础篇 react-hooks的useReducer的使用

import React , {useReducer} from 'react'// (state,action)=>newStateconst UseReducer = ()=>{ const reducer = (state,action) =>{ if(action.type === 'add'){ return { ...state, count:state.coun
原创
14709阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月27日更新) react基础篇 react-hooks的useEffect的使用

import React , {useEffect,useState} from 'react'const UseEffect = ()=>{ const [loading,setLoading] = useState(true) useEffect(()=>{ setTimeout(()=>{ setLoading(false) },2000) }) return ( loadin
原创
15527阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月25日更新) react基础篇 react-hooks的useContext用法

import React , {useContext} from 'react'const UseContext = ()=>{ const UseContextCon = React.createContext({}) const Son = () =>{ const {name} = useContext(UseContextCon) return ( <p>我是son组件 我的名字是{nam
原创
14841阅读
0评论
0点赞
发布博客于 9 月前

(精华2020年5月25日更新) react基础篇 react-hooks的useState用法

import React , {useState} from 'react'const addCon = ()=>{ console.log(useState(0)); const [count,setCount] = useState(0) const handelAdd = () =>{ let newCount = count; setCount(newCount+=1) } return (
原创
15550阅读
0评论
0点赞
发布博客于 9 月前

(精华2020年5月24日更新) react基础篇 redux的使用和react-redux的使用

redux的核心apicreateStore()创建包含指定reducer的store对象store对象redux库最核心的管理对象内部维护着 state reducer对象核心方法getState()dispatch(action)subscriberedux的三个核心概念action标识要执行行为的对象包含两个方面的属性type 标识属性 值是字符串 唯一 必要的属性xxx 数据属性 值类型是任意的 可选属性const action ..
原创
15642阅读
1评论
0点赞
发布博客于 9 月前

(精华2020年5月24日更新) react基础篇 父组件到孙组件跨级传参

新版:跨级传参最主要是避免每层赋值,也避免用到dvaimport React from 'react'const {Provider,Consumer} = React.createContext('default')export default class ContextDemo extends React.Component { state={ newContext:'createContext' } render() { const {newCon
原创
15504阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月24日更新) react基础篇 ref的三种方式

import React from 'react'export default class RefDemo extends React.Component { constructor() { super() this.objRef = React.createRef()//第一种 // { current: null } } componentDidMount() { // console.log(`span1: ${this.refs.ref1.text
原创
14764阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月24日更新) react基础篇 react-router-dom的基本使用

首先安装 npm i react-router-dom到index.js中加入如下代码import React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import * as serviceWorker from './serviceWorker';import {HashRouter,BrowserRouter} from 'react-route
原创
14919阅读
0评论
0点赞
发布博客于 9 月前

(精华2020年5月24日更新) react基础篇 pwa的配置

首先npm i workbox-webpack-plugin在到webpack配置文件中添加插件const WorkboxWebpackPlugin = require('workbox-webpack-plugin')plugins: [ new MiniCssExtractPlugin({ filename: '[name].css' }), new WorkboxWebpackPlugin.GenerateSW({
原创
15618阅读
0评论
0点赞
发布博客于 9 月前

(精华2020年5月24日更新) react基础篇 组件的生命周期

import React from 'react';import logo from './logo.svg';import './App.css';class App extends React.Component{ constructor(props){ super(props) this.state = { msg:'第一次的消息' } } componentWillMount(){ console.log(this.state.msg);
原创
14961阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月24日更新) react基础篇 脚手架配置详解

原创
15546阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月23日更新) react基础篇 脚手架版todolist的实现

app.jsimport React from 'react'import TodoMain from './components/TodoMain';import TodoHeader from './components/TodoHeader';import TodoFooter from './components/TodoFooter';class App extends React.Component{ constructor(props){ super(props)
原创
14753阅读
0评论
0点赞
发布博客于 9 月前

(精华2020年5月23日更新) react基础篇 html版 todolist的实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>todoList</title></head><body> <div id=
原创
15434阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月22日更新) react基础篇 父组件传值到子组件prop的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>prop</title></head><body> <div id="app"&
原创
14658阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月22日更新) react基础篇 this的指向问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>this</title></head><body> <div id="app
原创
15323阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月22日更新) react基础篇 组件的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>简单组件</title></head><body> <div id="app
原创
14757阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月22日更新) react基础篇 html中使用react

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>hello</title></head><body> <div id="ap
原创
15463阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月21日更新) vue实战篇 实时通信websocket的封装结合vue的使用

import webSocket from '../webSocket.js';export default { isIosAndroid() { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端 isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
原创
15317阅读
0评论
2点赞
发布博客于 9 月前

(精华2020年5月21日更新) vue实战篇 缓存页面的强制更新

页面缓存后,页面是不会变化的。要使缓存页面变化可以利用路由的钩子函数beforeRouteLeave。<template> <div </div></template><script>export default { methods: { }, beforeRouteLeave(to, from, next) { // 导航离开该组件的对应路由时调用 // 可以访问组件实例 `this` console
原创
15609阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月17日更新) vue实战篇 手写vue底层源码

MYvue.js 主要作用监听属性变化class MYvue { constructor(options) { this.$options = options; this.$data = options.data; //数据劫持 this.observe(this.$data); this.$el = options.el; //包含Watcher创建 new Complie(optio
原创
14988阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月16日更新) vue实战篇 mixin插件开发

插件开发以vue-router为例import Vue from 'vue'// import VueRouter from 'vue-router'import VueRouter from '../MYRouter/index.js'Vue.use(VueRouter)// 执行install方法const routes = [ { path:'/', redirect:'/goods' }, { path: '/goods', name: 'g
原创
15522阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月16日更新) vue实战篇 vuex的多store仓库的使用

const state = { country: '中国'}const getters = { getCountry(state) { return state.country }}const mutations = { updateCountry(state, payload) { state.country = payload.country; }}//用来管理mutationsconst actions = { updateCountry({
原创
15624阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月14日更新) vue实战篇 vuex的使用和vuex辅助函数的使用

vuex的基本使用store.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);//定义属性var state = { count:6, country:'中国'};//定义gettersvar getters = { count(state){ return state.count }, isEvenOrOdd(state){ return
原创
14761阅读
0评论
2点赞
发布博客于 9 月前

(精华2020年5月14日更新) vue实战篇 element-ui日历实现日程安排和区间查询

首先在template加如下代码<el-calendar v-model="日期"> <template slot="dateCell" slot-scope="{date, data}"> <div class="date-cell" :class="data.isSelected ? 'is-selected' : ''"> <div class="calendar-day">
原创
16464阅读
0评论
4点赞
发布博客于 9 月前

(精华2020年5月14日更新) vue实战篇 vue-router动态路由的实现权限控制

router.jsimport Vue from "vue";import VueRouter from "vue-router";Vue.use(VueRouter);import home from '../pages/home.vue';import news from '../pages/news.vue';var allRoutes = [{ path:'/login', name:'login', meta:{ title:'登陆'
原创
14762阅读
0评论
0点赞
发布博客于 9 月前

(精华2020年5月12日更新) vue实战篇 axio.js封装和环境配置

首先安装npm i cross-env package.jsom"scripts": { "test":"cross-env scene=test webpack --config webpack.config.js", "dev": "cross-env scene=dev webpack-dev-server --config webpack.config.js", "build": "cross-env scene=prod webpack --config webpa
原创
14571阅读
0评论
2点赞
发布博客于 9 月前

(精华2020年5月17日更新) vue实战篇 vue.config.js配置详解

新版vue脚手架中webpack已经封装好看不见,需要vue.config.js代替配置module.exports = { publicPath:'/wuhan', //部署应用包时的基本 URL。用法和 webpack 本身的 output.publicPath 一致 outputDir:'dist3', //打包路径地址,Default: 'dist' ,代替 output.path assetsDir:'assets1', //放置生成的静态资源 (js、css、img、
原创
15086阅读
0评论
2点赞
发布博客于 9 月前

(精华2020年5月12日更新) vue教程篇 webpack配置详解

package.json的启动"scripts": { "build":"rimraf dist && webpack --config webpack.config.js --mode production", "dev": "webpack-dev-server --config webpack.config.js" }基本共用配置文件webpack.common.jsvar webpack = require('webpack');var path = r
原创
15516阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月8日更新) vue教程篇 手写脚手架vue-cli

首先先上脚手架目录webpack-demowebpack-demo|-index.html|- src---- |-main.js 入口文件------|-App.vue vue文件|-package.json 工程文件|-webpack.config.js webpack配置文件|-.babelrc Babel配置文件安装如下包npm install vue -Snpm install webpack -Dnpm install webpack-cli -D
原创
15215阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月8日更新) vue教程篇 vue-router路由的权限控制

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>权限控制- filters</title> <style> .active { font-size: 20px; color: #ff7300; text-decoration: none; } .main-menu a { display
原创
14358阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月8日更新) vue教程篇 vue-router路由的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>路由基本用法</title> <style> /* .router-link-active{ font-size:20px; color:#ff7300;...
原创
14337阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月6日更新) vue教程篇 slot插槽(内容分发)的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>slot内容分发</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scri...
原创
14686阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月6日更新) vue教程篇 非父子组件相互传参(发布订阅)

第三个vue实例实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>非父子组件间的通信</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&...
原创
15409阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月20日更新) vue教程篇 父子组件相互传参

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>父子组件传参组件<...
原创
15459阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月6日更新) vue教程篇 模板template的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>引用模板</t...
原创
14775阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月6日更新) vue教程篇 组件component的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>定义组件的方式<...
原创
15515阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月6日更新) vue教程篇 动画transition的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动画</titl...
原创
14716阅读
0评论
0点赞
发布博客于 9 月前

(精华2020年5月5日更新) vue教程篇 简单小结(2)-元素拖动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习:自定义指令实例(元素拖动)</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">&...
原创
14657阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月5日更新) vue教程篇 自定义指令directive的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义指令</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script&...
原创
14704阅读
0评论
1点赞
发布博客于 9 月前

(精华2020年5月5日更新) vue教程篇 数据监听watch的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>监视数据的变化:$wa...
原创
15565阅读
0评论
0点赞
发布博客于 9 月前

(精华2020年5月5日更新) vue教程篇 vue实例属性的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue实例的属性和方...
原创
14490阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 计算属性computed的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script&...
原创
14344阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 vue组件生命周期

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...
原创
15396阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 axio的使用

地址为本地,需要请求数据科研自己搭建后端api,或者用mock<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>发送AJAX请求</title> <script src="https://cdn.jsde...
原创
15601阅读
0评论
2点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 filter过滤器的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义过滤器</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script...
原创
14655阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 v-text,v-html,v-once,v-pre,v-cloak的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模板</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...
原创
15458阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 class和style的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>class和styl...
原创
15424阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 v-bind的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>属性绑定和属性的简写</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></sc...
原创
14371阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 键盘事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>键盘事件</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script&g...
原创
15885阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 事件冒泡和默认行为

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件冒泡和默认行为</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scr...
原创
15905阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 事件简写和事件对象$event

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件简写和事件对象$event</title> <script src="js/vue.js"></script> <script> wi...
原创
15906阅读
0评论
0点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 简单小结(1)-用户管理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>练习:用户管理</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scri...
原创
15909阅读
0评论
0点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 v-show和v-if的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用指令:v-show v-if</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">&...
原创
15915阅读
0评论
0点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 v-on的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用指令:v-on</title> <!-- 事件简写和事件对象$event --> <script src="https://cdn.jsdelivr.net...
原创
15898阅读
0评论
1点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 v-for的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用指令:v-for</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></s...
原创
15950阅读
0评论
0点赞
发布博客于 10 月前

(精华2020年5月4日更新) vue教程篇 v-model的使用

test
原创
15955阅读
0评论
1点赞
发布博客于 10 月前

node 中jwt的使用token的加解密

// nodejs+express+jwt-simplelet jwt = require('jwt-simple');//秘钥let secret = "laney";let time = 10;let tokenExpiresTime = 1000 * 60 * 60 * 24 * 7;//token过期时间,毫秒为单位, 7天 module.exports = { /* ...
原创
16308阅读
0评论
2点赞
发布博客于 10 月前

node 中数据库连接的三种方式(mysql案例)

mysql包的数据库连接首先安装npm i mysqlconst mysql = require("mysql2");/*建立数据库链接 连接配置 */// createPool//getConnection// createPool 连接池 --- getConnection 获取到连接对象 操作后建议主动的释放连接// createConnection方法创建连接对...
原创
16628阅读
0评论
1点赞
发布博客于 10 月前

node 文件读取与写入

const fs = require("fs");function get(key) { fs.readFile("./db.json", (err, data) => { const json = JSON.parse(data); console.log(json[key]); });}function set(key, value) { fs.rea...
原创
15931阅读
0评论
0点赞
发布博客于 10 月前

node 服务端connect的使用和文件上传

后端var connect = require('connect');var bodyParser = require('body-parser'); //body解析var cors = require('cors');const url = require('url');const qs = require('qs');const path = require('path');c...
原创
15918阅读
0评论
1点赞
发布博客于 10 月前

前后端通信(node版本) ws和websocket.io的使用

ws的使用前端代码人物一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
原创
16008阅读
0评论
1点赞
发布博客于 10 月前

node下 http,https,tcp服务的创建

HTTP协议var http = require('http');var server = http.createServer(); // server eventEmitterserver.on('request', function (request, response) {console.log('666666666666666666') }).listen(9080, func...
原创
15863阅读
0评论
1点赞
发布博客于 10 月前

C# AES加密封装(工具十)

#region AES加密 /// <summary> /// AES加密 /// </summary> /// <param name="source"></param> /// <param name="key">密钥</param> ...
原创
16059阅读
0评论
1点赞
发布博客于 10 月前

vue3.0系列实现表格导出,表头合并功能复杂表格功能

安装如下包npm i js-xlsx项目中引用在按钮中执行exportList方法就好了,表头合并null必须占位//导出排柜汇总表 exportList() { salesApi.cabinetExpolexcel().then(response => { console.log(response.data.data) }); ...
原创
16423阅读
0评论
1点赞
发布博客于 11 月前

vue中实现element-ui 表格的单元格编辑功能和单元格之间的计算

<el-table :data="list" max-height="700" border style="width: 100%" @cell-click="tabClick" :row-class-name="tableRowClassName" > <el-table-column ...
原创
16742阅读
0评论
1点赞
发布博客于 1 年前

vue中实现element-ui dialog的弹窗拖拽+水平方向伸缩

import Vue from "vue";// v-dialogDrag: 弹窗拖拽+水平方向伸缩/** 使用方法* 将以下代码复制到一个js文件中,然后在入口文件main.js中import引入即可;* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。* 给dialog设置 :close-on-click-mo...
原创
17341阅读
3评论
2点赞
发布博客于 1 年前

vue实现表格的导入,导出操作

表格导入导出首先安装:npm install vue-json-excel//表格导出npm install vue-xlsx-table//表格导入在vue的main.js文件中加入全局配置//导入表格import vueXlsxTable from 'vue-xlsx-table'Vue.use(vueXlsxTable, {rABS: false})//导出表格impor...
原创
16858阅读
5评论
3点赞
发布博客于 1 年前

ES6 Proxy的详解

Proxy 对象 get,set的应用let handel = { get(target,key){ console.log(key); if(key[0] === "_"){ throw new Error('内部属性禁止外部访问') } return...
原创
15867阅读
0评论
1点赞
发布博客于 1 年前