小编jon*_*bbs的帖子

从JavaScript中减去日期

有没有人知道一个简单的约会方式(例如今天)和回去X天?

因此,例如,如果我想在今天前5天计算日期.

javascript datetime date

548
推荐指数
14
解决办法
53万
查看次数

在html文本框中设置键盘插入位置

有人知道如何将文本框中的键盘插入符移动到特定位置吗?

例如,如果一个文本框(例如输入元素,而不是文本区域)中有50个字符,并且我想在插入字符20之前放置插入符号,那么我该如何处理呢?

这与这个问题不同:jQuery在文本区域设置光标位置,这需要jQuery.

javascript textbox input

161
推荐指数
5
解决办法
29万
查看次数

在Angular JS中动态应用CSS样式属性

这应该是一个简单的问题,但我似乎无法找到解决方案.

我有以下标记:

<div style="width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;"></div>
Run Code Online (Sandbox Code Playgroud)

我需要将背景颜色绑定到范围,所以我尝试了这个:

<div style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:{{data.backgroundCol}};}"></div>
Run Code Online (Sandbox Code Playgroud)

这不起作用,所以我做了一些研究并发现ng-style,但是这没有用,所以我尝试将动态部分拿出来,只是对样式进行硬编码ng-style,就像这样......

<div ng-style="{width:20px; height:20px; margin-top:10px; border:solid 1px black; background-color:#ff0000;}"></div>
Run Code Online (Sandbox Code Playgroud)

这甚至都不起作用.我误解了怎么ng-style运作?有没有办法放入{{data.backgroundCol}}普通的样式属性并让它插入值?

javascript angularjs ng-style

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

构建Node.js和AngularJS应用程序

我即将尝试我的第一个AngularJS项目,并且将Node.js用于后端是有意义的,即使这意味着同时从头开始学习AngularJS和Node.js.

我试图弄清楚的第一件事是一个好的文件结构.到目前为止,我的纯HTML/CSS模板具有以下目录结构......

_site/
Fonts/
Javascript/
SASS/
Stylesheets/
Index.html
Run Code Online (Sandbox Code Playgroud)

(_site是PSD等的工作目录)

我发现了一个例子目录结构使Node.js/AngularJS应用在这里 ....

...这表明以下目录结构.

app.js              --> Application configuration
package.json        --> For npm
public/             --> All of the files to be used in on the client side
  css/              --> CSS files
    app.css         --> Default stylesheet
  img/              --> Image files
  js/               --> JavaScript files
    app.js          --> Declare top-level application module
    controllers.js  --> Application controllers
    directives.js   --> Custom AngularJS directives
    filters.js      --> Custom AngularJS  filters
    services.js     --> Custom AngularJS services
    lib/            --> AngularJS  and …
Run Code Online (Sandbox Code Playgroud)

javascript node.js angularjs

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

AngularJS模板中的条件逻辑

我有一个看起来像这样的角度模板......

<div ng-repeat="message in data.messages" ng-class="message.type">

    <div class="info">
        <div class="type"></div>
        <div class="from">From Avatar</div>
        <div class="createdBy">Created By Avatar</div>
        <div class="arrowTo">
            <div class="arrow"></div>
            <div class="to">To Avatar</div>
        </div>
        <div class="date">
            <div class="day">25</div>
            <div class="month">Dec</div>
        </div>
    </div>

    <div class="main">
        <div class="content">
            <div class="heading2">{{message.title}}</div>
            <div ng-bind-html="message.content"></div>
        </div>

    </div>

    <br />
    <hr />
    <br />

</div>
Run Code Online (Sandbox Code Playgroud)

我已经设置了一个JSfiddle来显示绑定的数据.

我需要做的是根据数据的内容有条件地显示"from","to"和"arrowTo"div.

这是日志......

  • 如果数据中有"from"对象,则显示"from"div并绑定数据但不显示"createdBy"div.
  • 如果没有"from"对象但是有一个"createdBy"对象,则显示"createdBy"div并绑定数据.
  • 如果数据中有"to"对象,则显示"arrowTo"div并绑定其数据.

或者用简单的英语,如果有来自地址,则显示它,否则显示谁创建了记录,如果有地址,那么也显示.

我已经研究过使用ng-switch,但我认为我必须添加额外的标记,如果没有数据则会留下空div.另外,我需要嵌套切换指令,我不确定这是否有效.

有任何想法吗?

更新:

如果我要编写自己的指令(如果我知道如何!)那么这里有一些伪代码来说明我将如何使用它...

<div ng-if="showFrom()">
    From Template Goes Here
</div>
<div ng-if="showCreatedBy()">
    CreatedBy Template Goes Here
</div>
<div ng-if="showTo()">
    To …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs

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

Angular ui-router滚动到顶部,而不是ui-view

我刚刚升级到ui-router 0.2.80.2.0,我注意到当状态改变时,滚动位置会跳到te状态的顶部,ui-view这是新状态的主题.

这很好,但我有两个问题:

1)我在页面顶部和之间有30px填充ui-view,我希望它滚动到页面顶部,留下间隙.目前,它正好位于ui-view看起来丑陋的顶部.为了实现这一点,我想我要么知道如何让它滚动到ui-view所在的div的顶部(而不是浏览器viewport),或者我需要找出如何覆盖$uiViewScroll以滚动到ui-view减去30px .

我试过$uiViewScrollProvider.useAnchorScroll();但如果我这样做它根本不滚动.我也尝试过<ui-view autoscroll="false">;,它也完全停止了滚动.

2)此刻它实际上并不滚动,只是跳跃.它是假设要滚动还是由开发人员来完成CSS转换?

任何帮助真的很感激:)

javascript angularjs angular-ui angular-ui-router

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

从组件中的useState多次调用状态更新程序会导致多次重新呈现

我第一次尝试React钩子,所有看起来都很好,直到我意识到当我获取数据并更新两个不同的状态变量(数据和加载标志)时,我的组件(数据表)呈现两次,即使两个调用状态更新程序正在发生在同一个函数中.这是我的api函数,它将两个变量都返回给我的组件.

const getData = url => {

    const [data, setData] = useState(null);
    const [loading, setLoading] = useState(true);

    useEffect(async () => {

        const test = await api.get('/people')

        if(test.ok){
            setLoading(false);
            setData(test.data.results);
        }

    }, []);

    return { data, loading };
};
Run Code Online (Sandbox Code Playgroud)

在普通的类组件中,你只需要调用一次来更新可以是一个复杂对象的状态,但是"钩子方式"似乎是将状态分成更小的单元,其副作用似乎是多个在单独更新时呈现.任何想法如何缓解这个?

javascript reactjs react-hooks

48
推荐指数
6
解决办法
2万
查看次数

有效的HTML5现在可以使用吗?

我一直在阅读有关HTML5的内容,并希望开始使用它,特别是数据集,因为我发现了一个有趣的jQuery插件,我可以开始使用了...

http://www.barklund.org/blog/2009/08/28/html-5-datasets/

现在,我明白像IE6这样的老浏览器可能不喜欢在那里有额外的属性,可能不知道如何处理它们但是如果它们忽略它们并且网站仍然使用HTML5验证器验证那么那应该没问题,不是吗?

我特别想确保我不会因为没有有效的加价而受到谷歌等的惩罚,并且当我们使用沼泽检查它时,我不会得到客户抱怨他们的网站"无效"标准W3C验证器.

人们对此有何看法?

html css jquery html5

37
推荐指数
3
解决办法
2971
查看次数

Android按钮字体大小

我一直在尝试使用本教程在Android中创建一个自定义按钮 - http://www.gersic.com/blog.php?id=56

它运作良好,但没有说明如何更改字体大小或权重.有任何想法吗?

这里还有另一个问题,唯一的答案是使用html样式但是你不能在不使用css(或不推荐的字体标签)的情况下更改html中的字体大小.必须有更好的方法来设置按钮上使用的字体的像素大小?

android

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

向HTML元素添加元数据的最佳方法

我正在尝试整合一种在HTML中标记各种组件的方法,这些组件由jQuery脚本解析并在页面加载时创建.

例如,目前我可以将以下内容放入我的页面..

<a href="link.html" class="Theme-Button Theme-Button-Style-win2007 Theme-Button-iconLeft Theme-Button-AlignmentCenter Theme-Button-fullWidth">This is a button</a>
Run Code Online (Sandbox Code Playgroud)

当jQuery脚本找到它时,它会注入创建一个带有图标的按钮所需的html以及所有必要的事件等.

但是,这很麻烦,需要很多长类名.我宁愿做这样的事......

<a href="#" class="Theme-Button" data="{style: 'win2007', icon: 'left', align:'center', fullWidth: true}"></a>
Run Code Online (Sandbox Code Playgroud)

它不是那么短,但在我看来更整洁,需要更少的解析.麻烦的是,我已经对"expandos"进行了一些研究,我相当肯定有些浏览器会不喜欢它并且它不会验证.

有人有更好的建议吗?

html css jquery expando

17
推荐指数
1
解决办法
1万
查看次数