我第一次实现了无限滚动,但是当没有溢出时我无法初始显示滚动条.我在chrome中试过这个:
#scrollarea-invalid {
overflow-y: scroll !important;
height: 350px;
}
Run Code Online (Sandbox Code Playgroud)
如何在此div中始终显示滚动条,即使内容在此div中小于350px?
我一直在调整 Gatsby,到目前为止它为静态网站提供了无缝功能。我有堆栈,我需要使用 bootstrap 设计布局就布局而言,bootstrap 运行良好,但对于下拉轮播或模态等额外支持,我必须使用 bootstrap.js 和它的依赖项,尽管在本地环境中一切正常,但是当我在的时候部署我的网站我们的 netlify 我正面临这个问题
4:25:02 PM: failed during stage 'building site': Build script returned non-zero exit code: 1
4:25:01 PM: 7 | //# sourceMappingURL=bootstrap.min.js.map
4:25:01 PM:
4:25:01 PM: WebpackError: TypeError: Cannot set property 'emulateTransitionEnd' of undefin ed
4:25:01 PM:
4:25:01 PM: - bootstrap.min.js:6
4:25:01 PM: [lib]/[bootstrap]/dist/js/bootstrap.min.js:6:2564
4:25:01 PM:
4:25:01 PM: - bootstrap.min.js:6 ./node_modules/bootstrap/dist/js/bootstrap.min.js
4:25:02 PM: Shutting down logging, 58 messages pending
Run Code Online (Sandbox Code Playgroud)
在官方 repo 和 google 中进一步挖掘这个问题之后,大多数人都推荐 react-bootstrap 或 reactstrap 但我非常依赖于 bootstrapjs 并且无法找到上述错误的正确修复方法还是包含 bootstrap 的最佳方法js?这是我的 package.json …
有许多"拉动刷新"插件.我已经测试了其中的5个.但它们都没有快速运行(特别是在旧智能手机上).
什么是检查拉动刷新的最佳(黄油用户体验性能和响应性)方法?
PS:我不需要任何动画.我只是想知道用户是否"拉动刷新"
我正在尝试使用我的Angularjs前端进行Laravel API交换日期.
它通过首先转换我的mysql datetime初始值从Laravel到JS工作:
2015-08-19 10:00:00
Run Code Online (Sandbox Code Playgroud)
使用$newdate = Carbon::parse($event['date'])->toATOMString();
哪些输出:
2015-08-19T10:00:00+00:00
Run Code Online (Sandbox Code Playgroud)
,然后将其转换为javascript日期对象(Angularjs),使用event.date = new Date(event.date);
哪些输出:
Date 2015-08-19T10:00:00.000Z
Run Code Online (Sandbox Code Playgroud)
问题:将更新的Javascript日期对象发布回我的PHP API以更新mysql db(datetime)中的值.Carbon不喜欢他回来的日期格式:
2015-08-19T11:00:00.000Z
Run Code Online (Sandbox Code Playgroud)
我不知道如何处理这个问题.我从Laravel日志中收到以下错误:exception 'InvalidArgumentException' with message 'Trailing data' … Carbon/Carbon.php:392
问题:如何在php中转换上述格式化日期,以便Carbon接受它?
我不需要记录秒数,因此我的Laravel模型处理日期如下:
$this->attributes['date'] = Carbon::createFromFormat('Y-m-d H:i', $date);
Run Code Online (Sandbox Code Playgroud)
到目前为止,这是我尝试过的(没有成功).我显然错过了一些东西而不确定我在做什么.
/**
* Store updates to event.
*
* @return Response
*/
public function update($id)
{
$event = Event::findOrFail($id);
$date = Request::get('jsdateobject');
// ------------------------------------------------------------
// trying to handle following format: 2015-08-19T11:00:00.000Z
// ------------------------------------------------------------
// $date = …
Run Code Online (Sandbox Code Playgroud) 我的控制器中有以下代码:
public function upload(Request $request)
{
$files = $request->file('uploads');
if(!empty($files)) {
foreach($files as $file) {
Storage::put($file-getClientOriginalName(),file_get_contents($file));
}
}
Run Code Online (Sandbox Code Playgroud)
通过api.php
in 调用routes
:
Route::post('/upload', [ 'uses' => 'UploadController@upload' ]);
Run Code Online (Sandbox Code Playgroud)
我正在使用邮递员来测试我的应用程序。
标头:
身体:
生的:
POST / scotic / public / api / upload HTTP / 1.1主机:127.0.0.1:80内容类型:multipart / form-data; boundary = ---- WebKitFormBoundary7MA4YWxkTrZu0gW缓存控制:无缓存邮递员令牌:0caf7349-5c91-e5f1-766f-72a3f1e33900
------ WebKitFormBoundary7MA4YWxkTrZu0gW内容处置:form-data; name =“ uploads []”; filename =“ banana.png”内容类型:image / png png数据在这里。--WebKitFormBoundary7MA4YWxkTrZu0gW--
该$files
是在上传该文件是空的。我究竟做错了什么?
经过一番挖掘后,我使我的上载程序在没有邮递员的情况下工作,我注意到邮递员中缺少“-边界” Content-Type
。LHS有效,RHS(邮递员)无效。
有任何想法吗?
实施全日历时,我遇到了一个问题。我使用fullcalendar插件允许用户全天,每周,每天,每月和每年重复添加任务和事件以及相应的选项。
对于上述功能,我提到了两个SO帖子
虽然每星期重复我对着这是在解决一个问题,创造一个全天事件问题#4173对,我已经创建了一个演示在这里 我也查V4,我发现它会为我工作,V4演示在这里,但我在这里还有其他问题,我正在一个实时网站上工作,在那里我无法进行改版并选择实现v4,这是一个复杂的系统,需要在选择改版之前全面研究,因此是否有实现相同目标的技巧在v3中,有什么我可以手动编辑在本地存储的文件中或对其进行修补以解决此问题的方法?
$(function() {
let defaultEvents = [{
id: 230,
title: 'all day with every week (range)',
start: '00:00:00',
end: '23:59:59',
dow: [2],
allDay: true,
ranges: [{
start: "2018-12-10",
end: "2018-12-26"
}]
}, ];
$('#calendar').fullCalendar({
defaultView: 'month',
header: {
left: 'prev,next today',
center: 'title',
right: 'agendaWeek,agendaDay'
},
eventSources: [defaultEvents],
eventRender: function(event, element, view) {
if (event.ranges) {
console.log(event.ranges)
return (event.ranges.filter(function(range) {
return (event.start.isBefore(range.end) &&
event.end.isAfter(range.start));
}).length) > 0;
}
}
}); …
Run Code Online (Sandbox Code Playgroud)我正在制作一个多选表单元素,用于更新学校和专业数据透视表school_specialty
.问题是,当我只更改多项选择而不是其他输入或textareas时,我无法监听模型事件,因此我无法同步school_specialty
表.但是当我填写任何其他输入时,它的工作完美无缺.这是我从刀片中选择的多项选择:
{{Form::select('specialties[]', $specialties_data, $school->specialties, array('multiple' => 'true', 'id' => 'multi-select'))}}
Run Code Online (Sandbox Code Playgroud)
这是我的更新方法school controller
:
public function update($id)
{
$data = Input::only('name', 'type_id', 'description', 'info_specialties', 'contacts', 'specialties', 'financing_id', 'district_id', 'city_id');
$school = School::find($id);
$school->name = $data['name'];
$school->type_id = $data['type_id'];
$school->description = $data['description'];
$school->info_specialties = $data['info_specialties'];
$school->contacts = $data['contacts'];
$school->cover_photo = Input::file('cover_photo');
$school->set_specialties = $data['specialties'];
$school->financing_id = $data['financing_id'];
$school->set_district_id = $data['district_id'];
$school->city_id = $data['city_id'];
try {
$school->save();
} catch (ValidationException $errors) {
return Redirect::route('admin.schools.edit', array($id))
->withErrors($errors->getErrors())
->withInput();
} …
Run Code Online (Sandbox Code Playgroud) 我有一个使用cordova 构建的应用程序,但我不知道如何添加退出/停止功能来退出应用程序。在谷歌和其他网站上环顾四周后,我得到了使用的线索,navigator.app.exitApp()
但它对我不起作用。我该如何解决这个问题?
这是我的代码:
function onDeviceReady() {
var network = navigator.connection.type;
if (network === 'none') {
$cordovaDialogs.confirm('Attention' + '\n' + 'You have no internet connection', '', ['Review Settings', 'Exit'])
.then(function(buttonIndex) {
// no button = 0, 'OK' = 1, 'Cancel' = 2
var btnIndex = buttonIndex;
if (btnIndex == 1) {
$state.go('register');
} else {
navigator.device.exitApp();
}
});
Run Code Online (Sandbox Code Playgroud) Carbon
我对HTML5 输入有问题input[type=datetime-local]
,因为此输入以格式Y-m-d\TH:i
(例如2016-11-20T11:45
)发送数据时间。
我的控制器中有方法:
public function store(ModelStoreFormRequest $request)
{
$model = new Model($request->all());
$model->save();
return redirect->action(/*...*/);
}
Run Code Online (Sandbox Code Playgroud)
我得到例外:
InvalidArgumentException in Carbon.php line 582: Data Missing
1. in Carbon.php line 582
2. at Carbon::createFromFormat('Y-m-d H:i:s', '2016-11-20T11:45') in HasAttributes.php line 709
Run Code Online (Sandbox Code Playgroud)
所以我通过在模型中创建下一个函数解决了这个问题:
public function setStartedAtAttribute($startedAt)
{
if( $startedAt instanceof Carbon ) {
$this->attributes['started_at'] = $startedAt;
return;
}
if( strpos($startedAt, 'T' ) ) {
$this->attributes['started_at'] = Carbon::createFromFormat('Y-m-d\TH:i', $startedAt);
return;
}
$this->attributes['started_at'] = Carbon::createFromFormat('Y-m-d H:i:s', $startedAt);
}
Run Code Online (Sandbox Code Playgroud)
但我不喜欢这个解决方案,不知道是否有更优雅的解决方案?我正在考虑使用 …
我已经开发了一个网站gatsby
,我正在通过 使用谷歌分析插件gatsby-plugin-google-analytics
,现在为了对用户友好,我想添加一个 cookie 同意,用户将有两个选项是接受还是拒绝 cookie 的使用。如果用户拒绝,那么我想停止谷歌分析来跟踪用户活动。我深入研究了他们的文档,但找不到实现这一目标的选项,有什么办法可以实现这一目标。
{
resolve: `gatsby-plugin-google-analytics`,
options: {
trackingId: siteConfig.googleAnalyticsId,
// Defines where to place the tracking script - `true` in the head and `false` in the body
head: false,
},
},
Run Code Online (Sandbox Code Playgroud)
对于运动,我gatsby-config.js
看起来像这样。如何实现这一目标。
提前谢谢你。
laravel ×4
javascript ×3
datetime ×2
gatsby ×2
jquery ×2
laravel-5 ×2
php ×2
php-carbon ×2
bootstrap-4 ×1
cordova ×1
css ×1
fullcalendar ×1
laravel-4 ×1
laravel-5.3 ×1
postman ×1
reactjs ×1