小编vsy*_*ync的帖子

下划线的部分模板(就像在把手中一样)?

我有这样的骨干模型

var PeopleModel = Backbone.Model.extend({
defaults: {              
    "people": [
          { "username": "alan", "firstName": "Alan", "lastName": "Johnson", "phone": "1111", "email": "alan@test.com" },
          { "username": "allison", firstName: "Allison", "lastName": "House", "phone": "2222", "email": "allison@test.com" },
          { "username": "ryan", "firstName": "Ryan", "lastName": "Carson", "phone": "3333", "email": "ryan@test.com" },
          { "username": "ed", "firstName": "Edward", "lastName": "Feild", "phone": "4444", "email": "ed@test.com" },
          { "username": "phil", "firstName": "Philip", "lastName": "Doom", "phone": "5555", "email": "phil@test.com" },
          { "username": "gerald", "firstName": "Gerald", "lastName": "Butler", "phone": "6666", "email": "gerald@test.com" …
Run Code Online (Sandbox Code Playgroud)

javascript underscore.js handlebars.js

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

如何在Javascript中生成随机柔和(或更亮)的颜色?

我正在构建一个简单的网站,当我点击一个按钮时会给出一个随机引用,然后,背景颜色会发生变化.问题是,有时候背景颜色太深而且字体是黑色的,因此人无法阅读报价.

我的问题是,是否有任何方法可以使用鲜艳的颜色或柔和的颜色创建随机颜色代码?

我得到这个代码来生成随机颜色.我试图编辑只A获得F字符串但没有成功:

'#'+((1<<24)*(Math.random()+1)|0).toString(16).substr(1)
Run Code Online (Sandbox Code Playgroud)

非常感谢你提前.

javascript css random rgb colors

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

如何将JSX转换为String?

这里JSX是scode示例:

export default class Element extends React.Component {
  render() {
    return (
      <div>
        <div className="alert alert-success">
          {this.props.langs.map((lang, i) => <span key={i} className="label label-default">{lang}</span>)}
        </div>
      </div>
    )
  }
}
Run Code Online (Sandbox Code Playgroud)

如何获得这样的字符串?

<div><div className="alert alert-success">{this.props.langs.map((lang, i) => <span key={i} className="label label-default">{lang}</span>)}</div></div>
Run Code Online (Sandbox Code Playgroud)

UPD:我得到了我在服务器上渲染的React组件.我希望将它们作为字符串转换为客户端的另一个模板库.

javascript jsx reactjs

10
推荐指数
1
解决办法
9536
查看次数

<select>的"defaultValue"属性?

Javascript textObject.defaultValue=somevalue用于检索输入的默认值(来自页面加载的存储值),即使您擦除输入并替换内容,您仍然可以返回默认值.像这样:

// in the html page
<input id="addr1" type="text" value="21 Oak St." />

// the jquery
myInput = $("#addr1"); // the input, default value on page load = 21 Oak St.

$(myInput).val('51 New St'); // wipe default and set new

// alerts 21 Oak St
alert($(myInput).val($(myInput)[0].defaultValue));
Run Code Online (Sandbox Code Playgroud)

你如何在选择中实现这一目标?

selectedIndex 是布尔值,而不是值,因此不起作用.

谢谢!

javascript jquery dom

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

服务器或客户端在发送/接收日期时是否应处理时区?

我了解最佳做法是将UTC日期/时间存储在我们的数据库中,并以当地时区显示给用户.我们将存储时区而不是偏移量,以便我们可以支持夏令时.

什么方法最适合处理时区?

选项1:服务器仅说UTC,客户端转换为时区

以HTML格式发送到浏览器的所有日期均为UTC.客户端将使用moment.js或类似方式将UTC时间转换为正确的时区.将使用我们数据库中指定的时区而不是浏览器本地时间,因为这可能是不正确的.

当用户提交日期或时间时,必须先将其转换为UTC时间,然后再提交给服务器.

选项2:服务器转换为时区

所有计算仍以UTC格式进行,日期/时间在最后可能的时刻转换为正确的时区,例如以HTML格式输出日期时.

当客户端提交任何日期/时间时,应立即转换为UTC.

还有另外一种方法吗?

php asp.net timezone datetime date

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

类似谷歌的股票图表/折线图

我正在寻找类似于谷歌图表的特定风格的Javascript或SVG图表库(示例)

谷歌搜索:

我已经搜索了一段时间,但找不到任何与这种风格非常相似的东西,我很好奇是否有人能指出我正确的方向来达到类似的最终结果.

我已经查看了Google Visualization API并尝试在JSFiddle中创建折线图,但似乎无法复制那种设计风格.有什么建议?

See Example Image
Run Code Online (Sandbox Code Playgroud)

Javascript,SVG和AngularJS都可以获得赏金奖励.SVG的奖励积分.

javascript charts svg angularjs angular-material

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

反应受控内容可编辑

您好,我正在尝试创建一个 React contenteditable div 组件,它的工作方式类似于输入字段,但具有一些我想要实现的附加功能,但由于功能很少,我想自己实现它,而不是使用 slatejs 或Draftjs 做了这么多繁重的工作。

我的想法是我应该有一个受控的 contenteditable div,我可以监听插入一些文本的事件。(就像反应控制组件的一般思想)

它看起来很简单。我应该监听 keydown 事件,并且在每个事件上我只需将相应的字符(event.key)插入到我的状态中。但是我发现在带有触摸键盘的移动设备上,此值(event.key)始终为“无法识别”。

有时输入事件也有一个“数据”属性来确定插入的值。但在触摸键盘中,该事件没有“数据”属性。

所以我的问题是我们如何才能以在桌面和移动设备上全局工作的方式插入字符?Draftjs 和 slatejs 作者如何检测插入的字符(即使在触摸移动设备上)并更新其状态?

javascript contenteditable reactjs draftjs

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

如何使用 React 实现滚动间谍

我想在没有引导程序的情况下实现滚动间谍

我在网上查了很多代码,都是用jQuery实现的。

如何仅使用 React 的强大功能来实现scrollspy

javascript scrollspy reactjs

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

数据集属性 - 获取/设置正确的驼峰案例名称

我将属性名称存储在字符串中的某个位置,并且需要一种方法来创建与datasetapi 一起使用的更正名称.我得到属性样式的名字,比如data-attrib-name.所以我需要将它们转换为驼峰盒并移除data-它前面.

我现在发现的最短路是下面的替换.但这对我来说有点不好意思.我的任务有更好的解决方案/更短的方式吗?

console.log(
  "data-my-test-name"
    .replace('data-', '')
    .replace(/-([a-z]?)/g, (m, g) => g.toUpperCase())
);
Run Code Online (Sandbox Code Playgroud)

html javascript custom-data-attribute

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

计算数组中的空值

给定一个数组:

var arr = [1,,2,5,6,,4,5,6,,];
Run Code Online (Sandbox Code Playgroud)

计算有多少值:(长度 - 删除空值后的长度)

var empties = arr.length - arr.filter(function(x){ return true }).length;

// return 3
Run Code Online (Sandbox Code Playgroud)

或类似的东西

arr.empties = arr.length;
arr.forEach(function(x){ arr.empties--  });

// arr.empties returns 3
Run Code Online (Sandbox Code Playgroud)

这是最好的方式还是我错过了什么?

javascript

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