2018年12月29日星期六

node.js java 連用(g8 王)

2018年12月22日星期六

java promise

https://my.oschina.net/andylucc/blog/608499

http://ifeve.com/promise-future-callback/

https://github.com/hprose/hprose-java/wiki/%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B%E2%80%94%E2%80%94Promise

https://juejin.im/post/5b126065e51d4506bd72b7cc

https://www.infoq.cn/article/design-patterns-promise https://www.cnkirito.moe/future-and-promise/

interface Closure<E, T> {
 public T callback(E in);

 public void error(Error err);
}

public class Promise<E> {

 protected int status = 0;
 protected ArrayList<Closure> jobList = new ArrayList<>();
 protected Closure<Promise, Void> job;
 protected E data;

 public Promise(Closure job){
 this.job = job;

 // 暴露 resolve, reject
 this.job.callback(this);
 }

 private Promise() {

 }

 public void resolve(E e){

 }

 public void reject(String err){

 }

 protected void reject(Error err){

 }

 public Promise done(Closure c){

 return (new Promise<E>());
 }

 public Promise error(Closure c){

 return (new Promise<E>());
 }
}

2018年12月21日星期五

java 非同步做法

public interface Callback<T, E> {

 // in: 回傳的資料
 public void back(T in);

 // 錯誤時要做的事
 // err 錯誤訊息
 public void error(E err);
}
//----------------------------------------

public class Server_1 {

 public Thread asyncGetData(Callback callback) {
 out.println("server start");
 Thread th_1 = new Thread(() -> {
 int time = (int) (Math.random() * 5000);

 out.printf("server thread start(%s)\n", time);
 try {
 Thread.sleep(time);

 // 回傳資料
 callback.back(time);
 out.printf("server thread end(%s)\n", time);
 } catch (InterruptedException ex) {
 callback.error(ex);
 }
 });

 th_1.start();

 return th_1;
 }
}
//----------------------------------------
public class Client_1 {

 // 資料交換用
 int switchData_int;

 public void getData(){
 out.println("client.getData()");
 Server_1 server_1 = new Server_1();
 int gg;
 Thread th_1 = server_1.asyncGetData(new Callback<Integer, Error>() {
 @Override
 public void back(Integer in) {
 out.println("callback.back");

 // 閉包只適用於套嵌的 class
 Client_1.this.switchData_int = in;
 }

 @Override
 public void error(Error err) {

 }
 });
 try {
 th_1.join();
 } catch (InterruptedException ex) {
 out.println(ex);
 }
 out.printf("result(%s)\n------------\n", this.switchData_int);

 }

 /**
 * @param args the command line arguments
 */
 public static void main(String[] args) {
 Client_1 cl = new Client_1();
 cl.getData();
 cl.getData();
 }

}

2018年12月18日星期二

javascript 另一種模板編組

2018年11月21日星期三

json deepCopy

// 比 JSON.parse(JSON.stringify(data)) 還略慢

module.exports = deepCopy;

let jobList = [];

// for test
// 與 JSON.stringify() 對比速度用
function deepCopy(value) {
 // debugger;

 let dataSet = new DataSet(value);
 jobList.push(dataSet);

 let index = 0;

 while ((dataSet = jobList[index++]) != null) {
 // debugger;

 let _value = dataSet.originalValue;

 if (Array.isArray(_value)) {
 for (let i = 0; i < _value.length; i++) {
 let v = _value[i];
 let ds = new DataSet(v, dataSet, i);
 jobList.push(ds);
 }

 } else if (typeof (_value) == "object") {
 for (let k in _value) {
 let v = _value[k];
 let ds = new DataSet(v, dataSet, k);
 jobList.push(ds);
 }
 } else {
 continue;
 }
 }
 //-----------------------
 let res;
 let d;

 while ((d = jobList.pop()) != null) {
 res = d;
 d.solve();
 }

 return res.value;
}
//======================================

function DataSet(v, p, k) {

 this.parent; // DataSet
 this.parentKey;
 this.value;
 this.originalValue;

 this.__construct(v, p, k);
}

(function () {
 this.__construct = function (v, p, k) {

 this.originalValue = v;

 if (p) {
 this.parent = p;
 this.parentKey = k;
 }

 this._makeValue();
 };
 //--------------------------------------
 this._makeValue = function () {
 if (Array.isArray(this.originalValue)) {
 this.value = [];
 } else if (typeof (this.originalValue) == "object") {
 this.value = {};
 } else {
 this.value = this.originalValue;
 }
 };
 //--------------------------------------
 this.solve = function () {

 if (this.parent == null) {
 return;
 }

 let data = this.parent.value;
 data[this.parentKey] = this.value;

 this._destory();
 };
 //--------------------------------------
 this._destory = function () {
 this.parent = undefined;
 this.parentKey = undefined;
 this.value = undefined;
 this.originalValue = undefined;
 };
}).call(DataSet.prototype);

2018年11月20日星期二

worker 與 java 執行續的不同

worker 父執行緒與子執行緒並不會交叉執行

let child = new Worker("./child_1.js");
 let it;

 child.onmessage = function(e) {

 let data = e.data;
 console.log(`child ${data.index}`);

 // 確保 parent loop 與 child 幾乎同時執行
 it.next();
 };

 function* parentLoop(){

 for (var i = 0; i < 100; i++) {
 console.log(`parent ${i}`);
 }

 console.dir("parent finish");
 }

 function click() {
 it = parentLoop();
 child.postMessage({});
 }
-----------------------------------------------------------------
onmessage = function(oEvent) {

 for (var i = 0; i < 100; i++) {
 postMessage({index:i});
 }

};

2018年11月13日星期二

java 從網址取得 json data 並解析

package test_4;

import org.json.*;
import java.net.*;
import java.io.*;
import static java.lang.System.out;
import java.util.*;
import java.util.logging.Level;
import java.util.logging.Logger;

/**
*
* @author xman
*/
public class T_1 {

 public static String getURLContent(String urlPath) throws MalformedURLException, IOException {
 String content = "";
 HttpURLConnection connection = null;
 BufferedReader in;

 URL url = null;

 url = new URL(urlPath);

 URLConnection urlConnection = url.openConnection();

 if (urlConnection instanceof HttpURLConnection) {
 connection = (HttpURLConnection) urlConnection;
 } else {
 System.out.println("请输入 URL 地址");
 return content;
 }
 in = new BufferedReader(
 new InputStreamReader(connection.getInputStream()));

 String current;
 while ((current = in.readLine()) != null) {
 content += current;
 }

 return content;
 }

 public static void main(String[] args) throws Exception {
 String htmlContent = getURLContent("http://localhost:8081/test_1/JSON/t_1.php");

 // out.println(htmlContent);
 JSONObject j;

 j = new JSONObject(htmlContent);

 Iterator<String> it = j.keys();;

 while (it.hasNext()) {
 String key = it.next();

 Object o_1 = j.get(key);
 out.printf("(%s)=>(%s)\n", key, o_1.toString());
 }
 }
}

java 閉包範例

package test_4;

import static java.lang.System.out;
import java.util.logging.Level;
import java.util.logging.Logger;

/**
*
* @author xman
*/
public class T_2 {

 /**
 * @param args the command line arguments
 */
 public static void main(String[] args) {

 int a = 5;

 T2_Closure t = (new T2_Closure<Object, Void>() {
 @Override
 public Void callback(Object in) {

 // 引用 a
 out.printf("callback(%s)\n", a);
 return null;
 }
 });

 t.callback(null);
 //------------------------------------

 T2_Query q = new T2_Query();

 q.query(new T2_Closure<T2_Query, Void>() {
 @Override
 public Void callback(T2_Query in) {

 String res = in.name + " : " + a;
 out.println(res);
 return null;
 }
 });
 }
}
//--------------------------------------
// 閉包

interface T2_Closure<T, E> {

 public E callback(T in);
}
//--------------------------------------

class T2_Query {

 String name = "xyz";

 void query(T2_Closure closure) {

 Thread th = new Thread(() -> {

 try {
 Thread.sleep(2000);
 } catch (InterruptedException e) {
 out.println(e);
 }
 closure.callback(T2_Query.this);
 });

 th.start();

 out.println("thread start");
 }
}

java library

https://stleary.github.io/JSON-java/

https://github.com/stleary

2018年11月10日星期六

java callback

/**
*
* @author xman
*/
public class Tt {

 String name = "......";

 void query(Tool t) {
 t.set(this);
 }

 public static void main(String[] args) {
 Tt tt = new Tt();

 tt.query(new Tool<Tt>() {
 public void set(Tt o) {
 out.println(o.name);
 }
 });

 tt.query((o) -> {
 // error
 out.println(o.name);
 });
 }
}

interface Tool<T> {

 public void set(T in);
}

java 非同步呼叫 callback

public class Ajax_1 {

    Callback callback;

    String name;

    void query(Callback callback) {
        this.callback = callback;

        // 非同步
        Thread t = new Thread(() -> {

            // 取得查詢
            String name = (new SyncSqlQuery()).query();
            Ajax_1.this.name = name;
            Ajax_1.this.callback.callback();
        });

        t.start();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        Ajax_1 a = new Ajax_1();
        int x = 5;

        a.query(() -> {
            // 及時命令
            out.println(a.name);
        });


        a.query(new Callback(){
            public void callback(){
                // 及時命令
                out.println(a.name);
            }
        });

    }

}
//-------------------------------------------------------

public interface Callback {
    void callback();
}
//-------------------------------------------------------
public class SyncSqlQuery {
    public static int id = 0;

    String query(){

        return "SyncSqlQuery_" + id++;
    }
}
//////////////////////////////////////////////////////////////////////////

/**
*
* @author xman
*/
public class Ajax_1 {

    String name;

    void query(Callback callback) {

        Thread t = new Thread(() -> {

            // 取得查詢
            String name = (new SyncSqlQuery()).query();
            Ajax_1.this.name = name;
        });

        t.start();
        try {
            t.join();
        } catch (InterruptedException ex) {
            out.println(ex);
        }

        callback.callback();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        Ajax_1 a = new Ajax_1();
        int x = 5;

        a.query(() -> {
            out.println(a.name);
        });


        a.query(new Callback(){
            public void callback(){
                out.println(a.name);
            }
        });
    }
}

java inner-class 閉包

// 運用 innerClass

public class T_4 {

    String name;

    String getName() {
        return name;
    }
    //----------------------------
    class A {
        public void setName(String name) {
            T_4.this.name = name;
        }
    }
    //----------------------------
    public static void main(String[] args) {
        T_4 t = new T_4();
        T_4.A a = t.new A();

        a.setName("Xman");
        out.println(t.getName());
    }
}
/////////////////////////////////////////////////////////////////////////////////////////////
// 運用 lambda
// 比較方便偷懶

interface Callback {
    // callback 內容隨你寫....讚
    public void callback(String name);
}
//-------------------------------------------
public class T_4 {

    String name;

    String getName() {
        return name;
    }

    // 送出一個 callback
    // 來設定 name
    Callback getCallback() {

        // lambda 生成一個匿名 class implements Callback
        return ((name) -> {
            T_4.this.name = name;
        });
    }

    // ----------------------------
    public static void main(String[] args) {
        T_4 t = new T_4();

        // 藉由 callback 設定 t
        t.getCallback().callback("Xyz");

        out.println(t.getName());
    }
}

2018年11月9日星期五

java繼承與變數型態間的問題

public class T_1 {

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        T_1_B b = new T_1_B();
        b.showName();

        T_1_A a = b;

        a.showName();

        try {
            a.getName(); // error
        } catch (Exception e) {
            out.println(e);
        }

    }
}
//--------------------------------
class T_1_A {

    String name = "G";

    void showName() {
        out.printf("A(%s)\n", name);
    }
}
//--------------------------------
class T_1_B extends T_1_A {

    void showName() {
        String _name = this.getName();
        out.printf("B(%s)\n", name);
    }

    String getName() {
        return name;
    }
}

2018年11月8日星期四

各語言繼承的不同

java 與眾不同

public class T_8 {

 /**
 * @param args the command line arguments
 */
 public static void main(String[] args) {
 T8_A a;
 T8_B b;

 a = new T8_B();
 out.println(a.getName());

 b = (T8_B)a;
 out.println(b.getName());
 }

}

class T8_A{
 String name = "A";

 public String getName(){
 return name;
 }
}

class T8_B extends T8_A{
 String name = "B";
}
// 答案都是 A
----------------------------------------------------------------------
<?php

class A {

 public $name = "A";

 public function getName() {
 return $this->name;
 }

}

class B extends A {

 public $name = "B";

}

$b = new B();
printf("%s", $b->getName());

// 答案是 B
----------------------------------------------------------------------
function A(){
 this.name = "A";
}

(function(){
 this.getName = function(){
 return this.name;
 };
}).call(A.prototype);
//-------------------------------
function B(){
 A.call(this);
 this.name = "B";
}
B.prototype = Object.create(A.prototype);
//-------------------------------
console.log((new B()).getName());

// 答案是 B
----------------------------------------------------------------------

class A:
 def __init__(self):
 self.name = "A"

 def getName(self):
 return self.name;

class B(A):
 def __init__(self):
 self.name = "B"

b = B()
print("%s"%b.getName())

// 答案是 B
----------------------------------------------------------------------

2018年11月6日星期二

java 犯行

/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
package test_4;

import static java.lang.System.out;

class T_4_A {

 String name = "A";

 public T_4_A() {

 }

 public T_4_A(String name) {
 this.name = name;
 }

 public String getName() {
 return name;
 }
}

class T_4_B extends T_4_A {

 public String name = "...B";

 public T_4_B() {
 super("B");
 }

 public T_4_B(String name) {
 super(name);
 }
}

class T_4_C extends T_4_B {

 public String name = "...C";

 public T_4_C() {
 super("C");
 }

 public T_4_C(String name) {
 super(name);
 }
}
//==============================================================================

class T_4_Bag<T> {

 public int set_index = 0;
 public int get_index = 0;
 public T[] content;

 T_4_Bag() {
 this.content = (T[]) (new Object[10]);
 }

 void add(T t) {
 if (set_index == (content.length - 1)) {
 throw new Error("bag full");
 }
 content[set_index++] = t;
 }

 Boolean next() {
 if (get_index < set_index && content[get_index] != null) {
 return true;
 }
 return false;
 }

 T result() {
 return content[get_index++];
 }
}
//==============================================================================

/**
*
* @author xman
*/
public class T_4 {

 public static void test_1() {
 T_4_Bag<T_4_A> bag = new T_4_Bag<>();

 bag.add(new T_4_A());

 T_4_Bag<? super T_4_B> bag_1 = bag;

 // bag_1.add(new T_4_A()); // error
 bag_1.add(new T_4_B());

 while (bag_1.next()) {
 T_4_A o = (T_4_A) (bag_1.result());
 out.printf("(%s)=>(%s)\n", o.name, o.getName());
 }
 }
 //--------------------------------------
 public static void test_2() {
 T_4_Bag<T_4_B> bag = new T_4_Bag<>();

 bag.add(new T_4_B());

 T_4_Bag<? super T_4_B> bag_1 = bag;

 bag_1.add(new T_4_B());
 bag_1.add(new T_4_C());

 while (bag_1.next()) {
 T_4_B o = (T_4_B) (bag_1.result());
 out.printf("(%s)=>(%s)\n", o.name, o.getName());
 }
 }
 //--------------------------------------
 /**
 * @param args the command line arguments
 */
 public static void main(String[] args) {
 // test_1();
 test_2();
 }

}

2018年11月3日星期六

java 泛型 exam

package test_1.t1;

/**
*
* @author xman
*/
public class T_4 {

 /**
 * @param args the command line arguments
 */
 public static void main(String[] args) {
 Container<A> c_1 = new Container<A>();
 c_1.add(new B());
 c_1.add(new C());

 Container<? extends A> c_2 = c_1;

 A a_1;

 for (int i = 0; i < 2; i++) {
 a_1 = c_2.get();
 System.out.println(a_1.getName());
 }
 // ------------------
 // 重設指針
 c_2.resetGetPoint();
 // ------------------
 A aa_1;

 // T 確定為 A
 Container<? super A> c_3 = c_1;

 c_3.add(new B());

 for (int i = 0; i < 3; i++) {
 aa_1 = c_2.get();
 System.out.println(aa_1.getName());
 }
 }

}

class Container<T extends A> {

 Object[] data;

 int set_index = 0;
 int get_index = 0;

 public Container() {
 data = new Object[10];
 }

 public void add(T item) {
 this.data[set_index++] = item;
 }

 public T get() {
 T item = (T) this.data[get_index++];
 return item;
 }

 public void resetGetPoint() {
 get_index = 0;
 }
}
//================================================
class A {

 String name;

 public A() {
 this.name = "A";
 }

 public A(String name) {
 this.name = name;
 }

 public String getName() {
 return name;
 }
}

class B extends A {

 public B() {
 super("B");
 }

 public B(String name) {
 super(name);
 }
}

class C extends B {
 public C() {
 super("C");
 }

}

Java中對象的類型判斷

Java中對象的類型判斷

instanceof

判斷一個對象是否是一個類的實例，用Java中自帶的關鍵字instanceof似乎可以做到(僅從關鍵字名稱上可以猜測出)，如下面的代碼：

public static void main(String args[]) {
 Object i = new Integer(7);
 if (i instanceof Number) {
 System.out.println("Integer i is a Number");
 } else {
 System.out.println("Integer i isn't a Number");
 }

 if (i instanceof Serializable) {
 System.out.println("Integer i is a Serializable");
 } else {
 System.out.println("Integer i isn't a Serializable");
 }

 if (i instanceof Integer) {
 System.out.println("Integer i is an Integer");
 } else {
 System.out.println("Integer i isn't an Integer");
 }

 if (i instanceof Float) {
 System.out.println("Integer i is a Float");
 } else {
 System.out.println("Integer i isn't a Float");
 }
}

類定義部分為：

public abstract class Number implements java.io.Serializable {}
public final class Integer extends Number implements Comparable<Integer> {}

運行結果：

 Console Output :
 Integer i is a Number
 Integer i is a Serializable
 Integer i is an Integer
 Integer i isn't a Float

然而好像和預期的不太一樣，能看出，使用該關鍵字不僅可以判斷對象是否是某個類的實例，甚至連該類繼承的基類和實現的接口也都能夠被識別為true，雖然這樣在邏輯上沒有任何問題，是可以把Integer當做一個Number來看來用，也當做一個Serializable來看來用，但是這樣返回的結果就沒有針對性了，太過於模糊，我們如果僅僅需要i instanceof Integer為true該怎麼做呢？
Class.equals

還好在Java有一個叫做Class的類，這是一個用來描述類信息的類，我們如果要精確判斷一個對象是否是具體的一個類的實例，可以這麼做：

public static void main(String args[]) {
 Object i = new Integer(7);
 if (i.getClass().equals(Number.class)) {
 System.out.println("Integer i is a Number");
 } else {
 System.out.println("Integer i isn't a Number");
 }

 if (i.getClass().equals(Serializable.class)) {
 System.out.println("Integer i is a Serializable");
 } else {
 System.out.println("Integer i isn't a Serializable");
 }

 if (i.getClass().equals(Integer.class)) {
 System.out.println("Integer i is an Integer");
 } else {
 System.out.println("Integer i isn't an Integer");
 }

 if (i.getClass().equals(Float.class)) {
 System.out.println("Integer i is a Float");
 } else {
 System.out.println("Integer i isn't a Float");
 }
}

2018年11月2日星期五

java 區域變數的問題

int[] d = {5, 10, 60};

 int[] t = new int[1];
 int y; // 會有問題

 for (int i = 0; i < d.length; i++) {
 t[0] = d[i];
 y = d[i];
 }

 System.out.println("(%d, %d)",t[0], y);

2018年10月25日星期四

java String, char 間的轉換

String str = "abc";
char[] bm;

// String 轉 char[]
bm = str.toCharArray();

// char[] 轉 String
str = String.valueOf(bm);

簡化 java System.out.print.*

import static java.lang.System.out;

//////////////////////////////////////////////////////
package com.xyz.util;

import java.io.*;

/**
*
* @author xman
*/
public class Out {

    public static void println(Object obj) {
        System.out.println(obj);
    }
    //--------------------------------------------------------------------------
    // 换行输出
    public static void println() {
        System.out.println();
    }
    //--------------------------------------------------------------------------
    // 不换行输出，
    public static void print(Object obj) {
        System.out.print(obj);
    }
    //--------------------------------------------------------------------------
    public static void printf(String format, Object... args) {
        System.out.printf(format, args);
    }
}

2018年10月17日星期三

visual studio code debbuger

{
    // 使用 IntelliSense 以得知可用的屬性。
    // 暫留以檢視現有屬性的描述。
    // 如需詳細資訊，請瀏覽: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "java",
            "name": "java Debug (Launch)",
            "request": "launch",
            "cwd": "${workspaceFolder}",
            "console": "internalConsole",
            "stopOnEntry": false,
            "mainClass": "",
            "args": ""
        },
        {
            "name": "nodejs Launch Program",
            "type": "node",
            "request": "launch",
            "program": "${workspaceFolder}/app.js"
        },
        {
            "name": "nodejs: Current File",
            "type": "node",
            "request": "launch",
            "program": "${file}"
        },
        {
            "name": "Python: Current File (Integrated Terminal)",
            "type": "python",
            "request": "launch",
            "program": "${file}",
            "console": "integratedTerminal"
        },
        {
            "name": "Python: Attach",
            "type": "python",
            "request": "attach",
            "port": 5678,
            "host": "localhost"
        },
        {
            "name": "Python: Django",
            "type": "python",
            "request": "launch",
            "program": "${workspaceFolder}/manage.py",
            "console": "integratedTerminal",
            "args": [
                "runserver",
                "--noreload",
                "--nothreading"
            ],
            "django": true
        },
        {
            "name": "Python: Flask",
            "type": "python",
            "request": "launch",
            "module": "flask",
            "env": {
                "FLASK_APP": "app.py"
            },
            "args": [
                "run",
                "--no-debugger",
                "--no-reload"
            ],
            "jinja": true
        },
        {
            "name": "Python: Current File (External Terminal)",
            "type": "python",
            "request": "launch",
            "program": "${file}",
            "console": "externalTerminal"
        }
    ]
}

2018年10月6日星期六

js library

https://github.com/tweenjs/tween.js

https://github.com/brehaut/color-js

https://github.com/dankogai/js-base64

// lodash, underscore
http://eng.rightscale.com/2015/01/22/lodash-extensions.html
https://www.npmjs.com/package/lodash-extensions
https://www.npmjs.com/package/underscore-extensions
https://github.com/gmmorris/underscorepp

// router
Page.js [https://github.com/visionmedia/page.js]
Director [https://github.com/flatiron/director]

// 動畫對列
https://aerotwist.com/blog/flip-your-animations/
https://github.com/googlearchive/flipjs

https://github.com/wilsonpage/fastdom

http://adrai.github.io/flowchart.js

https://github.com/evanw 

https://piconion.com/

http://www.csie.ntnu.edu.tw/~u91029/Curve.html

http://baidufe.github.io/BaiduTemplate/
https://github.com/wangxiao/BaiduTemplate

http://chutsu.github.io/ditto/#docs/how_do_i_use_ditto

https://github.com/BorisMoore/jquery-tmpl

https://github.com/yahoo/serialize-javascript

https://johnresig.com/blog/javascript-micro-templating/

https://www.puritys.me/docs-blog/article-142-%E7%AC%AC%E4%B8%80%E7%AF%87-Node.js-%E6%90%AD%E9%85%8D-Apache-CGI.html

https://www.puritys.me/docs-blog/article-144-%E7%AC%AC%E4%BA%8C%E7%AF%87-Node.js-%E6%90%AD%E9%85%8D-Apache---Header-%E8%99%95%E7%90%86.html

https://www.puritys.me/docs-blog/article-201-Node.js-%E4%BD%BF%E7%94%A8-php-function.html

https://www.npmjs.com/package/workerpool
https://www.npmjs.com/package/node-workers-pool
https://www.slideshare.net/mgornstein/minion-pool-a-worker-pool-for-nodejs

2018年10月2日星期二

jquery 靜態工具

camelCase: 把 style key 化為駝峰

cleanData: 清除 $.data() 資料

cssHooks: css 設定提取所需要的特殊處理

cssNumber: 哪些 css 是數值類

attrHooks: 處理頑疾 attr

support: 檢測瀏覽器的支援

valHooks: 針對 table value

contains(context, elem): context 是否包含 elem

easing: 動畫用的運動函式

$.css:

$.style:

parseHTML(內文, context, option): context 通常指 document, option 若內文含 script 是否要執行

2018年9月26日星期三

jq 偌多個組件需要統一使用 queue

// queue 的統一者
            const queue_1 = {
                name: "queue"
            };
            function t_1() {
                $(queue_1).queue(function (next) {
                    $("#box_1").animate({
                        left: "+=5%"
                    }, {
                        duration: 1000,
                        queue: false,
                        complete: function () {
                            next();
                        }
                    })
                });
            }

2018年9月23日星期日

C 32 vs 64

https://blog.csdn.net/puppet_master/article/details/50044965

2018年9月20日星期四

js(slick)

http://kenwheeler.github.io/slick/

2018年9月1日星期六

php 設置網頁過期時間

$max_age = $expiration - $_SERVER['REQUEST_TIME'];

// $_SERVER['HTTP_IF_MODIFIED_SINCE'] (If-Modified-Since)瀏覽器對cache的詢問
if (isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) && $last_modified <= strtotime($_SERVER['HTTP_IF_MODIFIED_SINCE'])) {
 $this->set_status_header(304);
 exit;
}

// 編輯提示
header('Pragma: public|no-cache');

// http1.1的 cahe control
header('Cache-Control: max-age=' . $max_age . ', public');

// 過期時間
header('Expires: ' . gmdate('D, d M Y H:i:s', $expiration) . ' GMT');

// 最後修改時間(若最後編輯時間比cache更接近，就停用 cache)
header('Last-modified: ' . gmdate('D, d M Y H:i:s', $last_modified) . ' GMT');

Expires跟Cache-Control: max-age決定這份快取的「新鮮度」，也就是什麼時候「過期」。在過期之前，瀏覽器「不會」發送出任何 Request
當快取過期之後，可以用If-Modified-Since或是If-None-Match詢問 Server 有沒有新的資源，如果有的話就回傳新的，沒有的話就回傳 Status code 304，代表快取裡面的資源還能繼續沿用

2018年8月29日星期三

php 正則易碰到的問題

$s = '/a/b';

printf('%s', $s);
var_dump($s);

$res = preg_replace('/\//', '@', $s);

printf('%s<hr>', $res);

//----------------------------

$s = '\\a\\b';
printf('%s', $s);
var_dump($s);

$res = preg_replace('/\\\\/', '@', $s);

printf('%s<hr>', $res);
//----------------------------

$s = '\a\b';
printf('%s', $s);
var_dump($s);

$res = preg_replace('/\\\\/', '@', $s);

printf('%s<hr>', $res);
----------------------------------------------------------

'/\\\\/' => php string = /\\/ =>　reg = /\/(匹配 '\')
'///' => php string = /// => 　reg = error
'/\//' => php string = /\// =>　reg = ///(匹配 '/')

----------------------------------------------------------
對 php preg來說 (/) 也屬於保留字
----------------------------------------------------------

PHP的跳脫字元

對 "" 來說，對''無用
\$ 顯示金錢符號 $
\" 顯示雙引號符號 "
\' 顯示單引號符號 '
\\ 顯示倒斜線符號 \
\b Backspace鍵
\n 換行符號 
\r Return 歸位字元
\t Tab鍵
\000 ~ \377 以16進位表示某一個字元
\x00 ~ \xFF 以8進位表示某一個字元

單引號 ' ' 是連跳脫字元都不處理，也就是 \n 會當成 \ 和 n ，而不是換行！這點要特別注意！很多 bug 就是由此而來，例如 str_replace \n 沒有作用之類的。
附帶一提，雖然單引號 ' ' 裡面不處理跳脫字元，但在單引號 ' ' 裡面要寫 (') 或 (\) 還是要記得跳脫一下，不然 PHP 會無法判斷字串結尾︰

<?php
  echo '\''; // 會印 '
  echo '\\'; // 會印 \
?>

PHP preg_quote() 函數

PHP 正則表達式(PCRE)
preg_last_error 函數用於轉義正則表達式字符。

語法

string preg_quote ( string $str [, string $delimiter = NULL ] ) preg_quote() 需要參數 str 並向其中每個正則表達式語法中的字符前增加一個反斜線。這通常用於你有一些運行時字符串需要作為正則表達式進行匹配的時候。
正則表達式特殊字符有： . \ + * ? [ ^ ] $ ( ) { } = ! < > | : -
參數說明：

$str: 輸入字符串。
$delimiter: 如果指定了可選參數 delimiter，它也會被轉義。這通常用於轉義 PCRE 函數使用的分隔符。 / 是最通用的分隔符。

返回值

返回轉義後的字符串。

實例

實例 1

<?php

$keywords = '$40 for a g3/400';

$keywords = preg_quote($keywords, '/');

echo $keywords;

執行結果轉義了 $ 和 / 特殊字符，如下所示：
返回 \$40 for a g3\/400

將文本中的單詞替換為斜體

<?php //在這個例子中，preg_quote($word) 用於保持星號原文涵義，使其不使用正則表達式中的特殊語義。 $textbody = "This book is *very* difficult to find."; $word = "*very*"; $textbody = preg_replace ("/" . preg_quote($word) . "/", "" . $word . "", $textbody); echo $textbody; ?>

執行結果如下所示：
This book is *very* difficult to find.

2018年8月26日星期日

php 取得檔案資訊

[PHP] 取得檔案的資訊(檔案、路徑...等等) 或網頁的目錄(或根目錄)

當我們需要用PHP網頁進行一些檔案操作，我們需要知道相關檔案名稱、目錄名稱或存放位置...等資訊，所以PHP有提供一些函式讓我們可以取得這些資訊...
假設我們的網頁是放在根目錄下的test資料夾中，檔案名稱為myweb.php

1、取得目前網頁的檔案路徑及檔案名稱：
$path=$_SERVER[PHP_SELF];
echo $path; //輸出結果：/test/myweb.php

2、利用pathinfo()搭配$path取得更多資訊：
$path_parts = pathinfo($path); //這邊的$path_parts會是一個陣列，裡面的元素就是我們要的資訊。
echo $path_parts['dirname']; //輸出結果：/test
echo $path_parts['basename']; //輸出結果：myweb.php
echo $path_parts['extension']; //輸出結果：php
echo $path_parts['filename']; //輸出結果：myweb

3、取得真實的電腦存放位置：
echo realpath($path['basename']); //輸出結果：C:\AppServ\www\test\111.php

4、取得網頁的目錄、根目錄或路徑
應用方式舉例如下，請自行搭配各種變數去套用
$host='http://'.$_SERVER['SERVER_NAME'].'/'.$x;

2018年8月21日星期二

php 一些取得 object 資訊的 API

get_class(): 取得物件的 className

get_parent_class(): 取得物件繼承者的 className

get_object_vars(): 返回類中所有的非靜態屬性

get_class_methods(): 函數的作用是返回由類的方法名組成的數組

2018年7月26日星期四

php 取得請求的方法

class G {

    public $NOW_TIME;
    public $REQUEST_METHOD;
    public $IS_GET;
    public $IS_POST;
    public $IS_PUT;
    public $IS_DELETE;
    public $IS_AJAX;

    public function __construct() {
        $this->NOW_TIME = $_SERVER['REQUEST_TIME'];
        $this->REQUEST_METHOD = $_SERVER['REQUEST_METHOD'];
        $this->IS_GET = ($this->REQUEST_METHOD == 'GET' ? true : false);
        $this->IS_POST = ($this->REQUEST_METHOD == 'POST' ? true : false);
        $this->IS_PUT = ($this->REQUEST_METHOD == 'PUT' ? true : false);
        $this->IS_DELETE = ($this->REQUEST_METHOD == 'DELETE' ? true : false);

        $ajax_var = 'ajax';
        $postAjax = isset($_POST[$ajax_var]) && $_POST[$ajax_var] == 1 ? true : false;
        $getAjax = isset($_POST[$ajax_var]) && $_POST[$ajax_var] == 1 ? true : false;
        $commonAjax = (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') ? true : false;

        $this->IS_AJAX = ($commonAjax || $postAjax || $getAjax) ? true : false;

        }

}

2018年7月25日星期三

php 讓 container 注入模組的方式

class Container {

 public $name = 'a';
 public $age = 19;
 public $load;

 public function __construct() {
 $this->load = new Loader($this);
 }

 public function getName() {
 printf('%s', $this->name);
 }

}

// 注入模組
class Loader {
 public $container;

 public function __construct($container) {
 $this->container = $container;
 }

 public function __get($name) {

 if (isset($this->container->$name)) {
 return $this->container->$name;
 }

 }

}

$a = new Container();

$load = $a->load;
var_dump($load->name);

2018年7月20日星期五

php 取得最上層的 className

2018年7月9日星期一

javascript.....判斷 global

/** Detect free variable `global` from Node.js. */
var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;

/** Detect free variable `self`. */
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;

/** Used as a reference to the global object. */
var root = freeGlobal || freeSelf || Function('return this')();
---------------------------------------------------------------------------------------------------
// node.js

if (typeof exports != 'undefined' && !exports.nodeType) {
 if (typeof module != 'undefined' && !module.nodeType && module.exports) {
 exports = module.exports = _;
 }
 exports._ = _;
 } else {
 root._ = _;
 }

---------------------------------------------------------------------------------------------------
// node.js

/** Detect free variable `exports`. */
var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;

/** Detect free variable `module`. */
var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;

/** Detect the popular CommonJS extension `module.exports`. */
var moduleExports = freeModule && freeModule.exports === freeExports;

/** Detect free variable `process` from Node.js. */
var freeProcess = moduleExports && freeGlobal.process;

/** Used to access faster Node.js helpers. */
var nodeUtil = (function() {
 try {
 // Use `util.types` for Node.js 10+.
 var types = freeModule && freeModule.require && freeModule.require('util').types;

 if (types) {
 return types;
 }

 // Legacy `process.binding('util')` for Node.js < 10.
 return freeProcess && freeProcess.binding && freeProcess.binding('util');
 } catch (e) {}
}());
---------------------------------------------------

var root = this
// AMD / RequireJS
if (typeof define !== 'undefined' && define.amd) {
    define([], function () {
        return async;
    });
}
// Node.js
else if (typeof module !== 'undefined' && module.exports) {
    module.exports = async;
}
// included directly via <script> tag
else {
    root.async = async;
}

2018年6月30日星期六

php(ReflectionClass)(反射) 從一個實力的物件取得類別方法，並執行

ReflectionClass：
     public static string export()  //打印类的详细信息
     public string getName()        //取得类名或接口名
     public bool isInternal()       //类是否为系统内部类
     public bool isUserDefined()    //类是否为用户自定义类
     public bool isInstantiable()   //类是否被实例化过
     public bool hasMethod(string name)  //类是否有特定的方法
     public bool hasProperty(string name)//类是否有特定的属性
     public string getFileName()         //获取定义该类的文件名，包括路径名
     public int getStartLine()           //获取定义该类的开始行
     public int getEndLine()             //获取定义该类的结束行
     public string getDocComment()       //获取该类的注释
     public ReflectionMethod getConstructor()           //取得该类的构造函数信息
     public ReflectionMethod getMethod(string name)     //取得该类的某个特定的方法信息
     public ReflectionMethod[] getMethods()             //取得该类的所有的方法信息
     public ReflectionProperty getProperty(string name) //取得某个特定的属性信息
     public ReflectionProperty[] getProperties()        //取得该类的所有属性信息
     public array getConstants()                        //取得该类所有常量信息
     public mixed getConstant(string name)              //取得该类特定常量信息
     public ReflectionClass[] getInterfaces()           //取得接口类信息
     public bool isInterface()  //测试该类是否为接口
     public bool isAbstract()   //测试该类是否为抽象类

-----------------------------------------------------------------------

 class X{
    public static function go(){
        echo '<h1>go</h1>';
    }
    
    public function gogo(){
        echo '<h1>gogo</h1>';
    }
}

class Y extends X {
    
}
//==============================================================================
$y = new Y();

// 取得 static
$className = get_parent_class($y);
$ref = new ReflectionMethod($className, 'go');
$ref->invoke(NULL);

//==============================================================================

 function make($class, $vars = array()) {
    $ref = new ReflectionClass($class);

    if(!$ref->isInstantiable()) {
        throw new Exception("类{$class} 不存在");
    }

    // 取得建構式
    $constructor = $ref->getConstructor();
    if(is_null($constructor)) {
        return new $class;
    }

    // 確定建構式的參數
    $params = $constructor->getParameters();
    
    $resolveParams = array();
    
    foreach ($params as $key=>$value) {
        $name = $value->getName();
        
        if(isset($vars[$name])) {
            $resolveParams[] = $vars[$name];
        } else {
            
            // 參數是否有默認值
            $default = $value->isDefaultValueAvailable() ? $value->getDefaultValue() : null;
            
            if(is_null($default)) {
                // 參數沒有默認值
                
                if($value->getClass()) {                    
                    
                    // 遞迴(這點似乎有點多)
                    $resolveParams[] = make($value->getClass()->getName(), $vars);
                } else {
                    throw new Exception("{$name} 没有传值且没有默认值。");
                }
            } else {
                $resolveParams[] = $default;
            }
        }
    }

    return $ref->newInstanceArgs($resolveParams);
}

訂閱：文章 (Atom)

2018年12月29日 星期六

2018年12月22日 星期六

2018年12月21日 星期五

2018年12月18日 星期二

2018年11月21日 星期三

2018年11月20日 星期二

2018年11月15日 星期四

2018年11月13日 星期二

2018年11月10日 星期六

2018年11月9日 星期五

2018年11月8日 星期四

2018年11月6日 星期二

2018年11月3日 星期六

2018年11月2日 星期五

2018年10月25日 星期四

2018年10月17日 星期三

2018年10月6日 星期六

2018年10月2日 星期二

2018年9月26日 星期三

2018年9月23日 星期日

2018年9月20日 星期四

2018年9月1日 星期六

2018年8月29日 星期三