发表于

下个月要去一趟日本，出国游玩，公司奖励优秀员工。作为一个至今未出过的土鳖，我心中充满了小小的激动，只是最近一个项目的方案被客户催的比较着急，一直没有空出时间查询下攻略。
不过是组团，自己的自由度也不是很大。

发表于

忙忙碌碌这一年，马上就要结束了。虽然没干成什么大事，但是总结记录下自己的生活经历，总是一个不错的习惯。特别是人近中年的这个年龄，记忆越来越差，把日子过得重复无比，时间久了，还真想不到这一年是怎么过来的。

生活

老婆怀孕

这个算是今年最大的事情了，为人子、为人夫的角色终于要再增加一个为人父了，不知道自己能做成什么样子，但是尽量努力吧。
再有两周就要到预产期了，希望孩子和老婆都能平平安安。

驾照

年初想的拿下驾照依然没有实现。我只想自动驾驶赶紧进入大规模的生产化阶段！！

工作

出差

今年出差整体情况还行，日期都不太久，大多是一周两周之类的，以需求调研为主。足迹包括陕西西安、北京、辽宁沈阳、四川成都和攀枝花、海南全省。

- 陕西西安
这个城市今年去了两次，一次调研，一次支持上线。
调研的时候时间紧张，来去匆匆，除了宾馆和客户现场，基本啥都没逛。
第二次去的时候时间就充裕了不少，周末去了陕西历史博物馆、回民街、大明宫遗址。
    历史博物馆挺好的，基本按照时间顺序游览，从奴隶制的夏商周到封建制的秦汉等等，就是里面的人多了点，还碰到了不少学生来博物馆参观学习，这一点上西安的娃还挺幸福的
    回民街并没有看到什么特别的美食，吃了个炸柿饼，太甜了
    大明宫还在修建中，遗址上已经剩不下什么了，听讲解员说，从大明宫建成到毁灭，大概300多年，果然还是岁月最无情。
- 北京
    北京这趟时间较短，就在晚上骑单车出去逛了一圈，骑过长安街，感觉就是自行车道真是宽阔，好多骑车锻炼的人，随后还去了后海酒吧一条街

发表于

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment

发表于

前言

今年开始正式使用Vue，目前也有几个月的时间了。主要想借助这篇文章记录下自己的学习过程，权当个记录。

了解Vue

这个阶段主要是根据官网的guides敲代码，看着挺笨的方式，但是效果还不错，每个点有什么不明白的基本都可以立即用代码验证下。当时为了快速了解Vue，并没有每个模块都仔细看过，主要看了基础下的模块就投入实践了。

  • 安装
  • 介绍
  • Vue实例
  • 模板语法
  • 计算属性和观察者
  • Class和Style绑定
  • 条件渲染
  • 列表渲染
  • 事件处理
  • 表单输入绑定
  • 组件

假如自身有一定的编程和前端知识，基本上通读上面的几个模块后，就可以尝试写点代码实现功能。我下面主要介绍下每个模块的大概情况，便于大家有个基本的认识。

安装

Vue的安装主要是两个方式，直接引入和Npm安装。
直接引入就像引入一个js文件一样引入Vue的js文件即可
Npm安装的话，需要对Node有点了解。
对Npm了解后，还可以使用vue-cli方便的搭建Vue的项目

需要注意的是Vue并不能兼容IE8及以下的浏览器，可以兼容ECMAScript 5的浏览器

介绍

Vue是一套构建用户界面的渐进式框架。Vue核心库只关注视图层

在这个部分，主要了解下数据与Dom的绑定,跟着文档中例子自己敲敲代码，体验下数据绑定带来的好处，再想想之前使用jQuery时如何处理，就很容易体会到Vue的强大了。
最后了解下Vue的组件，目前的看到的组件挺好理解的，简单理解成一个html标签即可。

Vue实例

了解下生命周期

模板语法

了解指令，绑定的语法怎么使用。
v-bind , v-on 怎么使用

计算属性和观察者

computed和watch的使用

Class与style绑定

学会使用v-bind给Dom元素绑定样式

条件渲染

v-if 和 v-show 的使用

列表渲染

v-for 的使用。既可以循环数值，也可以循环对象

事件处理

可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码

表单输入绑定

这个基本没看，暂未使用

组件

学会使用组件，通俗的说，就是利用前面学到的Vue知识、html、css、js等知识，构建常用的模块。使用vue这个技术，把html、js、css更好的组织在一起

Vue实践

开发项目的过程中，UI-framework选的饿了么出品的ElementUI。入门文档写的挺好的，自己看看就知道咋用了。

样式采用的是SCSS，可以在 style 模块写 css 的时候支持继承和一些逻辑，这个难度不大，看个文档了解下就能开始使用了。

前后端的数据的请求采用的 axios

发表于

最近是加班比较严重的一段时间，六月、七月还有这个八月。保底每周是三天，期间有段时间封闭开发，每周加班时间多达5天。实在是没什么精力再写点什么，不过这段时间的密集加班，主要是搞了个分析的项目，主要工作就是做前端demo的实现，框架的主题是vue+element，我主要是负责vue公共组件的编写和element组件的样式封装。关于前端的学习终于不只是停留在个人学习阶段了，算是在项目上有了应用。

知识总结：

vue核心

各种指令、传参都有所了解，个人实现了几个公共组件，box、导航定位等
目前可以支撑正常的开发

vuex

应用比较浅，就实现了导航的选中状态

vue route

简单实用吧，这块难度也不大。懒加载的功能需要后续再研究下

element

用的不多，主要是改造ui组件的样式了

sass

样式主要是sass，本来css水平不咋地，不过最近搞了不少样式，感觉提升不少，后续有空写几篇自己学到的，例如定位之类

不足

js语言

感觉对于js的掌握还是不足，虽然一般的业务使用上都能写，但是碰到问题时想看下人家源码实现的时候，还是很明显能感觉到自己的水平不行的。后期应该掌握下js，目前就是ES6或者TypeScript吧

方法论

工作中碰到问题还是多点耐心，对自己多点信心。其实这个分析项目因为用的都是新技术、刚加入基本处于空白的情况。好多东西觉得自己不会弄，不过最终还是都做出来了，其实并不是这些东西有多难，只是跟原来的工作内容差距多点。
感慨一点，MDN好样的!

发表于

基本概念

统计学是什么

收集、分析、展示和解释数据的科学。
科学的研究方法：观测对象或进行实验，得到数据，提出可以解释这些观测的假说或理论，试图尽可能地接近现实世界的规律，当出现理论或假说无法解释的现象（数据）时，就有可能需要原有理论进行修正或者取而代之以新理论。
统计学的假说或理论通常称为模型。

现实中的随机性和规律性，概率和机会

研究对象，存在无数说不清的相关因素，因此存在随机性
单总体来说，可以找出某种趋势或规律，进而得出研究对象的规律性

概率有确定的概率，还有无法精确推断的概率

变量和数据

当变量按照随机规律所取的值是数量时该变量成为定量变量或数量变量

待续……

发表于

NaN简介

NaN在JavaScript中是个特殊的类型。英文名称是not a number，即非数值。它用来表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误）。在JavaScript中，任何数值除以非数值都会得到NaN。

NaN特点

NaN本身有两个特点

  1. 任何涉及NaN的操作都会返回NaN

  2. NaN与任何值都不想等，包括NaN本身。

1
console.log(NaN == NaN); // false

isNaN函数

这个函数接受一个任意类型的参数，该函数会帮我们确认这个参数是否“不是数值”。isNaN()在接收到一个值后，会尝试将这个值转为数值。某些不是数值的值会直接被转换为数值，类似字符串“10”或者Boolean值。

1
2
3
4
5
console.log(isNaN(NaN)); //true
console.log(isNaN(10)); //false
console.log(isNaN("10")); //false
console.log(isNaN("blue")); //true
console.log(isNaN(true)); //false

发表于

最近一段时间的学习效果不是太好，总是很容易的陷入为什么要学这个、学另外一个会不会好一点，好多时间都浪费在浏览这个、那个主题上。总结下就是学习流于浅尝而止，并没有什么深度的学习。大多都是跟着官网上的quick start学习下，做一个demo基本上就结束了，这段时间看的Angular和Vue都是这样，并没有进行什么深层的学习和应用。

仔细想了下最近这几年，专业性的东西很少深度阅读，甚至完整的阅读也不多，工作中碰到的问题、需要学习的东西都是Google后解决，慢慢的成为了面向Google的程序员，好多的知识都是零散的，无法形成体系，无法相互促进。能够完整读完的书大多是一些故事、推理性的小说，技术类的书籍开始读的不少，但是并没有几个能够读完。 没有了系统性的输入，也就谈不上什么输出了，文字表达能力也是越来越差，现在估计写个完整性文章也写不出，写作水平很差。

整理了几条阅读技术类书籍的方法，以后开始执行。

读书方法

  1. 思维导图
    通过思维导图画出书的体系结构，便于掌握全书的知识体系。通过一本本书的知识体系，构建自己更大的知识体系
  2. 读书笔记
    对于比较难于掌握理解的知识，可以记录读书笔记，形成自己的认识，写成博客。
  3. 建立与现有知识的关系
    还在上学的时候老师就经常教育多利用现有知识去学习新的知识，一方面可以更快的理解新的知识，还可以温习原来的知识，最后还把新老知识建立的联系。一举三得，很是划算。

发表于

学习内容

Angular

Angular2再简书上找了一个入门教程跟着学习了，基本做了个todo的应用，但是这个教程系列并没有完全看完。主要是感觉学习过程中还是对好多的概念不理解。不过通过这个教程也了解一些，感觉这个教程更偏向于给人一个最佳实践的指导。
然后找了个视频教程看了下，大漠穷秋的，这个教程大部分主要是个引导的作用，让你知道Angular的基本组成，如果对那些部分有疑问提供了去哪里寻找答案。
最后，对照官方的文档，完成了英雄之旅

Vue

学习Angular之前，看了一部分Vue的官方文档，当时觉得挺亲切的，跟原来的开发模式相差不大，思维的转变也还行。后来Angular的官方文档学习完后，再看Vue感觉怪怪的。估计是我做后台的开发做的太久了吧

BootStrap

因为有个工作要做个登录页，看了点bootStrap的知识。这种css的框架还是了解的不多，用的也不多，啥时候用啥时候看吧

后记

学习这事，还是要维护自己对学习的渴望，生活方式也很重要。