- 博客(19)
- 收藏
- 关注
RSS订阅
原创 mac os上传本地文件到云服务器
scp /Users/dj/Downloads/aaa/1625725_sweetdj.top.pem [email protected]:/usr/local/nginx/crtscp后面跟想要上传的文件路径[email protected]换成你云服务器的公网ip:/usr/local/nginx/crt 上传到那个目录下...
2018-12-24 17:14:18
2328
原创 手写一个禁止拖动的遮罩蒙层
小程序中如果将页面写为flex布局，并且里面嵌套了input,那input中的placeholder和value在键盘弹起后可以不会随屏幕滚动，解决方法：如果不想破坏flex布局，可以写一个透明遮罩层，当input onFocus的时候遮罩层弹出，onBlur时遮罩层关闭，以禁止键盘弹起时的屏幕滚动。当然上面只是提供一种思路，遮罩层可以用于其他方面 const handleTouchMove = (e) => { e.preventDefault() e.stopPropa
2020-06-04 16:25:49
483
原创 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
15375
原创 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
2992
翻译 正则表达式完全指南
这是一本关于正则表达式的实验性书籍。与我在学习过程中发现的大多数regex资源相比，它主要是基于实例的可视化的。我还尝试选择一些突出一些常见陷阱的测试用例。我想你的时间是值得的。本书的目标读者是正则表达式初学者。 有一定的编程经验。 它不涉及诸如引擎回溯和递归正则表达式等高级正则表达式概念，至少目前不涉及。开源地址（英文）前言正则表达式（“ regexes”）允许定义模式并针对字符串执行它。 与模式匹配的子字符串称为“匹配项”。A regular expression is a sequence
2020-05-09 11:50:54
1045
原创 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
790
原创 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
1608
1
原创 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
1671
1
翻译 ECMAScript 2020（ES2020）的新增语法
在本文中，我们将回顾ES2020随附的一些最新和最出色的功能。安装由于许多人的浏览器版本低，我们需要使用babel来让用户使用无法使用的特性。为了简单起见，我将使用Parcel bundler使一切尽快运行。$ yarn add parcel-bundler"scripts": { "start": "parcel index.html"},不幸的是，现在似乎还没有ES2020...
2020-03-31 17:15:13
689
原创 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
420
原创 使用PM2管理node进程
前言PM2是Node.js应用程序的生产过程管理器，具有内置的负载平衡器。它可以保持应用程序的开启状态，在不停机的情况下重新加载应用程序，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等。下载全局安装：sudo npm install pm2@latest -g使用启动应用程序：pm2 start app.js管理应用程序：//停止应用程序 ...
2019-04-23 15:47:43
210
原创 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
806
原创 阿里云服务器nginx配置ssl证书,给网站添加https
众所周知，网站如果没有ssl证书的话，会被浏览器默认为不安全的链接，如果需要给网站配一个https的协议，则需要购买证书，个人购买证书的话，这里推荐阿里云的 Symantec免费证书。一、证书购买流程点击ssl证书，点立即购买，进入购买页面，先点击Symantec，选择一个域名，就会出现免费型DV SSL选项，勾选以后点购买就行了。二、证书使用将证书绑定上自己的域名，将域名按照流程解析...
2018-12-24 15:53:22
1241
原创 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
1233
原创 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
1689
2
原创 react中装饰器的使用
利用装饰器简化代码，将表单验证操作统一到一个装饰器中进行首先装饰器的定义为修饰器（Decorator）是一个函数，用来修改类的行为。建立一个装饰器export default (Comp) =&gt; { class Cp extends Comp{ constructor(props){ super(props); this.sta...
2018-12-17 14:06:52
890
原创 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
437
原创 CSS 滤镜filter教程
CSS 滤镜 CSS样式表是一种为超文本标签语言提供增强补充服务的技术，可对每一个html的标签做精雕细刻的修饰。只用html制作的网页，对页面内各部分的修饰能力有限且语句烦锁，样式表正是弥补这一缺陷的有力技术，它语句文法简单，只要在源码中插入style语句就可轻易实现页面内任意文本颜色、背景、边框、行距、字距的添删和修饰等功能，使网页更加生动活泼，从而获得满意的效果。当然，样式表的强大还依靠的...
2018-12-03 17:38:39
448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人