vue-router 更新当前路由

wfc_666 · 发布于 3月14日

<template>
   <div>
        <router-view :key="activeDate"/>
    </div>

出现这种情况的原因:
很可能是在componentDidMount(周期)之前利用react-router的state、 缓存storage/cookie 等改变了React组件初始化状态,变得与服务器不一致;
正确做法是componentDidMount中调用this.setState 来改变。

Unit Test

juana · 发布于 3月14日

Jest

jest cli

run a test for a single file

npm run test -- singlefilename

1
when need to record the execute time, use performance.now() to get the time. It measured in milliseconds.

先上一份错误代码,大家看一下表现,感兴趣的可以直接 copy 到本地跑一下。
简单解释一下这个脚本的逻辑:
开启一个 goroutines 去模拟生产者往 ch channel 中推数据
开启另一个 goroutines 死循环去取 ch 中的数据并输出到终端
主进程在10秒后退出。

软件bug的修复是昂贵的,并且随着时间的推移,这些bug的成本也会增加,尤其当这些bug潜伏并慢慢出现在已经发布的软件中时。当你发现bug的时候就立即修复它是最好的,此时你代码要解决的问题在你脑中还是很清晰的。否则,你转移到其他任务,忘了那个特定的代码,一段时间后再去查看这些代码就 需要:

  • 花时间学习和理解这个问题
  • 花时间了解应该解决的问题代码

还有问题,特别对于大的项目或是公司,修复bug的这位伙计不是写代码的那个人(且发现bug和修复bug的不是同一个人)。因此,必须降低理解代 码花费的时间,无论是一段时间前你自己写的代码还是团队中的其他成员写的代码。这关系到底线(营业收入)和开发人员的幸福,因为我们更应该去开发新的激动 人心的事物而不是花几小时几天的时间去维护遗留代码。

另一个相关软件开发生命的事实是,读代码花费的时间要比写来得多。有时候,当你专注并深入思考某个问题的时候,你可以坐下来,一个下午写大量的代码。

[ts]typescript

梵鹿 · 发布于 3月13日

HTMLScriptElement DocumentType

身份证校验算法

呵sever · 发布于 3月13日

//JS
function(idnum){
    if(idnum.length!=18){
      return false;

python web异常总结

二十一 · 发布于 3月13日

1
2
3
4
5
6
【Flask】
working outside of application context:
        解决:手动将application context推入栈中
 
LocalProxy unbound:
        解决:代理对象为空(主要是current_app指表示栈顶app,而不完全为app)

[d3]使用笔记

梵鹿 · 发布于 3月13日

var text = vis.selectAll("text")
    .data(words, function(d) { return d.text.toLowerCase(); });
    text.enter().append("text")
    .attr("text-anchor", "middle")

叨叨两句

  1. 【改版】未来该系列将记录每日的增量知识,并陆续转移至《每日存量知识总结》中,由于未来该文不再成体系,转移至笔记中更新
  2. 技术的精进不能只是简单的刷题,而应该是不断的“刻意”练习
  3. 该系列已正式纳入【跃迁之路】专栏,持续更新

IE浏览器日期问题

心叶 · 发布于 3月13日

作者:心叶
时间:2018-09-18 10:02

日期

var date=new Date('yyyy-MM-dd hh:mm:ss')

手写call,apply.bind

渣渣辉 · 发布于 3月13日

1
https://blog.csdn.net/u010377383/article/details/80646415

手写new

渣渣辉 · 发布于 3月13日

1
https://juejin.im/post/5c11f3aaf265da61441feaec
1
2
3
4
5
6
需要在被忽略的样式属性上面添加
 /* autoprefixer: ignore next */
 比如:
 .ui-list-info {
    -webkit-box-flex: 1;
    display: -webkit-box;

Chrome调试技巧

lizziebing · 发布于 3月13日

1
2
3
1.日志
 
传统的console到Logpoints:https://juejin.im/post/5c8864105188257dee032254

Yujiaao · 发布于 3月13日

1
→ → 

angular study note

trust2018 · 发布于 3月13日

1
2
3
4
5
6
let someValue: any = "this is a string";
let strLength: number = (someValue as string).length;
这个as实际什么都没干,它就是一个类型断言。
告诉编译器,我认为这个对象是 string 类型的,你别瞎操心了。要不然由于类型不对,编译器会阻止你赋值,编译的时候直接报错。
 
2this.validateForm.get('key').setValidators(Validators.required); 动态设置验证规则

webstorm

huahuadavids · 发布于 3月13日

1. 快捷键

  • alt + ASD
  • git update commit push
  • alt + Q 格式化
  • alt + W 复制一行
  • alt + E 删除一行

[叨叨两句]

  1. 【改版】未来该系列将针对已经掌握的知识,挑选我认为的重点进行规律总结
  2. 精进技术的目的,是为了实现自己的三个目标,而每日进行思考总结,只是具体的方法论
  3. 每日存量思考总结的目的:
  4. 为了杜绝大脑的“自动化”,脱离“舒适区”,持续精进技术
  5. 为了提供及时反馈,进行纠偏,防止目标方向错误
1
2
3
4
5
6
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var flag = true;
 
/**
 * 初始化加载程序
 */

chrome 条件断点

XYShaoKang · 发布于 3月13日

右键点击需要打断点的地方
选择 Add conditional breakpoint...
输入条件
图片描述

[叨叨两句]

  1. 【改版】未来该系列将针对已经掌握的知识,挑选我认为的重点进行规律总结
  2. 精进技术的目的,是为了实现自己的三个目标,而每日进行思考总结,只是具体的方法论
  3. 每日存量思考总结的目的:
  4. 为了杜绝大脑的“自动化”,脱离“舒适区”,持续精进技术
  5. 为了提供及时反馈,进行纠偏,防止目标方向错误

叨叨两句

  1. 【改版】未来该系列将记录每日的增量知识,并陆续转移至《每日存量知识总结》中,由于未来该文不再成体系,转移至笔记中更新
  2. 技术的精进不能只是简单的刷题,而应该是不断的“刻意”练习
  3. 该系列已正式纳入【跃迁之路】专栏,持续更新

今日新知

1
可以给组件设置key,当key变化时,组件会重新装载