2 凉生可可

尚未进行身份认证

我要认证

技术宅/猫咪控

等级
TA的排名 27w+

手写一个禁止拖动的遮罩蒙层

小程序中如果将页面写为flex布局,并且里面嵌套了input,那input中的placeholder和value在键盘弹起后可以不会随屏幕滚动,解决方法:如果不想破坏flex布局,可以写一个透明遮罩层,当input onFocus的时候遮罩层弹出,onBlur时遮罩层关闭,以禁止键盘弹起时的屏幕滚动。当然上面只是提供一种思路,遮罩层可以用于其他方面 const handleTouchMove = (e) => { e.preventDefault() e.stopPropa

2020-06-04 16:25:49

ts如何定义数组中嵌套对象的类型

定义类型:interface ObjectOf<V> { [_: string]: V}class OrderItem { uuid: string; amount: number; secondaryTotal: number; total: number; originalTotal: number; checked: boolean;}使用interface State { promoList: { giftCheck:ObjectO

2020-05-13 11:38:09

Taro input输入框之------防抖(性能优化)

Taro的在的onInput方法中如果使用setState来保存value,会导致输入卡顿,原因是用户在输入时,一直在setState我的解决方案是使用debounce(防抖),事件和函数执行之间加了一个控制层,来控制函数的执行次数。第一种方法是下载debounce插件下载$ npm install debounce引入import { debounce } from "debounce";使用<Input className="tc-form-item-text" t

2020-05-09 17:23:59

正则表达式完全指南

这是一本关于正则表达式的实验性书籍。与我在学习过程中发现的大多数regex资源相比,它主要是基于实例的可视化的。我还尝试选择一些突出一些常见陷阱的测试用例。我想你的时间是值得的。本书的目标读者是正则表达式初学者。 有一定的编程经验。 它不涉及诸如引擎回溯和递归正则表达式等高级正则表达式概念,至少目前不涉及。开源地址(英文)前言正则表达式(“ regexes”)允许定义模式并针对字符串执行它。 与模式匹配的子字符串称为“匹配项”。A regular expression is a sequence

2020-05-09 11:50:54

egg上传图片到腾讯云COS和上传图片到本地服务器

上传图片到腾讯云COS// 在 app/controller/user.js'use strict';var COS = require('cos-nodejs-sdk-v5');const path = require('path');var cos = new COS({ SecretId: 'XXXXXXXXXXXX', SecretKey: 'XXXXXXXXx...

2020-04-28 15:39:00

egg-jwt生成token,登录验证

下载首先用npm下载egg-jwtnpm init egg-jwt --save配置在plugin.js中 jwt: { enable: true, package: 'egg-jwt', }config.default.js中 config.jwt = { //jwt配置项 secret: "123456" }生成Tokencontrol...

2020-04-26 11:38:11

REACT打印页面组件

import React from 'react';import PrintTicketContent from '../common/PrintTicketContent'import { Modal, message, Row, Col, Button } from 'antd';class Print extends React.Component { //打印方法 hand...

2020-04-08 13:15:35

ECMAScript 2020(ES2020)的新增语法

在本文中,我们将回顾ES2020随附的一些最新和最出色的功能。安装由于许多人的浏览器版本低,我们需要使用babel来让用户使用无法使用的特性。为了简单起见,我将使用Parcel bundler使一切尽快运行。$ yarn add parcel-bundler"scripts": { "start": "parcel index.html"},不幸的是,现在似乎还没有ES2020...

2020-03-31 17:15:13

reactHooks简单入门教程

useState的使用在reactHooks中useState代替了原本的state,const [age,setAge]=useState(18)定义 age的初始值为18通过setAge修改age的值import React ,{ useState} from 'react'function example(){ const [age,setAge]=useState(18)...

2019-11-21 17:12:33

使用PM2管理node进程

前言PM2是Node.js应用程序的生产过程管理器,具有内置的负载平衡器。它可以保持应用程序的开启状态,在不停机的情况下重新加载应用程序,可以利用它来简化很多node应用管理的繁琐任务,如性能监控、自动重启、负载均衡等。下载全局安装:sudo npm install pm2@latest -g使用启动应用程序:pm2 start app.js管理应用程序://停止应用程序 ...

2019-04-23 15:47:43

vuelidate的表单验证插件的使用

在vue中,我们使用vuelidate实现表单验证,达到限制用户输入的目的,以及提交时验证表单的目的。查看官方文档第一步:安装可以通过npm安装 npm install vuelidate --save然后导入到main.js中import Vue from 'vue'import Vuelidate from 'vuelidate'Vue.use(Vuelidate)第二步...

2019-01-29 18:00:39

mac os上传本地文件到云服务器

scp /Users/dj/Downloads/aaa/1625725_sweetdj.top.pem root@39.26.30.221:/usr/local/nginx/crtscp后面跟想要上传的文件路径root@39.26.30.221换成你云服务器的公网ip:/usr/local/nginx/crt 上传到那个目录下...

2018-12-24 17:14:18

阿里云服务器nginx配置ssl证书,给网站添加https

众所周知,网站如果没有ssl证书的话,会被浏览器默认为不安全的链接,如果需要给网站配一个https的协议,则需要购买证书,个人购买证书的话,这里推荐阿里云的 Symantec免费证书。一、证书购买流程点击ssl证书,点立即购买,进入购买页面,先点击Symantec,选择一个域名,就会出现免费型DV SSL选项,勾选以后点购买就行了。二、证书使用将证书绑定上自己的域名,将域名按照流程解析...

2018-12-24 15:53:22

webpack打包中遇到的各种问题收录

1:报错ReferenceError:Unknown plugin “transform-decorators-legacy” specified in “base”依赖项缺失,解决了这个后,你应该还会遇到另一个解决方法:npm install babel-plugin-transform-decorators-legacynpm install babel-preset-es2015...

2018-12-20 17:30:20

express代理跨域请求api接口

经常会发生请求其他外部接口发生跨域,或者暴露key等令人头疼的问题,这时候可以用express做一个转发去请求另外一个接口话不多说,上代码:router.post('/proxy', function(req, res, next){ res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Contr...

2018-12-17 15:26:34

react中装饰器的使用

利用装饰器简化代码,将表单验证操作统一到一个装饰器中进行首先装饰器的定义为修饰器(Decorator)是一个函数,用来修改类的行为。建立一个装饰器export default (Comp) => { class Cp extends Comp{ constructor(props){ super(props); this.sta...

2018-12-17 14:06:52

sass控制语句和自定义函数

sass控制语句关键词:sass控制语句if判断表达式@if 判断表达式{}else if 判断表达式{}else{}for循环@for循环 有两种表现形式:@for $var from 开始值 through 结束值 (包括结束位置)@for $var from 开始值 to 结束值 (不包括结束值)$var 表示变量$count:4;@for $i...

2018-12-03 17:40:32

CSS 滤镜filter教程

CSS 滤镜 CSS样式表是一种为超文本标签语言提供增强补充服务的技术,可对每一个html的标签做精雕细刻的修饰。只用html制作的网页,对页面内各部分的修饰能力有限且语句烦锁,样式表正是弥补这一缺陷的有力技术,它语句文法简单,只要在源码中插入style语句就可轻易实现页面内任意文本颜色、背景、边框、行距、字距的添删和修饰等功能,使网页更加生动活泼,从而获得满意的效果。当然,样式表的强大还依靠的...

2018-12-03 17:38:39
勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。