maven的使用

2017-07-17

快速搭建项目

1	mvn archetype:generate -DgroupId=com.funer -DartifactId=springmvcDemo -DpackageName=com.funer.springmvcDemo -DarchetypeArtifactId=maven-archetype-webapp

-DgrounpId:项目或组织的唯一标识
-DartifactId: 项目的通用名称
DpackageName: 项目的包名
DarchetypeArtifactId: 模板名称， maven-archetype-webapp就是指标准的maven web项目

Archetype

使用Archetype生成项目骨架，运行:

1	mvn archetype:generate

生成一个带有main和test两个文件夹的src，同时有junit依赖的pom.xml依赖文件

pom.xml

pom.xml的文件：

<dependency>
  <groupId>junit</groupId>
  <artifactId>junit</artifactId> <version>4.7</version>
  <scope>test</scope>
</dependency>

scope=test，定义了依赖的使用范围，依赖为test的时候，该依赖才会被加入到代码的classpath中，在项目主代码是没有任何作用的。

来自同一项目的不同模块，如：
org.springframework:spring-core:2.5.6 、 org.springframework:spring-beans:2.5.6 、 org.springframework:spring-context:2.5.6 和 org.springframework:spring-context- support:2.5.6,由于来自同一项目，这些版本是相同的。可以通过如下修改：

<properties>
  <springframework.version>2.5.6</springframework.version>
</properties>
<dependencies>
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-core</artifactId>
    <version>${springframework.version}</version>
  </dependency>
  <dependency>
    <groupId>org.springframework</groupId>
      <artifactId>spring-beans</artifactId>
      <version>${springframework.version}</version>
  </dependency>
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-context</artifactId>
    <version>${springframework.version}</version>
  </dependency>
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-context-support</artifactId>
    <version>${springframework.version}</version>
  </dependency>
</dependencies>

展开全文 >>

反向传播算法--译

2017-07-15

原文

简介

反向传播算法是一种可使深度学习模型计算上可行的重要算法。对现代的神经网络来说，该算法实现的梯度下降训练要比那些幼稚实现快上百万倍，就像是一个要用一周训练而另一个要用200，000年

除了在深度学习的应用外，在其他方面像天气预告到分析数值稳定性上都是强大的计算工具，只是说换了个名字而已。实际上该算法就在不同的领域被多次重复发现过。撇开那些不同应用，该算法的通用的名称为“反向模式求导”。该算法最主要的功能是能够快速计算求导，并且是你不光在深度学习还有其他数值计算领域都非常重要的技能包

more >>

展开全文 >>

async 和 await的盲区

2017-07-14

先看一段代码，该代码自己天真以为a就是promise后的结果，其实不是这样子的

var asy = async function() {
  let a = await new Promise(function(resolve, reject){
    setTimeout(function(){
      resolve('here')
    }, 1000)
  })
  console.log(a + 'is')
  // var b = a + 'b'
  // return b
  return a
}
console.log(asy())

more >>

展开全文 >>

截流函数

2017-04-22

概述

函数截流，就是将时间流水下连续执行的函数截断取某些时间点来执行，一般都是指间隔某个时间段，只有当上次函数执行后经过一定的时间间隔，才会进行下一次的该函数的调用。举个例子如实现拖拽效果，要一路监听mousemove事件，或者监听scroll的变化，resize的变化，联想搜索的实现等这些场景都会用到截流函数。

more >>

展开全文 >>

css误区

2017-04-20

absolute的定位

都知道absolute定位是相对最近的一个position:absolute | fixed | relative | sticky父级元素定位的；一直就觉得只要是absolute定位的元素一定要按照前面提及的定位方式，比如一个div里含有一个absolute定位的元素，设置left后才有相对其包含块的左边距，只设置一个的时候，只是左边距是相对包含块，同时设置了top的时候才会有平时的定位用法；

展开全文 >>

Koa1 与Koa2 中间件探究

2017-04-17

koa的中间件执行流程像洋葱模型，和express的中间件执行顺序很不一样，express:middlewares数组一次popup出，知道执行到最后一个中间件，中间只要有response 返回，就中断next；而koa1的中间件是由generator组成的，执行顺序：从第一个中间件开始，遇到next进入下一个中间件，一直到最后一个中间件，再逆序执行直到第一个中间件

koa1的中间件

前提知识：如下的代码执行执行next的时候遇到yield * foo()将foo generator委托，最终执行打印出如下：

function *foo(){
  console.log('foo');
  yield 'b'
  console.log('end foo');
}
function *next() {
  console.log('next');
  yield *foo()
  console.log('next end')
}
var g = next();
g.next();
g.next();
g.next();
// opuput:
// next
// foo
// end foo
// next end

more >>

展开全文 >>