小编Eni*_*jar的帖子
ES6:条件和动态导入语句
条件
是否可以使用下面的条件导入语句？
if (foo === bar) {
import Baz from './Baz';
}
我已经尝试了上述但在编译时得到以下错误(来自Babel).
'import' and 'export' may only appear at the top level
动态
是否可以使用如下的动态导入语句？
for (let foo in bar) {
if (bar.hasOwnProperty(foo)) {
import Baz from `./${foo}`;
}
}
以上在编译时从Babel收到相同的错误.
这是可能做的还是我缺少的东西？
推理
我试图这样做的原因是我有很多"页面"的导入,它们遵循类似的模式.我想通过动态for循环导入这些文件来清理我的代码库.
如果这是不可能的,那么有更好的方法来处理ES6中的大量导入吗？
推荐指数
解决办法
查看次数
Laravel 5.1 - 检查数据库连接
我正在尝试检查Laravel中是否连接了数据库.
我查看了文档并找不到任何内容.我发现的最接近的是这个,但这并不能解决我的问题.
我有三个MySQL实例在不同的机器上设置.下面是我想要实现的简化版本.
- 如果已连接数据库1,请将数据保存到其中
- 如果未连接数据库1,请检查数据库2是否已连接
- 如果数据库2已连接,则将数据保存到其中
- 如果未连接数据库2,请检查数据库3是否已连接
- 如果连接了数据库3,则将数据保存到其中
要清楚,有没有办法检查Laravel 5.1中是否连接了数据库？
推荐指数
解决办法
查看次数
Laravel 5.1是否与PHP 7兼容
根据Laravel网站上的安装部分,5.1与PHP> = 5.5.9兼容.
通过不兼容性,我看不到任何立即标记警告标志的东西.
有没有人遇到过使用Laravel 5.1运行PHP 7的问题？
编辑:设置Kyar Wa Lar将有用的资源链接到PHP 7和Laravel.
推荐指数
解决办法
查看次数
使用Browserify在ES6中使用Bootstrap和jQuery包时出错
我正在尝试使用带有jQuery的Bootstrap.我正在使用Browserify和Babel变换进行编译.我收到以下错误.
Uncaught ReferenceError: jQuery is not defined
我试过导入这样的包,但是我得到了上面的错误.
import $ from 'jquery';
import Bootstrap from 'bootstrap';
搜索周围,我找到了这个答案,所以我尝试了这个,但我仍然得到同样的错误.
import $ from 'jquery';
window.$ = window.jQuery = $;
import Bootstrap from 'bootstrap';
Bootstrap.$ = $;
我是否使用ES6错误地导入这些软件包,还是以不同的方式完成？我尝试的最后一件事是导入没有ES6的软件包,但是我仍然遇到了同样的错误.
window.$ = window.jQuery = require('jquery');
var Bootstrap = require('bootstrap');
Bootstrap.$ = $
推荐指数
解决办法
查看次数
带文本的CSS平行四边形
我使用CSS3的skew变换制作了一个平行四边形,并将文本放在另一个具有相反skew值的div中,以便文本保持未变换状态:JSFiddle示例.
有没有办法让文本与平行四边形的边缘对齐,如下所示:
我愿意接受其他建议,例如使用canvasif,如果不能使用CSS.如果有一种JavaScript技术可以做到这一点,那么任何可能有用的链接都将受到赞赏.
更新:在寻找一些跨浏览器解决方案之后,我发现实现这一目标的最简单的工具就是使用这个工具.
推荐指数
解决办法
查看次数
如何在Laravel中分析多个模型
我有一个搜索多个模型的搜索方法.为简单起见,我添加了两个我正在搜索的模型.
我想结合两个模型来分析他们的结果.
这是我目前正在做的事情.
public function search(Request $request)
{
$query = $request->get('q');
$threads = Thread::where('title', 'LIKE', "%{$query}%")->get();
$posts = Post::where('body', 'LIKE', "%{$query}%")->get();
$results = array_merge($threads->toArray(), $posts->toArray());
$results = new Paginator($results, 10);
return view('pages.search', compact('query', 'results'));
}
这有效,但我觉得这样效率很低,可以改进.有一个更好的方法吗？
推荐指数
解决办法
查看次数
HTML5和getUserMedia - 在一段时间后录制音频并保存到Web服务器
在开发我的网页时,我遇到了使用HTML5的getUserMedia的一些困难.这是我第一次尝试实现此功能来录制用户音频输入.Flash不是此项目的选项,因为它也必须在移动设备上使用.
我来这里看看是否有人有经验并知道如何用getUserMedia实现HTML5以记录用户麦克风一段时间(用PHP中的会话完成),然后保存并将音频文件发送到Web服务器.
如果这是不可能的,那么有没有其他方式,也许有Java小程序？
js:
<script>
var onFail = function(e) {
console.log('Rejected!', e);
};
var onSuccess = function(s) {
var context = new webkitAudioContext();
var mediaStreamSource = context.createMediaStreamSource(s);
recorder = new Recorder(mediaStreamSource);
recorder.record();
// audio loopback
// mediaStreamSource.connect(context.destination);
}
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
var recorder;
var audio = document.querySelector('audio');
function startRecording() {
if (navigator.getUserMedia) {
navigator.getUserMedia({audio: true}, onSuccess, onFail);
} else {
console.log('navigator.getUserMedia not present');
}
}
function stopRecording() {
recorder.stop(); …推荐指数
解决办法
查看次数
使用PHP将录制的音频文件发送到Web服务器
我正在使用Recorder.js,它允许用户通过麦克风输入创建自己的录音.我是新手,所以我使用这个网站作为参考点.
此代码创建可下载的.wav文件:
<html>
<head>
<script src="js/recorderjs/recorder.js"></script>
<script src="js/main.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<img id="record" src="mic.png" onclick="toggleRecording(this);"><br>
<img src="save.svg" onclick="saveAudio();">
<form action="savefile.php" method="post">
<input type="submit" value="Submit">
</form>
</body>
</html>
这会启动和停止录制:
<img id="record" src="mic.png" onclick="toggleRecording(this);">
这将从recorder.js脚本中下载.wav文件:
<img src="save.svg" onclick="saveAudio();">
我正在使用此PHP脚本尝试将.wav文件保存到/ audio目录:
<?php
$save_folder = dirname(__FILE__) . "/audio";
if(! file_exists($save_folder)) {
if(! mkdir($save_folder)) {
die("failed to create save folder $save_folder");
}
}
$key = 'filename';
$tmp_name = $_FILES["audiofile"]["tmp_name"];
$upload_name = $_FILES["audiofile"]["name"];
$type = $_FILES["audiofile"]["type"];
$filename = "$save_folder/$upload_name";
$saved = …推荐指数
解决办法
查看次数
FireFox中iFrame高度问题的解决方法是什么？
我四处查看并遍历了我的代码，但是找不到解决我问题的方法：
FireFox中的iFrame：
Chrome中的iFrame：
HTML：
<iframe width="100%" height="100%" frameBorder="0" id="map" src="link-to-map"></iframe>
CSS：
#map {
max-width: 900px;
height: 400px !important;
padding: 10px;
margin: 20px auto;
}
我没有尝试解决FireFox中的高度问题，还有其他人遇到此问题并找到了解决方案吗？
推荐指数
解决办法
查看次数
从ES6中的类调用动态方法
如何从ES6中的类动态调用方法？
在ES5及更低版本中,我可以使用以下内容执行此操作.JSFiddle示例
var App = function() {
var that = this;
this.init = function() {
var elements = document.getElementsByClassName('call-method');
for(var i = 0; i < elements.length; i++) {
elements[i].addEventListener('click', function() {
that['method' + this.dataset.method](this);
});
}
};
this.methodOne = function(element) {
console.log(element.innerText);
};
this.methodTwo = function(element) {
console.log(element.innerText);
};
};
(function() {
var app = new App();
app.init();
}());
当我尝试在ES6中执行相同操作时,我收到错误Uncaught TypeError: not a function.在ES6中这是可能的还是我在这里做错了什么？JSFiddle示例
'use strict';
class App {
constructor() {
var elements = document.getElementsByClassName('call-method');
for(var …推荐指数
解决办法
查看次数
标签 统计
javascript ×5
php ×5
ecmascript-6 ×3
laravel ×3
audio ×2
browserify ×1
canvas ×1
css ×1
css3 ×1
firefox ×1
getusermedia ×1
html ×1
html5 ×1
iframe ×1
jquery ×1
microphone ×1
mysql ×1
upload ×1
wav ×1