小编kar*_*jan的帖子

带有粗体选项的可编辑 div

我想使用粗体斜体选项制作 contenteditable div,以使用相同的选项在 keyup 上的另一个 div 中显示内容。我设法显示文本,但不是选项。请帮忙

html:

<button onclick="document.execCommand('bold');">B</button>
<button onclick="document.execCommand('italic');">I</button>
<div id="textarea" contenteditable></div>
<div id="textarea-show"></div>
Run Code Online (Sandbox Code Playgroud)

查询:

$('#textarea').keyup(function() {
  $('#textarea-show').html($(this).text());
});
Run Code Online (Sandbox Code Playgroud)

css:

#textarea { background-color: #fff;
  border: 1px solid #ccc;
  color: #555;
  font-size: 14px;
  height: 34px;
  width: 450px;
}

  #textarea-show{font-size: 2rem;
  color:#666;
  height:50px;
  border: 1px solid #ccc;
  width: 450px;
}
Run Code Online (Sandbox Code Playgroud)

示例:https : //jsfiddle.net/gqmLtct7/1/

jquery bold contenteditable italic

8
推荐指数
1
解决办法
7642
查看次数

如何从`pulp init`到浏览器中的运行代码?

purescript通过nodejs以下命令序列成功运行了纸浆的helloworld :

$ pulp init
...

$ pulp run
* Building project in /data/works/beta_projects/js_games/processing/hello-ps
* Build successful.
Hello sailor!
Run Code Online (Sandbox Code Playgroud)

接下来,我想Hello sailor!通过在div内部文本中注入消息来使消息在正文中显示

<html>
  <body>
    <div id="output" />
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我需要做什么?


我尝试使用pulp server命令并获得空白页,http://localhost:1337/而无需提供index.html任何信息,并且控制台中没有任何消息。

pulp browserify一条命令可以打印出我希望包含在index.html的script标签中的javascript的命令,但是我不知道我需要在哪里放置index.html文件。

purescript

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

熊猫:根据条件向每组添加行

假设我有一个这样的 DataFrame:

         date  id  val
0  2017-01-01   1   10
1  2019-01-01   1   20
2  2017-01-01   2   50
Run Code Online (Sandbox Code Playgroud)

我想按id.
对于每个组,我想向其中添加一个新行,日期为从现在起 1 年。仅当该行晚于组中的最后一个日期时,才应添加该行。该行的 val 应与组中的最后一行相同。

决赛桌应如下所示:

         date  id  val
0  2017-01-01   1   10
1  2019-01-01   1   20
2  2017-01-01   2   50
3  2018-09-25   2   50   <-- new row
Run Code Online (Sandbox Code Playgroud)

当前代码如下。我可以得到一个掩码,显示哪些组需要附加一行,但不确定接下来要做什么。

>>> df = pd.DataFrame(data={'d': [datetime.date(2017, 1, 1), datetime.date(2019,1,1), datetime.date(2017,1,1)], 'id': [1,1,2], 'val': [10,20,50]})
>>> df = df.sort_values(by='d')
>>> future_date = (pd.datetime.now().date() + pd.DateOffset(years=1)).date()
>>> maxd = df.groupby('id')['d'].max()
>>> maxd < future_date …
Run Code Online (Sandbox Code Playgroud)

python pandas pandas-groupby

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

Axios发布请求,标头无法正常工作

我用于axios调用网络请求,react-Native但它返回500响应代码.

注意:它在postman客户端工作得很好.

授权令牌:

承载eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEsImlzcyI6Imh0dHA6Ly9hcHBzZGF0YTIuY2xvdWRhcHAubmV0L2p3dC1kZW1vL3B1YmxpYy9hcGkvbG9naW4iLCJpYXQiOjE1MDYzMzkwNDgsImV4cCI6MTY2MTg1OTA0OCwibmJmIjoxNTA2MzM5MDQ4LCJqdGkiOiJHUWt5RVlwck5GSDBHekd4In0.JqdyAEkEN_D3M2WbqcQwIwghk6iajFjxi9g854akjB8

const token = 'Bearer '.concat(this.state.token);

var headers = {
  'Content-Type': 'application/json',
  'Authorization': token
}

axios.post('http://appsdata2.cloudapp.net/jwt-demo/public/api/profile',
  null,
  headers)
.then((response ) => {
  console.log("reactNativeDemo","response get details:"+response.data);
})
.catch((error) => {
  console.log("axios error:",error);
});
Run Code Online (Sandbox Code Playgroud)

从try catch登录

'axios error:', { [Error: Request failed with status code 500]
 config: 
 { adapter: [Function: xhrAdapter],
  transformRequest: { '0': [Function: transformRequest] },
  transformResponse: { '0': [Function: transformResponse] },
  timeout: 0,
  xsrfCookieName: 'XSRF-TOKEN',
  xsrfHeaderName: 'X-XSRF-TOKEN',
  maxContentLength: -1, …
Run Code Online (Sandbox Code Playgroud)

react-native axios

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

反应原生onPress事件不在循环中工作

我的班级代码

问题是onPress函数如果我在循环中使用它会给出以下错误

onPress={() => this.onPressButton()}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

如果我使用这行代码,没有任何反应

onPress={this.onPressButton}
Run Code Online (Sandbox Code Playgroud)

我知道这必须做一些绑定,我没有得到帮助

export default class PlayGame extends Component {

  navigate(routName){
    this.props.navigator.push({
     name:  routName
   })
  }

  onPressButton() {
    alert("You tapped the button!");
  }

  render() {
    //var selectedLetter = Globals.URDU_ALPHABETS[Math.floor(Math.random()*Globals.URDU_ALPHABETS.length)];  //will be used when app is MVP
    //add selected array

    var selectedLetter = Globals.URDU_ALPHABETS[1];
    var randLetters =  shuffle(randomLetters(Globals.URDU_ALPHABETS,selectedLetter));
    playSelectedLetter(selectedLetter.name);      
    return (             
     <View style={{flex: 3,backgroundColor: 'silver', flexDirection: 'column', justifyContent:'space-between', alignItems: 'center'}}>                      
     <View style={{width: 400, height: 8, flex: 1, backgroundColor: 'steelblue'}}  /> 
     <View style={{flex: 3,backgroundColor: 'silver', flexDirection: 'row', …
Run Code Online (Sandbox Code Playgroud)

javascript reactive-programming hybrid-mobile-app reactjs react-native

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

如何在谷歌地图android中显示当前位置的平滑移动

我正在实现一个地图导航应用程序。我每 1000 毫秒获取一次设备的当前位置并绘制一条折线,从当前位置到固定标记点。但是当在车内使用设备时,折线和当前位置更新不像优步或谷歌地图那样具有动画效果。它从一个点突然变成另一个点。

如何获得当前位置变化的平滑动画。

android google-maps android-mapview android-maps-v2

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