0%

报错信息如下

1
Uncaught ReferenceError: exports is not defined

解决方案

网上查了一下,线索在导入的包使用了 CommonJS 规范,而 Vue Cli 打包使用的是 ESM 规范,所以会报错。

然后 Vue 官方文档简单提及了一下,不过我没找到办法让 Vue Cli 打包支持 CommonJS 规范。

这就奇怪的很,开发模式没事,打包就会出现错误。

1
2
3
exports.test = test;
module.exports = { test };
export function test() {}

看一下上面这三个的导出方式,我用 rollup 打包的时候,加了 format: 'cjs',就会报错,后来我去掉了就解决了这个问题

转载

写了一段求和代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#include <stdio.h>

int main() {
int Sum(int array[], int n);
int a[10] = {1, 2, 3, 4, 5, 6, 7, 8, 9, 10};
cout << Sum(a, 10) << endl;
return 0;
}

int Sum(int array[], int n) {
int sum = 0;
for (int i = 0; i < n; i++) {
sum += array[i];
}
return sum;
}

但是这样写有个问题,如果数组长度不是 10,怎么自动获取呢?

我在网上找了个获取数组长度的方法,如下

阅读全文 »

1
2
3
git restore .
git restore --staged .
git reset .
1
2
3
git fetch --all
git reset --hard origin/master
git pull // 这一步为了同步远程代码,不需要的话可不执行

stash 暂存(推荐)

1
2
3
4
git add .
git stash
git pull
git stash pop

最近在使用 Grom,碰到了一些问题,说一下解决方案。

数据库表头和数据库列名被转换

https://gorm.io/zh_CN/docs/conventions.html#复数表名

1
2
3
4
5
6
7
8
type Tabler interface {
TableName() string
}

// TableName 会将 User 的表名重写为 `profiles`
func (User) TableName() string {
return "profiles"
}

https://gorm.io/zh_CN/docs/conventions.html#列名

1
2
3
4
5
type Animal struct {
AnimalID int64 `gorm:"column:beast_id"` // 将列名设为 `beast_id`
Birthday time.Time `gorm:"column:day_of_the_beast"` // 将列名设为 `day_of_the_beast`
Age int64 `gorm:"column:age_of_the_beast"` // 将列名设为 `age_of_the_beast`
}

设置数据库最大线程和连接池

https://gorm.io/docs/generic_interface.html#Connection-Pool

1
2
3
4
5
6
7
8
9
10
11
// Get generic database object sql.DB to use its functions
sqlDB, err := db.DB()

// SetMaxIdleConns sets the maximum number of connections in the idle connection pool.
sqlDB.SetMaxIdleConns(10)

// SetMaxOpenConns sets the maximum number of open connections to the database.
sqlDB.SetMaxOpenConns(100)

// SetConnMaxLifetime sets the maximum amount of time a connection may be reused.
sqlDB.SetConnMaxLifetime(time.Hour)

Gorm 有 JSON 类型的数据的处理

1
2
3
4
5
6
7
import "gorm.io/datatypes"

type UserWithJSON struct {
gorm.Model
Name string
Attributes datatypes.JSON
}

Mysql 获取和设置最大连接数

登录

1
2
mysql -u root -p
mysql -h 127.0.0.1 -u root -p -P 3306

获取最大连接数

1
SHOW VARIABLES LIKE "max_connections";

设置最大连接数

1
SET GLOBAL max_connections = 500;

AWS 设置最大连接数

先安装一下 Aws cli

获取参数列表和设置参数

1
# .local/bin/aws lightsail update-relational-database-parameters --relational-database-name <your given name> --parameters "parameterName=max_connections,parameterValue=500,applyMethod=pending-reboot"

简单了解一下 promise

参考文章

简单实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
class Promise {
constructor(fn) {
this.state = 'pending';
this.values = null;
this.resolveList = [];
this.rejectList = [];
try {
fn(resolve, reject);
} catch (e) {
reject(e);
}
function resolve(value) {
if (this.state === PENDING) {
this.state = RESOLVED;
this.value = value;
this.resolveList.map((cb) => cb(this.value));
}
}

function reject(value) {
if (this.state === PENDING) {
this.state = REJECTED;
this.value = value;
this.resolveList.map((cb) => cb(this.value));
}
}

this.then = (onFulfilled, onRejected) => {
onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : (v) => v;
onRejected =
typeof onRejected === 'function'
? onRejected
: (r) => {
throw r;
};
if (this.state === PENDING) {
this.resolveList.push(onFulfilled);
this.rejectList.push(onRejected);
}
if (this.state === RESOLVED) {
onFulfilled(this.value);
}
if (this.state === REJECTED) {
onRejected(this.value);
}
};
}
}
阅读全文 »

简单记一下 Vue 在新标签页中打开新页面

1
2
3
4
5
6
7
8
9
10
this.$router.push({
path: '/new-page',
target: '_blank',
});

let routeUrl = this.$router.resolve({
path: '/share',
query: { id: 96 },
});
window.open(routeUrl.href, '_blank');

备注

https://www.jianshu.com/p/a36a417527d2

简单记一下添加 css 属性的方法

1
2
3
4
5
6
7
8
9
10
const el = document.getElementById('item');

// 判断className是否存在
el.className = el.className === 'active' ? 'inactive' : 'active';

// 设置className
el.setAttribute('class', el.getAttribute('class'))

// 添加className
el.classList.add('active')