最近の操作及び問題記録一

最近の操作及び問題記録一

[HP]base 64データストリームファイルをピクチャファイルに変換する方法

直接上コード

注意事項

[MYSQL]クエリー1時間以内のデータ

コード

DATE_SUB解析

[CSS]ボタン動的スケーリング

コード

解析

[HP]base 64データストリームファイルを画像ファイルに変換する方法
base 64データストリームファイルは、base 64符号化を用いてピクチャデータを標準ASCII文字に翻訳するものである.
ダイレクトコード

//1.         base64      
/**
idImg1  ：
data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMD…J6c/Cvnd9TXK8x0...
**/
$idImg1 = $this->input->get_post('idImg1');

//2.        url    ，     
$idImg1 = str_replace('url("data:image/jpeg;base64,', '', $idImg1);
$idImg1 = str_replace('")', '', $idImg1);

//3.              
$img1_path = dirname(__FILE__) . '/uploads/images/img_front.jpg';

//4.                     
file_put_contents($img1_path, base64_decode($idImg1));

//5.       ，      

Data URLすなわちbase 64データストリームは、サーバからロードするのではなく、ローカルで直接画像を描画し、HTTP接続を節約し、Webページを加速させる役割を果たすことができます.
に等しい

	<img src="http://XXX/images/img_front.jpg"/>

注意事項

この方法は小さな画像にしか向いていませんよ.大きな画像は考えなくてもいいです.

バックグラウンドでデータを取得する場合、trim()フィルタ文字列を追加することはできません.そうしないと、文字列の内容が変更されます.

最後に、Data URL生成方式を添付します.

	$img_file = file_get_contents("http://XXX/images/img_front.jpg");
	echo base64_encode($img_file);

   
[MYSQL]1時間以内のデータの照会
コード#コード#

SELECT * FROM    WHERE     > DATE_SUB(NOW(), INTERVAL 60 MINUTE); 

//  
SELECT * FROM    WHERE     > DATE_SUB(NOW(), INTERVAL 1 HOUR); 

DATE_SUB解析DATE_SUB関数は、日付dateから指定された間隔を減算します.
構文:

DATE_SUB(date,INTERVAL expr type)

dateパラメータは合法的な日付式です.exprパラメータは時間間隔です.
typeパラメータ解析:
値(type)
解析
MICROSECOND
マイクロ秒
SECOND
秒
MINUTE
分
HOUR
時
DAY
ああ
WEEK
週
MONTH
月
QUARTER
四半期、三ヶ月
YEAR
年
SECOND_MICROSECOND
秒とマイクロ秒、任意の記号で区切る
MINUTE_SECOND
分と秒、任意の記号で区切る
HOUR_MINUTE
時と分、任意の記号で区切る
DAY_HOUR
日と時、任意の記号で区切る
YEAR_MONTH
年と月、任意の記号で区切る
MINUTE_MICROSECOND
分とマイクロ秒、任意の記号は隔てて、正常に実行することができなくて、SECOND_に等しくなりますMICROSECOND
HOUR_MICROSECOND
時間とマイクロ秒、任意の記号は隔てて、正常に実行することができなくて、SECOND_に等しくなりますMICROSECOND
DAY_MICROSECOND
日とマイクロ秒、任意の記号は隔てて、正常に実行することができなくて、SECOND_に等しくなりますMICROSECOND
HOUR_SECOND
時間と秒、任意の記号は隔てて、正常に実行することができなくて、MINUTE_に等しいですSECOND
DAY_SECOND
日と秒、任意の記号が区切られていて、正常に実行できません.MINUTE_に等しいです.SECOND
DAY_MINUTE
日と分、任意の記号は隔てて、正常に実行することができなくて、HOUR_に等しくなりますMINUTE
以上の単一パラメータは簡単に理解できますが、次の例を見てください.

>SELECT DATE_SUB('2019-08-01 12:00:00',INTERVAL 1 SECOND) ;

>2019-08-01 11:59:59

下線接続を使用する2つのパラメータを主に見て、まず例を見てみましょう.

>SELECT DATE_SUB('2019-08-01 12:00:00',INTERVAL  '1 1'  YEAR_MONTH) ;

>2018-07-01 12:00:00 

そう、2つのパラメータは、上記の例のように、1年1ヶ月を減らしたように、他の効果は同じです.
しかし、ここには表に注記されているようなバグがあります.公式に与えられた6種類は正常に実行できません.具体的な効果表には説明があります.検証MYSQLバージョンは5.7.11、高バージョンのサポートが必要かどうかは検証されます.
PS:指定された修正時間帯はマイナスであってもよく、マイナスをプラスにすれば、それだけ時間が増えることになります.
   
[CSS]ボタン動的スケーリング
コード#コード#

-webkit-animation: ghostUpdown 0.7s infinite alternate;

@keyframes ghostUpdown {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.05);
    }
}

@-webkit-keyframes ghostUpdown {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.05);
    }
}

解析

animationは、ページのアニメーション効果を作成するために使用され、@keyframesと一緒に使用する必要があります.

ブラウザ接頭辞-webkitこれはブラウザ互換性の問題のため、chrome、safari、operaはanimationをサポートせず、webkit接頭辞を使用する必要があります.IE 10およびFirefox(>=16)は、プレフィックスのないanimationをサポートし、Firefox(<16)が使用するプレフィックスは-mozである.具体的な解析は文章cssアニメーション-animationの各属性の詳細を参照してください

transform:要素に適用される2 Dまたは3 D変換.このアトリビュートを使用すると、要素を回転、スケール、移動、傾斜などできます.scale:2 Dズーム変換を定義します.具体的な属性説明はCSS 3 transform属性を参照してください.