JavaScrip-tips Summary

1. Element.scrollIntoView()
让当前的元素滚动到浏览器窗口的可视区域内。
element.scrollIntoView({block: "end", behavior: "smooth"});
scrollIntoView(false)
参数布尔值是 dom 元素尽可能往可视区顶端(true)或底端靠近(false)

2. Set()

  • size：size属性将会返回Set对象中元素的个数。
  • add(value)：添加某个值，返回 Set 结构本身。
  • delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。

More >>

React-tips Summary

1. react 中引入图片

1
2
本地：<img src={require('xxx.jpg')} />
外链：<img src={'imgurl'} />

2. 关于_.throttle 与 setState 冲突失效问题
原因：因为每当 setState 时会重新 render 一次，每次都会重新执行 throttle 函数
解决：将节流放到 constructor 里，因为在 constructor 中只会执行一次

1
this.throttleSearch = _.throttle( this.Search, 800 );

More >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

Huang XiaoXin，<br>中意爱笑的小姐姐~<br/><br/>胆小认生，不易相处，<br>年轻无为，卖马为生。