ss

Author: unknown

src/app/app.ts

@@ -19,15 +19,15 @@ function App (data: object, watchs: object) {
     this.$router = Router;
     this.$route = URI.parse(window.location.href);
     this.$statistic = Statistic;
-    this.$storage = Storage;
+    this.$storage = new Storage();
 }
 
 App.prototype = {
     bindEvents: EMPTY_FUNCTION,
 
     init: EMPTY_FUNCTION,
 
-    $tip: function (options: TipOptions) {
+    $tip: function (options: TipOptions) : void {
         new Tip(options);
     },
 
@@ -43,7 +43,7 @@ App.prototype = {
         return new Confirm(options);
     },
 
-    _init: function () {
+    _init: function () : void {
         this.bindEvents();
         // get or set a property on this, relate to data[propertyName]
         if (this.data) {

src/app/modules/logger.ts

@@ -1,3 +1,34 @@
-export default class {
-    
-}
+const Logger = class {
+    // 
+    static readonly reportUrl: 'http://www.shuxia123.com';
+
+    static readonly supportMethods = ['log', 'info', 'warn', 'debug', 'error'];
+
+    private reportUrl: string;
+    private store: Array<any> = [];
+
+    constructor (reportUrl: string) {
+        this.reportUrl = reportUrl;
+
+        Logger.supportMethods.forEach((methodName) => {
+            this[methodName] = (...params) => {
+                const method = console[methodName];
+                method.apply(console, ...params);
+            };
+        })
+
+        this.addErrorListener();
+    }
+
+    /**
+     * 添加错误日志上报
+     */
+    addErrorListener () :void {
+        window.onerror = (msg, url, line, col, error) => {
+
+        };
+    }
+
+};
+
+export default Logger;

src/app/modules/storage.ts

@@ -1,28 +1,57 @@
 class Storage {
+    // `prefix`: 缓存前缀, 实现namespace的功能, 防止重名
     static readonly prefix: string = '__';
-    private readonly splitCode = '|_|';
-    private readonly storage = localStorage || window.localStorage;
-    static readonly defauleExpiredTime = 30 * 24 * 60 * 60 * 1000;
 
-    constructor () {
+    // `splitCode`: 过期时间 和 缓存值之间的切割符, 如: '60000|_|abc'
+    static readonly splitCode: string = '|_|';
+
+    // storage support
+    static readonly storage = localStorage || window.localStorage;
+
+    // `defaultExpiredTime`： 默认30天过期
+    static readonly defaultExpiredTime = 30 * 24 * 60 * 60 * 1000;
+
+    private prefix: string;
+    
+    private splitCode: string;
+
+    constructor (prefix?: string, splitCode?: string) {
+        this.prefix = prefix || Storage.prefix;
+        this.splitCode = splitCode || Storage.splitCode;
     }
 
-    private getStorageKey (key:string) {
-        return `${Storage.prefix}${key}`;
+    /**
+     * 获取缓存key
+     * @param key 
+     */
+    private getStorageKey (key:string): string {
+        return `${this.prefix}${key}`;
     }
 
-    public setItem (key: string, value: any, expired: number = Storage.defauleExpiredTime) {
+    /**
+     * 设置缓存值
+     * @param key, storage 的 key
+     * @param value, storage 的 value
+     * @param expired, storage 的过期时间
+     */
+    public setItem (key: string, value: any, expired: number = Storage.defaultExpiredTime): void {
         const itemKey = this.getStorageKey(key);
-        const expiredTimestamp = +(new Date()) + expired;
-        this.storage.setItem(itemKey, `${expiredTimestamp}${this.splitCode}${value}`);
+        const date = new Date();
+        const expiredTimestamp = date.getTime() + expired;
+        Storage.storage.setItem(itemKey, `${expiredTimestamp}${this.splitCode}${value}`);
     }
 
-    public getItem (key: string) {
+    /**
+     * 获取缓存值
+     * @param key, 缓存的key 
+     */
+    public getItem (key: string): string {
         const itemKey = this.getStorageKey(key);
-        const localValue = this.storage.getItem(itemKey);
+        const value = Storage.storage.getItem(itemKey);
 
-        if (localValue) {
-            const localValueSplits = localValue.split(this.splitCode);
+        if (value) {
+            const localValueSplits = value.split(this.splitCode);
+            const currentTimestamp = (new Date()).getTime();
             if (+localValueSplits[0] > +(new Date())) {
                 return localValueSplits[1];
             }
@@ -33,10 +62,14 @@ class Storage {
         return null;
     }
 
-    public removeItem (key: string) {
+    /**
+     * 删除缓存
+     * @param key, 缓存的key
+     */
+    public removeItem (key: string): void {
         const itemKey = this.getStorageKey(key);
-        this.storage.removeItem(itemKey);
+        Storage.storage.removeItem(itemKey);
     }
 }
 
-export default new Storage();
+export default Storage;

src/pages/home/index.ts

@@ -107,15 +107,16 @@ new App({
         this.share = new Share('', null, shareInfo);
 
         // demo code for ajax
-        this.$ajax({
-            url: 'http://www.shuxia123.com/services/demos',
+        const result = this.$ajax({
+            url: 'https://www.shuxia123.com/services/projects',
             method: 'get',
             data: {
                 name: 'test'
-            }
-        }).then((result: any) => {
-            console.log(result);
+            },
+            async: false
         });
+        
+        JSON.parse(result)
 
         // demo code for audio
         const that = this;