Mildom首页性能优化方案

预渲染

无需使用web 服务器实时动态编译 HTML，不需要服务器支持。在构建时 (build time) 简单地生成针对特定路由的静态HTML 文件。这个提高效果应该会比较明显。

  1. 利用prerender-spa-plugin，生成模板。style components需要升级到5.x以上版本，这样才支持css提取。注意需要配置：renderAfterDocumentEvent: 'render-event'，renderAfterTime: 5000，在index.js入口处监听dom loaded，然后延迟5s触法自定义事件‘render-event’，否则无法请求到数据；

  2. 生成模板的时间需要：

    1
    2
    3
    4
    5
    6
       injectProperty: '__PRERENDER_INJECTED',
       // Optional - Any values you'd like your app to have access to via window.injectProperty.
       inject: {
            prerender: true,
            isDarkMode: process.env.THEME === 'dark',
    ​    }

    注入全局变量，然后通过npm run 命令传参生成 日间、夜间 两个模板；

  3. 生成完模板之后，拷贝到 client/pages/prerender目录下保存（index.white.html、index.dark.html）；

Vue VS React

之前公司用的都是Vue，最近在新公司使用的是React。基于自己5个月来使用React的一些感受，把React 和 Vue做了一个简单的对比。

Vue 组件：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<template>
  <div class="app">

  </div>
</template>

<script>
export default {
  components: {

  },
  props: {

  },
  data () {
    return {

    }
  },
  computed: {

  },
  watch: {

  },
  created () {

  },
  mounted () {

  },
  methods: {

  },
}
</script>

<style scoped lang="scss">

</style>

VueJs框架理解

使用Vue已经5年有余了，每次看Vue相关的知识点都有新的收获。果然，在学习的过程中还是得多总结，总结过程中可以查漏补缺，还能加强记忆。

人性的弱点

戴尔·卡耐基，33个笔记

我要喜欢你

朋友的这番话，改变了我对演讲的整个看法。现在，每当我准备发表演讲的时候，都会在事前先静心祷告：“神啊，求你帮助我传达出对这些听众有益的信息来，让他们有所收获，满心欢喜地回家。”这样的祷告对我十分有用，而我也的确希望能对听众有帮助。这样的祷告使我谦卑地体会到自己只不过是个传达某些信息的演讲员，而不是要显露自己的学问或风采。我的目的是要带给听众一些鼓舞性的思想，以期对他们的生活有助益。

css文本自动至右向左排

问题描述：

测试发现特殊字符，会导致页面布局混乱。当一组并列的span标签，第一个标签里面是特殊字符（并且还要第一个字符是阿拉伯语，希伯来语）的时候，导致这几个所有span标签的文本全默认自右向左排了。

这样就会出现一个明显的bug：我设置的几个text-overflow的省略三个点出现在了左边, 就像这样:

mongodb update数据updatedAt时间不更新问题

今天在写一个koa项目的时候，需要操作mongoDB修改数据，参考之前一些旧项目的代码，他是这样update数据的：

直接把要更新的数据传入进去，这样数据也是可以更新成功，但是会有一个问题，updateAt 的timestamps永远不会更新（因为我需要用到这个时间来做展示）:

卓有成效的管理者

很早之前老师就推荐我们阅读管理大师德鲁克的书，但是因为自己对这方面的书籍兴趣不大，所以一直没有去找来看。直到最近空闲时间比较多，我才看完了彼得·德鲁克的《卓有成效的管理者》，受益匪浅。

彼得·德鲁克曾任美国通用汽车公司、克莱斯勒公司、IBM公司等大企业的管理顾问，管理学是他一生主要的研究对象。此书是彼得·德鲁克40多年前写的一本著作，但是书中的思想和观点，现在读起来也仍然让人感到那么实际有效，感觉对自己的学习甚至是整个的人生规划都具有非常重要的指导意义。

《卓有成效的管理者》这本书告诉我，一个优秀的管理者首先是自己的管理者。将自己有效管理起来，然后才能进一步去影响、指导他人。管理者在内心上和实际工作中的有效性训练很重要，要有一种倾向性的意识去自我提高，发展自己的有效性，这样才能成为一名真正的卓有成效的管理者。

最后我想说，无论是否是管理者，都能从这本书里得到启发，因为管理自己也很重要。这本书的内容不多，但是干货非常多，我在里面划的笔记有87处之多。

使用curl命令模拟Post/Get请求

有时需要测试接口，但是在服务器上又不方便使用postman, charles等工具，这时我们可以使用curl命令来模拟接口请求。

get 请求

1
2
3
4
5
6
7
curl "http://www.baidu.com"        //  如果这里的URL指向的是一个文件或者一幅图都可以直接下载到本地

curl -i "http://www.baidu.com"     // 显示全部信息

curl -I "http://www.baidu.com"     // 只显示头部信息

curl -v "http://www.baidu.com"     // 显示get请求全过程解析

卷积神经网络（CNN）原理及应用

一、CNN原理

卷积神经网络（CNN）主要是用于图像识别领域，它指的是一类网络，而不是某一种，其包含很多不同种结构的网络。不同的网络结构通常表现会不一样。从CNN的一些典型结构中，可以看到这些网络创造者非常有创造力，很多结构都非常巧妙，有机会再介绍现今主流的一些典型结构。 现在我们先来简单介绍一下卷积神经网络的原理。

Very Deep Convolutional Networks for Large-Scale Image Recognition(2014), arXiv: 1409.1556:

VGG