小编Sye*_*yed的帖子
在 vite + vue3 + TS 项目中，AWS Amplify 解析组件失败
我很难让 AWS Amplify 与Vite.js 一起工作
// First I was getting this error:
Uncaught ReferenceError: global is not defined
所以，我script在 index.html 的head部分添加了这个
<script>
var global = global || window;
var Buffer = Buffer || [];
var process = process || {
env: { DEBUG: undefined },
version: []
};
</script>
现在，我收到此警告/错误
[Vue warn]: Failed to resolve component: amplify-sign-out
[Vue warn]: Failed to resolve component: amplify-authenticator
您可以在此处查看完整日志：
推荐指数
解决办法
查看次数
jQuery切换/循环3状态
我有一个按钮,我需要通过3状态.例如:静音,开和关
<html>
<head>
<!-- define mute/on/off styles -->
<style type="text/css">
.mute{ background:gray }
.on { background:green }
.off { background:red }
</style>
<!-- define the toggle/cycle function -->
<script language="javascript">
function toggleState(item){
if(item.className == "mute") {
item.className="on";
} else if(item.className == "on") {
item.className="off";
} else {
item.className="mute";
}
}
</script>
</head>
<body>
<!-- call 'toggleState' whenever clicked -->
<input type="button" id="btn" value="button" class="mute" onclick="toggleState(this)" />
</body>
</html>
我如何使用jQuery而不是使用纯JavaScript来循环使用它
推荐指数
解决办法
查看次数
Vue.js：如何连接 v-model 值
如何使这项工作：
<div v-for="index in 4">
<input v-model="'invoice_' + index" >
</div>
像这样：
<div v-for="index in 4">
<input v-model="invoice_1" >
</div>
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
如何将（对象）数组分区或划分为特定数量的块，可能使用 lodash
我尝试了几种方法，但没有得到预期的结果。
假设我有这样的对象数组：
var users = [
{ 'user': 'barney', 'age': 36, 'active': false },
{ 'user': 'fred', 'age': 40, 'active': true },
... and so on (n lenght) ...
];
我想把他们分成两到三组。如果我有 100 个对象，并且我希望将它们分为 3 组，那么第一组和第二组的结果应包含 33 个对象，最后一组应包含 34 个对象（或剩余对象分布的任何其他最佳可能方式）。
我尝试使用 lodash 的 chunk，但效果完全不同:)
console.log(_.chunk(users, 2)) // this will create 50 chunks of 2 objects
编辑我的问题以解释更多信息。
var my arrayOfObj = [1,2,3,4,5,6,7,8,9,10]
myArray.dividThemIn(3) // when run this, I am getting chunks like below
[{1,2,3}, {4,5,6}, {7,8,9}, {10}] // I am finding code …推荐指数
解决办法
查看次数
如何全局更改 OutlineButton 的边框颜色和宽度？
我需要改变边框颜色和宽度的OutlineButton，我知道通过直接内嵌提的是如下这样的一种方式：
OutlineButton(
child: Text('SIGN IN'),
padding: EdgeInsets.all(8.0),
onPressed: handleSignIn,
borderSide: BorderSide(
color: Colors.white, //Color of the border
style: BorderStyle.solid, //Style of the border
width: 1, //width of the border
),
)
如果我按照下面提到的那样做，它会产生影响FlatButton，RaisedButton并且不会产生影响OutlineButton。
MaterialApp(
title: 'MyApp',
theme: ThemeData(
buttonTheme: ButtonThemeData(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20),
// this effects to FlatButton and RaisedButton
side: BorderSide(
color: Colors.white, //Color of the border
style: BorderStyle.solid, //Style of the border
width: 1, //width of …推荐指数
解决办法
查看次数
材料图标与材料设计图标
有两种使用Materilize Icon的方法：
<i class="mdi-ICON-NAME"></i>
<i class="material-icons">ICON_NAME</i>
在官方网站我没有发现指南或图标图表以这种方式使用的字体<i class="mdi-ICON-NAME"></i>，但有指导如何以这种方式使用的图标<i class="material-icons">ICON_NAME</i> 在这里。
因此，当官方站点上没有有关如何以这种方式使用图标的指南时<i class="mdi-ICON-NAME"></i>。然后为什么要在整个样式表中定义它（materialize.css）。
另外，如果我需要以这种方式调用图标，<i class="material-icons">ICON_NAME</i>那么我需要为字体文件链接一个图标。例如。<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">。因此，我觉得不需要将2种字体加载到DOM中，对吗？
我的问题是：如果需要以这种方式使用图标，在哪里可以找到图标图表<i class="mdi-ICON-NAME"></i>？
推荐指数
解决办法
查看次数
如何从另一个函数访问全局函数（Vue.prototype.myFn）？
我在一个 nuxt.js 项目中并尝试创建全局函数，但出现此错误：
Cannot read property '$toggleBodyClass' of undefined
这是我的代码（插件/globals.js）：
import Vue from 'vue';
Vue.prototype.$toggleBodyClass = (addRemoveClass, className) => {
const elBody = document.body;
if (addRemoveClass === 'addClass') {
elBody.classList.add(className);
} else {
elBody.classList.remove(className);
}
};
Vue.prototype.$setModalBackdrop = () => {
this.$toggleBodyClass('addClass', 'modal-open'); // ** How to make this work? **
};
当我在我的组件 (components/myComp.vue) 中使用它时，这工作得很好：
<template>
<div>
<button @click="handelClick">Toggle Class</button>
</div>
</template>
<script>
export default {
methods: {
handleClick() {
this.$toggleBodyClass('addClass', 'modal-open');
},
},
};
</script>
请帮忙，谢谢。
推荐指数
解决办法
查看次数
对于哪些flutter小部件，我们需要使用const？
我了解的好处，const并且不会在状态更改时重建小部件，但是当您在下面的代码中看到它们是常量并且我希望flutter自动处理它时，它仍然非常明显。或者，颤振已经在照顾它了，我不知道吗？
// This makes sense to me but with above mentioned concern
const Text('Your Text Here')
const Icon(Icons.chevron_right, size: 20.0),
无论如何，我的问题是：将SizedBox＆EdgeInsets小部件定义为下面定义的constants（const）可以吗？
Padding(
padding:
const EdgeInsets.only(top: 16.0, right: 6.0, bottom: 16.0, left: 16.0),
child: Row(
children: <Widget>[
const SizedBox(width: 16.0),
const Icon(Icons.chevron_right, size: 20.0),
],
),
),
推荐指数
解决办法
查看次数
如何使用javascript将数字转换为字符？
如何转换1234567890 = ABCDEFGHIJ，例如。360 to CFJ
我知道如何针对单个字符执行此操作：
var chr = String.fromCharCode(97 + n); // where n is 0, 1, 2 ...
但不确定如何一次处理多个/一组数字：例如 230 to BCJ
推荐指数
解决办法
查看次数
标签 统计
javascript ×6
dart ×2
flutter ×2
vue.js ×2
aws-amplify ×1
chart.js ×1
charts ×1
css3 ×1
jquery ×1
lodash ×1
materialize ×1
nuxt.js ×1
vitejs ×1
vuejs2 ×1
vuejs3 ×1