小编Coh*_*hen的帖子

浏览器标签徽章通知

我一直在搜索如何在网站页面的选项卡上获取通知徽章,如下图所示,但找不到太多或任何有效的东西。我制作了一个聊天网站,并希望人们知道他们所在的频道中是否有新通知。但我只需要知道如何在网站图标或类似的东西上获得红色徽章按钮。

最好是像 Discord 所做的那样:

在此处输入图片说明

我试过这个,但似乎不起作用:

var count = 0;

var title = document.title;

function changeTitle() {
    count++;
    var newTitle = '(' + count + ') ' + title;
    document.title = newTitle;
}

function newUpdate() {
    update = setInterval(changeTitle, 2000);
}
var docBody = document.getElementById('site-body');
docBody.onload = newUpdate;
Run Code Online (Sandbox Code Playgroud)

html javascript css socket.io

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

ReactJS 表单提交 preventdefault 不起作用

我正在学习 React JS,同时学习在线教程。下面的代码停止工作并给我一个异常“TypeError:无法读取未定义的属性'PreventDefault'”。有人可以帮我理解造成这种情况的原因吗?提前致谢。

const Card = (props)=>{
  return(
        <div style={{margin:'1em'}}>
          <img width ="75" src ={props.avatar_url}/>
          <div style={{display: 'inline-block', marginLeft: 10}}>
             <div style ={{fontSize:'1.25em', fontWeight: 'bold'}}>
               {props.name}
             </div>
             <div>{props.company}</div>
          </div>
        </div>
       );
};

const CardList = (props) => {
    return (
            <div>
                {props.cards.map(card => <Card {...card} />)}
             </div>
           );
       }

class Form extends React.Component {

  handleSubmit = (e) => {
        e.PreventDefault();
        console.log('Event: Form Submit');
  };

  render() {
        return (
        <form onSubmit={this.handleSubmit()}>
        <input type ="text" placeholder ="Github username"/>
        <button type ="submit">Add Card</button> …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

标签 统计

javascript ×2

css ×1

html ×1

reactjs ×1

socket.io ×1