2020年03月_ 飞翔的熊blabla_飞翔的熊blabla

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载阿里云服务器公网Ip外网无法访问

拥有了自己的服务器后，发现需要各种配置，之前应用公司的服务器的时候，一般通过内网访问，或者外网访问时，很多配置其他人员都已经配置好了，但是现在在自己的服务器上发布自己的网站的时候，才发现事情并没有自己想象的简单（怪我太年轻啊┭┮﹏┭┮）。好了，说一下我的问题，首先我做了一个自己的测试网站，详情查看乐儿的小站。在服务器上发布网站的时候，之前都是把电脑的入站出站规则加上就可以了，但是在此次...

2020-03-30 12:25:57 6581 3

转载 antd Upload 文件上传

1.antd官网Upload组件：https://ant.design/components/upload-cn/2.下图是最近开发的上传文档的效果：3.文件上传的实现：（1）方法一：antd默认上传。a：渲染文件上传组件。getPDFURL（）方法为实现文件的上传。showUploadList为是否展示 uploadList, true显示，false不显示，其可设为一...

2020-03-27 11:55:58 965

转载 TypeScript declare

为了增加人性化程度，在IDE编写代码的时候，通常会有智能提示效果。以VScode为例子，截图如下：当键入document.的时候，会自动弹出可能的选项，这是VScode内置的功能。但是当编写jQuery或者其他一些库的代码时候，则没有类似的提示，非常的不方便。不过可以自定义或者使用已经定义好的d.ts文件来解决此问题。declare可以向TypeScript域中引入一个变量...

2020-03-26 12:55:51 3268

转载纯TypeScript开发Web前端（二）如何引入JS库

背景总所周知，TS需要编译成JS才能在浏览器上跑，TS也能够调用JS的方法。但是，有一个现成的第三方JS类库摆在面前，让它如何能在TS中使用，很多刚入坑的朋友往往不得其门而入。下面我就讲讲我的办法吧。1、直接翻译看了上面4个字，大家可能不会不约而同地眉头一皱，立刻开喷：“喔靠，馊主意！”。我承认，这的确是个笨办法，但是我的确这么做过。笨办法也是办法，重剑...

2020-03-26 11:56:45 308

转载 mac webstorm自动编译typescript配置

1、安装typescripnpm install -g typescript　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　2、在typescript文件所在目录中打开terminal输入tsc --init安装tsconfig.js...

2020-03-26 10:39:23 394

转载 Git Push Error: insufficient permission for adding an object to repository database

cd /path/to/repo.gitsudo chgrp -R groupname .sudo chmod -R g+rwX .find . -type d -exec chmod g+s '{}' +到对应的.git目录下使用 chmod -R g+rwX .

2020-03-24 12:04:15 50

转载 Pipeline operator |>

The experimental pipeline operator|>(currently at stage 1) pipes the value of an expression into a function. This allows thecreation ofchained function calls in a readable manner. The result is...

2020-03-23 11:45:12 97

转载 Spring mvc解决跨域请求：Response to preflight request doesn't pass access control check

在nginx跨域请求cors配置如下：location / { add_header 'Access-Control-Allow-Origin' 'https://api.xxxx.com'; add_header "Access-Control-Allow-Credentials" "true"; add_he...

2020-03-18 13:12:11 1134

转载 Axios发送跨域请求时，默认不携带cookie的问题解决示例。

问题发现：在使用vue开发学子商城项目时，发现登录页面即使登录成功了，也无法将正确的登录状态信息传递回主页。如图：登陆成功之后，登录状态码为1，且通过cookie保存下来，跳转到首页后通过axios请求获取cookie中保存的登录状态码。但是此时获取到的状态码却不正确，导致错误的原因是： axios请求默认不携带cookie解决方案：方案一、修改axios中的cookie配置。通过查...

2020-03-18 12:05:44 2624

转载 vue解决跨域问题

开发模式要知道，跨域这个行为是浏览器禁止的，但是服务端并不禁止。使用proxyTable的原理就是将域名发送给本地的服务器，再由本地的服务器去请求真正的服务器。打开config/index.js，修改dev里的proxyTableproxyTable:{ '/': { target: 'http://www.xxx.cn/api', //你要访问的服务器...

2020-03-18 10:43:25 112 2

转载创建 React 动画的五种方式

简评：这篇文章将介绍五种可选方式来创建 React Web 动画，其中有一些是跨平台的（可以支持 React Native ）1. 基于 React 组件状态的 CSS 动画对于我来说最基础也是最显然的来创建动画就是使用 CSS 类的属性并通过添加或删除他们来展现动画。如果在你的应用中已经使用了 CSS，这是种很好的方式来实现基础动画。缺点：不是跨平台的（不支持 React Nat...

2020-03-12 16:13:07 147

转载小程序支付功能开发实战

小程序支付功能开发实战：附送前后端源码！前期准备先以企业身份注册一个小程序账号，注册完成之后登录小程序后台，把小程序appid、小程序secret码复制好。在这之后登录微信支付商平台（需注册），准备好微信支付商号。做一个总结：小程序appid小程序secret码微信支付商号准备服务器：可以到各大平台购买服务器，然后再去准备一个已经备过案的域名，并且该域名必须安装ssl证书，具体安装...

2020-03-08 19:15:10 256

转载简单JS旋转实现转盘抽奖效果

闲来没事,做了一个模拟转盘抽奖的HTML&JS的效果:可以在设置的时候,选择几个区域,并且可以填写指针将要停止的区域比如,我选择了"区域2",结果就是这样具体可以见下面的源码:(注意,这里JQ文档没有贴出来,需要自行引入)HTML文件:<!DOCTYPE html><html> <head> ...

2020-03-04 17:49:33 184

转载 vue 项目使用 scss 升级 node v12 后报错 TypeError: this.getResolve is not a function

项目之前基于 node v8 创建，后来升级 node v12 后 node-sass 报错，执行npm rebuild同样报错。后来重新安装 node-sass 和 sass-loader 后出现如下错误。error in ./src/scss/app.scssModule build failed (from ./node_modules/sass-loader/dist/cj...

2020-03-02 18:12:49 203