自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 节流与防抖

一、节流function throttle2(fn, delay = 1000) { let timer = null; return (...args) => { timer = setTimeout(() => { fn(args) timer = null }, delay) } }/**1、相同点都使用setTimeout2、目的都是降低回调的执行频率,节省

2022-04-10 20:05:47 209

原创 Scss全局变量使用

一、定义common.theme.scss文件:root { --color-main: #fe8522;}二、main.js 引用其文件三、各文件中例如 color: var( --color-main)

2022-04-10 15:55:41 841

原创 vue代码组件化mixins

Vue mixins的优点,可以将不同的组件,相同的逻辑,简化整理。 <div> <h1 v-if="show">Hello 我是Component</h1> <button @click="handleAvg">切换</button> </div>新建Mixins.js,将data return以及methos复写到Mixins中,导出函数名称showMixexport const showMix = .

2020-09-18 15:06:17 103

原创 koa文件上传及supervisor

一、 在app.js中增加koa-bodyconst koaBody = require("koa-body");app.use( koaBody({ multipart: true, formidable: { maxFileSize: 200 * 1024 * 1024, // 设置上传文件大小最大限制,默认2M }, }));二、代码 2.1 利用管道的方式,fs.createReadStream(files.path)router.p

2020-07-07 10:48:18 154

原创 NodeJs之token

一、密码加密 const crypto = require("crypto"); const jwt = require("jsonwebtoken"); const pwd = crypto.createHash('sha256').update(req.body.password).digest('hex'); const info = { username: req.body.username, password: pwd, };二、token生成// info是用户名

2020-07-06 10:53:05 200

原创 nest分层 service controller

第一 命令 nest g service posts/posts第二 service`import { Injectable } from '@nestjs/common'@Injectable()export class PostsService { getHello(): string { return 'hello world' }}`第三 controller第四 调用

2020-06-27 10:48:25 297

原创 Map重组数组之vue应用及for in的使用

一、Map for in 利用map的key value特性 let infoMap = {}; let info = { name: "wangly", sex: "男", age: "18", phone: "13000000000", address: "中国......", duty: "总经理", }; const mapKeys = ["姓名", "性别

2020-05-29 17:02:41 618

原创 React高阶组件

一 高阶组件import React from 'react'const withFetch = url => View => { return class extends React.Component{ constructor(){ super(); this.state = { loading: true, data: null } } } componentDidmount(){ fetch(url).then(res =>

2020-05-24 22:29:52 111

原创 React动态样式及拖管(传值及函数输写)

React的动态样式绑定一 引入import classnames from ‘classnames’二、代码输写className={classnames(styles.listItem,{[styles.select]:value == item.name)}三 状态组件托管事件

2020-05-19 13:40:44 337

原创 动态组件

动态组件学习:一 新增两个组件FromOne FromTwo分别引入二 利用comonent中绑定:is=“这里面是在return里面定义的组件名称,这边默认显示的是from-one”三 两个button分别点击 @click=“component=‘fromone’”@click=“component=‘from-one’”<template> <div cla...

2019-11-28 23:01:33 109

原创 组件传值之$attrs

论vue组件传值之$attrs当前为祖父组件,传值方式还是按照之前的传值方式一样。<template> <div> <p>数字:{{ money }}</p> <p>城市:{{ city }}</p> <Test :city="city"></Test> </d...

2019-11-27 13:15:27 283

原创 vue回车事件

VUE form表单回车事件,导致页面刷新@keydown.native.enter.prevent = "handleEnter"这边的函数名是一个空数组

2019-10-29 16:29:46 456

原创 vue中的匿名插槽和带值插槽的使用方式

1212

2019-10-05 07:53:46 576

原创 Vue变量定义

Vue data中的变量如何定义说明在vue中如何需要定义一个变量,则需要在data–>>return中定义在组件中如果我们想拿到,在return中定义的变量,我们则可以this.变量即可定义规则 :如果在return中定义_变量的话,在组件中我们this._变量是没有的...

2019-10-04 07:31:01 538

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除