小编Leo*_*eon的帖子

Chrome开发人员工具不会检查body标记内的元素(mac OSX)

有没有其他人遇到过OSX的chrome开发人员工具没有在body标签内显示任何元素/ html的问题?

我检查一个元素是正常的,但是我没有看到html,而是获得了body标签,它无法以任何方式扩展或打开(参见附图).这使得dev工具对css调试毫无用处.

我试过了

  • 删除并重新安装Chrome(最新版本)
  • 将Chrome重置为默认值
  • 重新启动我的电脑
  • 令人耳目一新的刷新页面

对于body标签中的任何元素,这是我可以得到的所有信息:

在此输入图像描述

macos google-chrome google-chrome-devtools

28
推荐指数
1
解决办法
3206
查看次数

EC2或S3主持AngularJS应用程序?

我想启动一个AngularJS应用程序的生产版本,我觉得亚马逊的AWS是一个真棒主机套件.由于AngularJS基本上是静态的它可以在S3存储托管,或者用Node.js的后端的EC2服务器上.

这些解决方案中的任何一个都适合我的部署方法,所以问题是,我(理论上)会从一个或另一个获得更好的性能,为什么?在S3上托管专业网站前端有什么问题吗?有没有人对这两种方法有任何经验?该网站涉及流媒体音频,视频和潜在的许多用户.

任何建议表示赞赏

hosting amazon-s3 amazon-ec2 amazon-web-services angularjs

10
推荐指数
2
解决办法
6004
查看次数

md-color设置悬停颜色

我正在使用Angular Material 1.*组件,我很高兴.

我想使用主题颜色设置悬停状态背景,就像我为正常的md颜色背景设置,但找不到任何关于如何为悬停状态设置颜色的文档.

有谁知道这是可能的,怎么做?

angularjs angular-material

9
推荐指数
1
解决办法
1052
查看次数

Google的新按钮-如何在CSS中做圆角

您可能已经注意到Google稍微改变了他们的设计伦理,并赋予了“圆角”。看看这张照片,看看我的意思:

Google云端硬盘有圆角和圆角

爱它或恨它,很多人都会跟随潮流。那么在CSS中对按钮进行四舍五入的最佳方法是什么?圆形/圆形按钮完成

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
Run Code Online (Sandbox Code Playgroud)

圆角用:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Run Code Online (Sandbox Code Playgroud)

但是如何根据Google网站将50%的圆角应用于任意宽度的多行按钮?

我已经在此Codepen中以较大的像素值完成了此操作https://codepen.io/anon/pen/yjdRXB 但是,如果内容非常大怎么办?还是Google只打算在单行文本上使用这种样式?我想用适用于任何字体大小和任何菜单项的值替换笔中的500px值。

任何对此的想法表示赞赏。谢谢!

css rounded-corners material-design

4
推荐指数
1
解决办法
2569
查看次数

Laravel 5:在服务器环境上运行迁移,而不是本地迁移

我在Laravel 5应用程序中创建了一组简单的数据库迁移,它们在我的本地开发环境中运行良好.

现在是时候运行在我的新生产服务器环境上运行迁移了.我已经配置了数据库连接并部署了应用程序,应用程序看到了数据库,但没有表 - 因此需要运行迁移.

我相信,以下命令应使用"生产"环境运行迁移,该环境使用远程数据库连接详细信息进行设置:

php artisan --env=production migrate 
Run Code Online (Sandbox Code Playgroud)

迁移有效,但它运行在本地环境中!这是我的生产环境的环境文件(使用亚马逊弹性beanstalk服务):

.elasticbeanstalk.env

APP_ENV=production
APP_DEBUG=true
APP_URL=<myappname.elasticbeanstalk.com>

DB_HOST=<myapp.amazonserveraddress.amazonaws.com:3306>
DB_DATABASE=<mydbname>
DB_USERNAME=<mydbusername>
DB_PASSWORD=<mydbpassword>
Run Code Online (Sandbox Code Playgroud)

因此,我的环境文件配置不正确,或者工匠无法切换到该环境.我可以更改我的.env文件(本地开发环境,名为"local")以连接到远程生产数据库,但我想正确使用Laravels环境.

我错过了什么?为什么迁移总是在"本地"上运行?

谢谢.

mysql database migration laravel artisan

3
推荐指数
1
解决办法
6753
查看次数

Laravel,获取单个记录的关系(with() 上的 $first)

我想将一些相关的模型数据添加到我的 $user 对象中。让我解释 :

$user = User::find(1); // my user object 
// I want to add my defined user profile from the user_profile relationship
$userdata = $user->with('user_profile')->first();
Run Code Online (Sandbox Code Playgroud)

这不起作用:(它返回我数据库中第一个用户的用户配置文件!

$user = User::find(1); // my user object 
// I want to add my defined user profile from the user_profile relationship
$userdata = $user->with('user_profile')->get();
Run Code Online (Sandbox Code Playgroud)

这也不是我需要的 - 在这种情况下,用户始终是单个记录,而不是集合。

那么如何获取 $user 的相关“with”数据,并将其存储在 $userdata 中呢?

谢谢。

php mysql laravel eloquent

2
推荐指数
1
解决办法
1545
查看次数

从 md-list-item (AngularJS Material) 中移除点击行为

在 AngularJS Material 中,我想要一个简单的列表,而不是可点击的项目,只是具有正确间距的文本。我无法制作不可点击的列表!

我查看了文档,但我不明白为什么总是添加 class="md-clickable"...这是我的代码:

https://codepen.io/anon/pen/zaJpGY

<md-content class="acc-content">


          <md-list>
              <md-list-item>
                <md-checkbox ng-disabled="true" ng-checked="true"></md-checkbox>
                <p class="md-list-item-text">Agree to terms and conditions</p>
              </md-list-item>
              <md-list-item>
                <md-checkbox></md-checkbox><p>Provide personal details</p>
              </md-list-item>
              <md-list-item>
                <md-checkbox></md-checkbox><p>Bank details</p>
              </md-list-item>
          </md-list>


    </md-content>
Run Code Online (Sandbox Code Playgroud)

如何使这些列表项不可点击?

css angularjs material-design angular-material

2
推荐指数
1
解决办法
1082
查看次数

将 PHP 变量(数字)限制为 100

我有一个返回数字的 PHP 函数,我想将其显示为 1 - 100 之间的百分比。任何超过 100 的值都应该重新计算为 100。我该怎么做?

$myvar = 120;
$my_percentage = <$myvar, max value is 100>
Run Code Online (Sandbox Code Playgroud)

我正在使用 Laravel,如果有帮助的话。谢谢!

php

2
推荐指数
2
解决办法
1891
查看次数