分类 "JavaScript" 下的文章

问题:vue的生产模式下无法获取到文件
解决:打包时的配置文件出错
方法:
index.js文件

index: path.resolve(__dirname, '../dist/index.html'),
// Paths
// 下面定义的是静态资源的根目录 也就是dist目录
assetsRoot: path.resolve(__dirname, '../dist'),
// 下面定义的是静态资源根目录的子目录static,也就是dist目录下面的static
assetsSubDirectory: 'static',
// 下面定义的是静态资源的公开路径,也就是真正的引用路径
assetsPublicPath: '/',

修改为

index: path.resolve(__dirname, '../../templates/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../../static'),
assetsSubDirectory: '',
assetsPublicPath: '../static/',    // 这个指向的位置是index.html文件

问题:如何按下回车后进行登录
解决:使用js监听回车事件
方法:

<!-- 登录框 --> <div class="login-box"> <div class="w400 login-content"> <ul class="character"> <li class="school" value="a">学校</li> <li class="student" value="s">学生</li> <li class="teacher" value="t">教师</li> <li class="parent" value="p">家长</li> </ul> <div class="input-box"> <input type="text" placeholder="用户名" id="username" /> <input type="password" placeholder="密码" id="userpass" /> <div class="clear"><span class='login-msg'></span>找回密码</div> <button id="login_submit_btn"><span>登</span><span>录</span></button> </div> </div> </div>
JS代码

// 给登录框增加回车键按下事件,进行登录 $('.login-box').keydown(function(e){ if(e.keyCode == 13) $('#login_submit_btn').click(); });

问题:使用highcharts不想显示无用的东西,如何设置
解决:在js中配置
方法:
配置如下:

$(function () {
$('#container').highcharts({
chart: {
polar: true,
type: 'line'
},
title: {  // 不显示标题
text: '',
},
credits: {  // 不显示版权信息
enabled: false
},
exporting: {  // 不显示导出图片
enabled:false
},
pane: {
size: '80%'
},
xAxis: {
categories: ['销售', '市场营销', '发展', '客户支持',
'信息技术', '行政管理'],
tickmarkPlacement: 'on',
lineWidth: 0
},
yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0
},
tooltip: {
shared: true,
pointFormat: '<span style="color:{series.color}">{series.name}: ${point.y:,.0f}<br/>'
},
legend: {  // 不显示说明
enabled: false
},
series: [{
name: '预算拨款',
data: [43000, 19000, 60000, 35000, 17000, 10000],
pointPlacement: 'on'
}, {
name: '实际支出',
data: [50000, 39000, 42000, 31000, 26000, 14000],
pointPlacement: 'on'
}]
});
});

问题:audio标签只能播放一个音频文件,不能在播放完歌曲后继续播放下一首歌
解决:绑定ended方法
方法:
var musicArr['爱情转移.mp3', '一眼千年.mp3', '坚持到底.mp3'];
playMusic(musicArr, 0);
function playMusic(musicArr,n) {
if(n>=3){ return false;}
name = musicArr[n];
var tipSound = new Audio();
tipSound = new Audio(name);
tipSound.play();
$(tipSound).bind("ended", function() {
playMusic(n+1)
});
}

参考:https://www.v2ex.com/t/85346

问题:使用setInterval时无效
解决:传入的方式不正确
方法:
setInterval(myfunc, 3000);
function myfunc(){
alert(111);
}

注:w3school的教程是setInterval("myfunc()", 3000);,但我个人测试无效