发表于 | 更新于

scalatraServlet实现

前几天看了别人的面试题，提到了HttpServlet实现了哪几个接口，

今天就抽空看了下scalatraServlet中的源码如下：

1
2
3
4
5
6
7
8
public abstract class HttpServlet extends GenericServlet{
  ...
}
public abstract class GenericServlet
  implements Servlet, ServletConfig, java.io.Serializable
{
  ...
}

Servlet

Defines methods that all servlets must implement.
就是说定义了所有servlets必须实现的方法。

ServletConfig

  • A servlet configuration object used by a servlet container
  • to pass information to a servlet during initialization.

一个被servlet容器用来传递信息给servlet初始化的配置对象

java.io.Serializable

java的序列化接口

Serializability of a class is enabled by the class implementing the
java.io.Serializable interface. Classes that do not implement this
interface will not have any of their state serialized or
deserialized.

发表于 | 更新于

angular基础api

angular.isNumber

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/**
 * @ngdoc function
 * @name angular.isNumber
 * @module ng
 * @kind function
 *
 * @description
 * Determines if a reference is a `Number`.
 *判断一个引用是否是数字
 * This includes the "special" numbers `NaN`, `+Infinity` and `-Infinity`.
 *包含特殊number NaN `+Infinity` and `-Infinity`.
 * If you wish to exclude these then you can use the native
 * [`isFinite'](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isFinite)
 * method.
 *
 * @param {*} value Reference to check.
 * @returns {boolean} True if `value` is a `Number`.
 */
function isNumber(value) {return typeof value === 'number';}

nextUid

1
2
3
4
5
6
7
8
9
10
11
12
13
/**
 * A consistent(一致的) way of creating unique IDs in angular.
 *
 * Using simple numbers allows us to generate 28.6 million unique ids per second for 10 years before
 * we hit number precision issues in JavaScript.
 *
 * Math.pow(2,53) 2的53次幂/ 60 / 60 / 24 / 365 / 10 = 28.6M
 *
 * @returns {number} an unique alpha-numeric string
 */
function nextUid() {
  return ++uid;
}

10年内每秒可以生成 28.6 million的唯一标识
js的精确整数最大为:Math.pow(2,53)-1 =9007199254740991.

发表于 | 更新于

nodejs package.json 中的变量含义

这里简单把 ^ 和 ~ 的区别摘抄一下，备忘。
一个完整的版本号组表示为： [主要版本号，次要版本号，补丁版本号]

用 ~ 指示范围

如果指定了次要版本，允许补丁版本升级。如果没有指定次要版本，允许次要版本升级。

~1.2.3 >= 1.2.3 < 1.3.0
~1.2 >= 1.2.0 < 1.3.0
~1 >= 1.0.0 < 2.0.0
~0.2.3 >= 0.2.3 < 0.3.0
~0.2 >= 0.2.0 < 0.3.0
~0 >= 0.0.0 < 1.0.0
~1.2.3-beta.2 >=1.2.3-beta.2 < 1.3.0 (注：1.2.3版允许高于beta.2的beta版，但1.2.4-beta.2不被允许，因为是属于另一个版本号组的beta版本。)

用 ^ 指定范围

允许不会改变最左边的不为零的版本号的版本提升，也就是说，^1.0.0允许次要、补丁版本升级，^0.1.0允许补丁版本升级，^0.0.x 不允许升级。

有许多开发者把 ‘0.x’ 中的 ‘x’ 改变作为重大改变的指示。

一个普遍的做法是，^ 适合使用在当开发者从 0.2.4 升级到 0.3.0 可能会做出不兼容的改变时。一般情况下，假定了在0.2.4 到 0.2.5 不会有不兼容改变，可以有一些新增(但不改变兼容)的改变。

^1.2.3 >=1.2.3 < 2.0.0
^0.2.3 >=0.2.3 < 0.3.0
^0.0.3 >=0.0.3 < 0.0.4
^1.2.3-beta.2 >=1.2.3-beta.2 < 2.0.0
允许1.2.3 版的高于beta-2 的beta版本。
^0.0.3-beta.2 >=0.0.3-beta.2 < 0.0.4
只允许0.0.3 版的高于beta-2 的版本

当解析带有^的版本范围时，补丁版本号缺少会补 0，但是会灵活的处理，即时主要、次要版本号都为 0 也可以。

^1.2.x >= 1.2.0 < 2.0.0
^0.0.x >= 0.0.0 < 0.1.0
^0.0 >= 0.0.0 < 0.1.0

当次要、补丁版本号缺少时会当作 0，但也会灵活处理，即时主版本号为 0 也可以 。

^1.x >= 1.0.0 < 2.0.0
^0.x >= 0.0.0 < 1.0.0

转载自：
package.json依赖管理dependencies中 ^ 和 ~ 的区别

发表于 | 更新于

百度地图动画研究

今天在百度地图上看到了一个动画效果，遂找了下他的源码研究一下：

1
2
3
.poidetail-widget-generalInfo .generalInfo-function-buttons .generalInfo-function-buttons-fav:hover{cursor:pointer}
.poidetail-widget-generalInfo .generalInfo-function-buttons .generalInfo-function-buttons-fav:hover .buttons-fav-icon{-webkit-animation-name:bigsmall;animation-name:bigsmall;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
@keyframes bigsmall{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.3);transform:scale(1.3)}60%{-webkit-transform:scale(0.7);transform:scale(0.7)}85%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}

主要就是定义animation-name,和@keyframes

参考资料：
CSS3 animation-name 属性
CSS3 @keyframes 规则

0%