小编phu*_*der的帖子

在Ionic 4.0中更改离子项目背景颜色

大家好

我希望没有人问过这个尚未...我已经发现了一些类似的帖子喜欢这一个,但它不工作离子4.0。他们在这里提出的建议似乎对我不起作用,因为Ionic 4.0似乎无法注入同样的效果

<div class='item-content'></div>
Run Code Online (Sandbox Code Playgroud)

链接文章中讨论的元素。

我正在努力更改离子4.0离子项目元素的背景颜色。我正在尝试给它提供白色背景,而应用程序具有蓝色背景。

我可以在代码检查器中看到它正在应用我的样式,但是它没有显示在浏览器中。

这是我的代码示例:

<ion-item class="light-back">
  <ion-icon name="search" color="light"></ion-icon>
    <ion-input required type="text" placeholder="Search for a site" color="light">
  </ion-input>
</ion-item>


.light-back{
    background-color: #fff;
}
Run Code Online (Sandbox Code Playgroud)

以下是我正在查看的屏幕截图,显示该元素(搜索栏)正在接收样式,但未实现或未显示它。

在此处输入图片说明

任何建议将不胜感激。

html css sass ionic-framework

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

动画启动画面 - Ionic 4.0

再会

我的客户要求我们在我们的应用程序中包含一个动画闪屏,并为我们提供了一个动画 GIF 供我们在这里使用。

到目前为止,我还没有找到任何关于如何在 Ionic 4.0 中执行此操作的教程,尽管我确实设法为早期版本的 Ionic 找到了一些教程,例如Josh Morony 的这篇很棒的教程。然而,这在 Ionic 4.0 中的工作方式似乎存在很大差异。

因此,我对此有一个疑问,如果有人能对此有所了解,我将不胜感激:

从我从上述和我阅读的其他教程中了解到,实际上不可能有一个实际的动画闪屏,因为移动设备只会为此目的自动加载图像。因此,解决方案是通过在应用程序实际启动后播放动画来“伪造”它。

考虑到这一点,我想知道是否会像让我们的第一页包含动画 GIF 一样简单,然后在动画完成后继续到实际的第一页。

据我了解,这主要是上述教程中发生的事情。然而,作者确实使用了一些 Angular 代码来隐藏原始启动画面。这让我想知道,按照这些说明,启动画面是否会被替换,动画是否会在启动应用程序的过程中比等待加载更早播放。本质上,本教程中采用的方法比我上面建议的简化方法更快。

所以简而言之,我想我是在问天气,如上所述,让我们的第一页包含动画就足够了,还是会使应用程序显得缓慢而笨重?

任何建议将不胜感激。

animation ionic-framework angular

6
推荐指数
1
解决办法
9837
查看次数

构建后将 Google 字体添加到 Angular 项目

我的客户希望能够在构建后将 Google 字体注入到他们的应用程序中,例如,通过配置文件进行配置。我的客户有一个应用程序,他们部署在他们的几个客户上,并且希望能够选择使用的 Google 字体之类的东西,而无需为每个部署构建新的解决方案。

当我通常将 Google 字体包含到 Angular 项目中时,我会添加一个指向 index.html 文件的链接,如下所示:

<head>
  ...
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
  ...
</head>

<body>
  <gcp-root></gcp-root>
</body>
Run Code Online (Sandbox Code Playgroud)

由于这是一个 HTML 文件,我不认为我可以在这里使用变量作为字体名称,所以这需要在编译之前完成。

有没有人对我如何在运行时发生这种情况有任何建议?也许我可以在运行时将链接添加到页面?

任何建议将不胜感激

google-fonts angular

5
推荐指数
1
解决办法
46
查看次数

在 AWS SES 上实施把手助手,以便在 HTML 电子邮件程序中条件性地呈现标记

我们正在创建一个 HTML 电子邮件模板,该模板需要根据 JSON 数据中的属性之一的值有条件地呈现标记。我们发现以下示例,您可以创建自定义 Handlebar Helpers 来完成此操作,但在使用这些助手时,AWS SES 拒绝发送电子邮件。

这是我们正在尝试的示例:

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js"> 
</script>
<script type="text/x-handlebars-template">  
    Handlebars.registerHelper("equals", function(string1 ,string2, options) {
        if (string1 === string2) {
            return options.fn(this);
        } else {
            return options.inverse(this);
        }
    }); 

</script>  

{{#equals network "Telkom" }}
<p>This is Telkom {{network}}</p>
{{else}}
This is Not Telkom {{network}}
{{/equals}} 
Run Code Online (Sandbox Code Playgroud)

我们在以下帖子中找到了这个实现: 把手 if/else 语句中的逻辑?

我们还做了一些调查,并在 AWS 论坛上发现了这个讨论,该讨论似乎声称 SES 不支持自定义车把助手 https://forums.aws.amazon.com/thread.jspa?messageID=983645

有谁知道这是否可能,如果不可能,当我们使用 SES 发送电子邮件时,是否有另一种方法有条件地呈现所需的标记?

amazon-web-services amazon-ses handlebars.js handlebarshelper

5
推荐指数
1
解决办法
1524
查看次数

获取鼠标悬停的元素而不移动鼠标 - jQuery JavaScript

我有一个包含多个过渡元素的应用程序。这些相同的元素对 mouseenter 和 mouseleave 事件做出反应。这些事件在转换期间被停用,以避免用户与传输中的元素交互。

当这些元素之一再次处于活动状态时位于鼠标下方时,就会出现问题。一旦移动元素不再移动,它们应该再次注册鼠标悬停在它们的顶部。但由于 mouseenter 是在元素停用时发生的,因此一旦元素再次激活,该事件就不会被触发。

如果您将鼠标从该元素上移开,然后再次打开,它就可以正常工作。这显然对用户不太友好。

有没有办法在不移动鼠标的情况下注册鼠标悬停在元素上?

有关上面讨论的元素的更多信息:所讨论的元素是包含大量内容的大型 div。它们实际上是我动态添加和删除的应用程序中的页面。我有一个自定义滚动条,显示该区域是否具有焦点,如果没有则隐藏。

当鼠标移入页面内容区域时,将显示自定义滚动条。一旦移出,滚动条就会再次隐藏。当动画运行时,所有事件都处于非活动状态。

问题是,当页面动画时鼠标移动到页面区域,滚动条不会(也不应该)显示。然而,一旦动画完成,应用程序应该注册用户正在页面区域内悬停,而无需将鼠标移出该空间并移回该空间内。

javascript jquery

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

使用String.Length时,Math.Ceiling给出"Call is ambiguous"错误

美好的一天.

几年后我又回到了C#,并且很少遇到我收到的错误.我写了一个练习程序,以确定一个单词是否是回文(相同的向后和向前).然而,我收到一个令我困惑的错误.

我试着调用Math.Ceiling(word.Length/2)来得到一个单词的中间部分,但是它给了我以下错误:"以下方法或属性之间的调用是不明确的:'​​Math.Ceiling(十进制)和Math.Ceiling(双)"

虽然我知道这是编译器担心识别正确的重载方法,但我不确定如何指出我正在使用的方法.我也不明白为什么要这么重要?

这是我的完整计划:

namespace ConsoleApplication2
{
    class Program
    {
        static void Main(string[] args)
        {
            string word = "Deleveled";
            word = word.ToUpper();
            bool isPalindrome = true;
            for (var i = 0; i <= Math.Ceiling(word.Length / 2); i++)
            {
                char tmp = word[word.Length - i - 1];
                if (Char.ToUpper(word[i]) != Char.ToUpper(tmp))
                {
                    isPalindrome = false;
                    break;
                }
            }
            Console.WriteLine(isPalindrome);
            Console.ReadLine();
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

如果有人能帮我理解这里的问题,我将不胜感激.

我提前谢谢了

c# compiler-errors

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

"推"入C#数组的最佳方式

美好的一天

所以我知道这是一个相当广泛讨论的问题,但我似乎无法找到明确的答案.我知道你可以做我要求使用List的东西,但这不会解决我的问题.

我在初学者C#上教课.我有PHP和Java脚本背景,因此倾向于考虑这些语言.

我一直在寻找向学生展示如何动态添加元素的最佳方式.我们不能使用列表,因为这些不是我目前教授的教学大纲的一部分(尽管它们确实会在以后的版本中出现)本学期).

因此,我正在寻找执行Java array.push(newValue)类型场景的最简单方法,这种场景对新手编程人员来说是可以理解的,而不会教他们不好的做法.

到目前为止,我一直在解决这个问题:

for (int i = 0; i < myArray.Length; i++)
{
   if(myArray[i] == null)
   {
       myArray[i] = newValue;
       break;
   }
}
Run Code Online (Sandbox Code Playgroud)

我只是需要知道这是否是一种可接受的方法,如果我教他们任何不良做法,或者是否有更好/更简单的方法来实现我的目标.

编辑问题的关键是元素需要添加到数组中的第一个空槽中,就像Java推送功能所做的那样.

任何建议将不胜感激.

c# arrays push

3
推荐指数
4
解决办法
3万
查看次数

在 JavaScript 中按数组中存储的元素数量对对象键进行排序

我有一个项目,我收到一份产品列表,然后按制造商对其进行分组。我想以编程方式在页面上显示这些内容,但需要按照产品最多到最少的顺序执行此操作。我需要想出一种算法来将对象键从最多产品排序到最少产品。

这是我所拥有的以及我需要到达的位置的简化示例:

let devices = {
  Sony: [
    {name: 'Experia 1', productCode: 's1'}, 
    {name: 'Experia 2', productCode: 's2'}
  ],
  Apple: [
    {name: 'iPhone 8', productCode: 'a1'}, 
    {name: 'iPhone 9', productCode: 'a2'}, 
    {name: 'iPhone 10', productCode: 'a3'}, 
    {name: 'iPhone 11', productCode: 'a4'}
  ],
  Huawei : [
    {name: 'S 21', productCode: 'h1'}
  ],
  LG: [
    {name: 'V60', productCode: 'l1'},
    {name: 'V60 Ultra', productCode: 'l2'},
    {name: 'G7', productCode: 'l3'}
  ]
}
Run Code Online (Sandbox Code Playgroud)

我需要对数据进行排序,以便首先从最多的制造商开始,然后下降到最少的制造商。因此需要修改为如下所示:

{
  Apple: [
    {name: 'iPhone 8', productCode: 'a1'}, 
    {name: 'iPhone 9', …
Run Code Online (Sandbox Code Playgroud)

javascript sorting reactjs

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