标签: loading
按预先加载的关系计数排序
我有这样的事情
class Item extends Model
{
...
public function likes() {
return $this->hasMany('like');
}
...
在我的控制器中，我像这样加载这个项目
$items = Item::with([
...
'likes',
'comments',
...
])
->paginate(10);
我需要得到喜欢计数并按这个数字分页排序这个列表，就像这样
$items = Item::with([
...
'likes',
'comments',
...
])
->orderBy(likes->count())
->paginate(10);
，这显然不起作用。有小费吗 ？谢谢。
推荐指数
解决办法
查看次数
在第一次反应应用程序初始化之前显示加载图标
在浏览器下载所有 js 文件并加载 React 应用程序之前显示加载器图标的标准方式是什么。
我可以在不破坏任何东西的情况下做这样的事情吗？
<div id="content" class="app">
Loading...
</div>
推荐指数
解决办法
查看次数
外部文件中的 JavaScript 在脚本标签的 onload 事件之前执行
我读过它defer不一定会延迟外部脚本的加载，但它会将脚本的执行推迟到 HTML 被解析之后。
作为一个实验，我在包含 jQuery 的文件的底部添加了一行，当执行到达 JavaScript 末尾时，它会发出一个事件：
window.dispatchEvent(new Event('jQuery-executed'));
我在我的测试页面中包含了具有defer属性的 jQuery 文件：
<script src="jquery-3.2.1.js" defer onload="console.log('jQuery loaded', Date.now());"></script>
<script>
window.addEventListener('DOMContentLoaded', function(){
console.log('DOMREADY', Date.now());
});
window.addEventListener('jQuery-executed', function(){
console.log('jQuery executed', Date.now());
});
</script>
我onload在脚本标签上有一个处理程序，告诉我文件何时加载，其他函数输出控制台登录 DOMContentLoaded 以及何时执行 jQuery。
为什么当我查看此页面时会得到这个？
事情当然应该以不同的顺序发生吗？jQuery 不应该只在包含它的文件加载后执行吗？为什么它在 DOMContentLoaded 之前执行？
推荐指数
解决办法
查看次数
外部图像与内联 SVG 图像图像加载时间
标题可能很模糊，因为我不太确定如何措辞，但我想知道哪个需要更长的时间才能加载
这种类型的加载器：https : //codepen.io/aurer/pen/jEGbA
<html></html>
或者像这样的 gif 加载器：
我几乎总是认为它是图片，但我只是想确定一下。
推荐指数
解决办法
查看次数
带有加载指示器的 TextInputLayout
使用Material Design 库中的TextInputLayout，我们可以使用各种结束图标模式进行密码编辑、文本清除和自定义模式。此外，如果我们使用任何样式，它将自动应用显示打开和关闭 V 形的特殊结束图标模式。Widget.MaterialComponents.TextInputLayout.*.ExposedDropdownMenu
各种图标模式示例：
鉴于结束图标的各种用例，我们决定在 中使用加载指示器InputTextLayout，使其看起来像这样：
应该如何着手实施呢？
android loading android-progressbar progress-bar material-components-android
推荐指数
解决办法
查看次数
backbone.js将文本文件加载到集合中
这是我第一次使用框架进行开发并坚持第一步.
我正在将Flex应用程序转换为Javascript应用程序并使用骨干作为框架.
我必须加载一个名称值格式的文本文件.
<!doctype html>
<html>
<head>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.10/backbone-min.js'></script>
<script>
var ResourceBundleCollection = Backbone.Collection.extend({
url:'ResourceBundle.txt',
});
var resourceBundleCollection = new ResourceBundleCollection();
resourceBundleCollection.fetch();
</script>
</head>
<body>
</body>
</html>
ResourceBundle.txt包含以下格式的内容
location_icon=../../abc/test.png
right_nav_arrow_image=assets/images/arrow.png
right_nav_arrow_image_visible=true
它抛出以下错误而不是格式良好
我可以使用JQuery轻松加载文本文件并解析它
$.ajax({
type : "GET",
url : "ResourceBundle.txt",
datatype : "script",
success : resourceXMLLoaded
});
并使用以下代码解析它
var lines = txt.split("\n");
for(var i=0;i<lines.length;i++) {
if(lines[i].length > 5) {
var _arr = lines[i].split("=");
resourceBundleObj[$.trim(_arr[0])] = $.trim(_arr[1]);
}
}
请告知如何在backbone.js中获得相同的结果
推荐指数
解决办法
查看次数
使用Jquery在加载时显示div
我有这两个div!
<div id="loader">
</div>
和
<div id="wrapper">
</div>
"包装器div不在装载器div内部进行任何澄清"
我的剧本
$(window).bind("load",function() {
$('#loader').css('display',none);
$('#wrapper').css('visibility',visible);
});
我打算用脚本做的是在页面完全加载后隐藏加载器div并显示包含页面所有内容的包装器div.我最初设置display:none了包装样式.
正如我所料,显示加载器div但是在加载完成后(我至少可以从鼠标的加载图标和favicon浏览器选项卡的区域中看出)但是包装器div没有显示.
你能帮忙的话,我会很高兴.
推荐指数
解决办法
查看次数
在XPage中加载指标页面完全刷新
我的XPages之一有很多设计元素.根据连接速度,页面加载的时间超过预期.我想创建一个指示器来显示已登录的用户"页面正在加载"...我做了部分刷新,它工作得很好,但我无法完全刷新.我一直在寻找解决方案.我可以尝试jquery,dojo或ajax.
任何建议都很重要.关心CA.
推荐指数
解决办法
查看次数
Picasso Target已被垃圾收集
美好的一天.我有一个带有集群管理器的谷歌地图.简单的一个,我使用集群绘制分组或不分组的标记.无论如何,我从集群管理器获得了一个方法回调,它是集群项目渲染一个.在我应用的回调中自定义图像到标记:标记内的用户图像.我发现Picasso是最好的处理位图加载,同时让我头疼.我正在使用TargetPicasso的类来启动位图回调:OnPreLoad,OnFail,OnBitmapLoaded.问题是在第一个集群项目上渲染onBitmapLoaded未调用,一般情况下它永远不会被调用,除非它第二次被触摸.第一次没有任何反应,除了OnPreLoad谷歌搜索没有触发回调我发现伟大的毕加索对班级缺乏参考我尝试了谷歌的所有例子:使目标引用变得强大(从方法中获取类的初始化,并在我的类中初始化类,如下所示)
@Override
protected void onClusterItemRendered(MarkerItem clusterItem, Marker marker) {
mMarker = marker;
mMarkerItem = clusterItem;
Picasso.with(mContext).load(clusterItem.getImageUrl()).transform(new CircleTransformation()).into(target);
}
private Target target = new Target() {
@Override
public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
Log.d(TAG, "onBitmapLoaded: ");
}
@Override
public void onBitmapFailed(Drawable errorDrawable) {
Log.d(TAG, "onBitmapFailed: ");
}
@Override
public void onPrepareLoad(Drawable placeHolderDrawable) {
Log.d(TAG, "onPrepareLoad: ");
}
};
@Override
protected void onBeforeClusterItemRendered(MarkerItem item, MarkerOptions markerOptions) {
markerOptions.title(item.getTitle());
markerOptions.icon(item.getIcon());
}
在这一点上我得到相同的结果....有时位图加载,有时不加.大多数没有...无论如何,我已经尝试将接口类实现到我自己的类,如下所示:
public class …推荐指数
解决办法
查看次数
加载CSS异步的最佳方法是什么？
我有九个不同的CSS文件.在浏览器下载所有CSS文件之前,我的网站不会加载.大多数CSS甚至不需要主页.在JavaScript中你可以这样做<script async>,
但对于样式表,最佳解决方案是什么？
我搜索了以下文章 Code Pen
他们建议使用
<link rel="stylesheet" href="css.css" media="none" onload="if(media!='all')media='all'">
要么
<head>
<!-- head content -->
<link rel="stylesheet" href="style.css" media="bogus">
</head>
<body>
<!-- body content -->
<link rel="stylesheet" href="style.css">
</body>
推荐指数
解决办法
查看次数
标签 统计
loading ×10
css ×3
android ×2
html ×2
image ×2
javascript ×2
jquery ×2
backbone.js ×1
dom ×1
eager ×1
eloquent ×1
laravel ×1
material-components-android ×1
parsing ×1
php ×1
progress-bar ×1
reactjs ×1
text-files ×1
wrapper ×1
xpages ×1