杨先生工作记

利用CSS改变图片颜色

Wed, 25 May 2022 00:27:25 +0800

前言

“说到对图片进行处理，我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者，我们经常会需要处理一些特效，例如根据不同的状态，让图标显示不同的颜色。或者是hover的时候，对图片的对比度，阴影进行处理。”

你以为这些是经过PS软件处理出来的？不不不，纯粹的是用css写出来的，很神奇把。

强大的 CSS:filter

CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。 MDN

CSS标准里包含了一些已实现预定义效果的函数。

filter: none        
    | blur() 
    | brightness() 
    | contrast() 
    | drop-shadow() 
    | grayscale() 
    | hue-rotate() 
    | invert() 
    | opacity() 
    | saturate() 
    | sepia() 
    | url();


<!--html-->
<img src="https://note.youdao.com/yws/res/237/WEBRESOURCE7e77df2551fe1a1db1b9d91f4d518917" alt="原图">

filter: none

没有任何效果，默认filter就为none

filter:blur( ) 高斯模糊

给图像一个高斯模糊效果，length值越大，图像越模糊

我们来尝试一下

img {
    filter:blur(2px);;
}

brightness(%) 线性乘法

可以让图片看起来更亮或者更暗

img {
    filter:brightness(70%);
}

contrast(%) 对比度

调整图像的对比度。

img {
    filter:contrast(50%);
}

drop-shadow(h-shadow v-shadow blur spread color)

给图像设置一个阴影效果。阴影是合成在图像下面，可以有模糊度的，可以以特定颜色画出的遮罩图的偏移版本。函数接受(在CSS3背景中定义)类型的值，除了"inset"关键字是不允许的。该函数与已有的box-shadow box-shadow属性很相似；不同之处在于，通过滤镜，一些浏览器为了更好的性能会提供硬件加速

利用这个方案，我们其实改变类似于一些图标的颜色，比如黑色的图标变成蓝色的图标。

PNG格式小图标的CSS任意颜色赋色技术

img {
    filter: drop-shadow(705px 0 0 #ccc);
}

在这里，我们将图片投影形成一个同等大小的灰色区域。

hue-rotate(deg) 色相旋转

img {
    filter:hue-rotate(70deg);
}

看，我的小姐姐变成了阿凡达！

invert(%) 反转

这个函数的作用是反转输入图像，有点像曝光的效果

img {
    filter:invert(100%)
}

grayscale(%) 将图像转换为灰度图像

这个效果可以将图片做旧，有一种时代沧桑感。喜欢古风的人一定会喜欢上这个效果的

img {
    filter:grayscale(80%);
}

除了古风还有一种用法是有的时候需要将全站变成灰色，如大屠杀纪念日的时候。

可以这样设置

*{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

sepia(%) 将图像转换为深褐色

下面给我的小姐姐一个暖暖的色调。

img {
    filter:sepia(50%)
}

大家是不是发现我并没有把url()方法写到这上面来

没错，因为我想把这个内容放到最后来说，filter:url()就是css滤镜改变图片的终极方法。CSS:filter可以导入一个svg滤镜，作为他自己的滤镜。

终极变色解决方案！ filter:url();

为什么说filter:url()是图片变色的终极解决方案呢，请容我慢慢道来。

我们先科普一下PS的工作原理，我们都知道网页是有三原色的R(红) G(绿) B(蓝)，常见的RGBA还包括一个opicity值，而opcity值是根据alpha通道计算出来的。也就是说，我们见到的网页的每一个像素点都是由红蓝绿再加alpha四个通道组成，每一个通道我们称之为色板，PS中的8位板的意思就是2的八次方256，意思就是每一个通道的取值范围都是(0-255) SVG 研究之路 (11) - filter:feColorMatrix

如果我们可以改变每个通道的值是不是就能完美的得到我们想要的任意颜色了呢，原理上，我们可以像ps那样利用svg滤镜得到任何我们想要的图像，不仅仅是变色。我们甚至可以凭空生成一幅图像。

svg feColorMatrix大法好

<svg height="0" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <filter id="change">
                <feColorMatrix type="matrix" values="
                0 0 0 0 0.55
                0 0 0 0 0.23 
                0 0 0 0 0 
                0 0 0 0 1" />
        </filter>
    </defs>
</svg>
<img src="https://note.youdao.com/yws/res/237/WEBRESOURCE7e77df2551fe1a1db1b9d91f4d518917" alt="">



img {
    filter:url(#change);
}

通过单通道我们可以将图片变成单一的颜色

<svg height="0" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <filter id="change">
               <feColorMatrix values="3 -1 -1 0 0
                       -1 3 -1 0 0
                       -1 -1 3 0 0
                       0 0 0 1 0" />
        </filter>
    </defs>
</svg>

通过双通道我们可以的到一些非常炫酷的PS效果

当然，在这里，只是举个例子，通过配置矩阵中的值，我们可以配置每一个像素点的值按照我们定义的规则显示

我们在这里详细讲一下feColorMatrix 矩阵的计算方式

其中Rin Gi

n Bin a(alpha) 为原始图片中每个像素点的rgba值

通过矩阵计算，得到的Rout Gout Bout Aout就是最终显示出来的rgba值。

将图片转为单色拿棕色rgba(140,59,0,1)作为例子

根据上面的公式，我们可以简化一些计算，同一行中，只设置一个通道的值，其他通道为0

不难得出矩阵

0 0 0 0 目标值R
0 0 0 0 目标值G
0 0 0 0 目标值B
0 0 0 0 1复制代码

根据规则，只需要计算，255/想要显示的颜色对应通道 = 目标值

我们想要的棕色rgba(140,59,0,1) 换算成色板 rgba 为 140 59 0 255

可以算出目标值

0 0 0 0 0.55
0 0 0 0 0.23
0 0 0 0 0 
0 0 0 0 1

多通道设置出炫酷的效果来

就如同之前我们看到的双通道形成的炫酷图片一般

我們今天要把圖片的飽和度提高，該怎麼做呢？首先當然是想想飽和度的成因，就是紅的越紅，藍的越藍，綠的越綠，由這個成因出發，我們的矩陣就可以寫成下面的樣子，看到矩陣當中出現了 3 和 -1，一定會很那悶這是怎麼來的，箇中原理其實很容易理解，讓我們假設某一個像素的 RGB 分別是 (200/255),(100/255),(50/255)，呈現的應該是有點暗沉的橘色，經過矩陣的換算，R 變成了 200/255x3-100/255-50/255= 1.76, G 變成 200/255x(-1)+100/255*3-50/255=0.2，B 變成 200x(-1)+100x(-1)+50x3=-0.59，因此 RGB 轉換後就是：200x1.76,100x0.2,50x-0.5。SVG 研究之路 (11) - filter:feColorMatrix

<svg height="0" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <filter id="change">
               <feColorMatrix values="3 -1 -1 0 0
                       -1 3 -1 0 0
                       -1 -1 3 0 0
                       0 0 0 1 0" />
        </filter>
    </defs>
</svg>

其他方案

除了feColorMatrix svg滤镜还有很多的方法可以定义滤镜，他们同样可以作用到图片上。由于篇幅限制，这里就不详细展开了

总结

css3提供了filter这个属性，使得通过前端技术实现更多炫酷的特效成为了可能
依赖于svg的滤镜，我们可以实现复杂的滤镜效果

注意

css：filter与ie上的filter并不是相同的概念
css:filter在不同的浏览器上兼容性不一样，您在使用的时候需要注意浏览器的兼容性

参考文献

PHPExcel导入导出及大量数据导入缓存方式的修改

Fri, 26 Mar 2021 10:57:51 +0800

最近做一个WEB项目，需要用到Excel的导入导出。选用了经典的PHPExcel来实现。实现方法很简单，遇到一个问题，数据量较大时会出现内存溢出的问题。Google了一下，修改了缓存的方式，解决问题。

require_once 'PHPExcel.php';
//设定缓存模式为经gzip压缩后存入cache（还有多种方式请百度）
$cacheMethod = PHPExcel_CachedObjectStorageFactory::cache_in_memory_gzip;
$cacheSettings = array();
PHPExcel_Settings::setCacheStorageMethod($cacheMethod,$cacheSettings);
$objPHPExcel = new PHPExcel();
//读入上传文件
$objPHPExcel = PHPExcel_IOFactory::load($_FILES["excel"]["tmp_name"]);
//内容转换为数组
$indata = $objPHPExcel->getActiveSheet()->toArray();

PHP+RabbitMQ实现消息队列(代码全篇)

Fri, 26 Mar 2021 10:56:24 +0800

前言

先安装PHP对应的RabbitMQ,这里用的是 php_amqp 不同的扩展实现方式会有细微的差异.
php扩展地址: http://pecl.php.net/package/amqp
具体以官网为准  http://www.rabbitmq.com/getstarted.html

介绍

config.php 配置信息BaseMQ.php MQ基类ProductMQ.php 生产者类ConsumerMQ.php 消费者类Consumer2MQ.php 消费者2(可有多个)

config.php

    <?php
    return [        //配置
        'host' => [            'host' => '127.0.0.1',            'port' => '5672',            'login' => 'guest',            'password' => 'guest',            'vhost'=>'/',
        ],        //交换机
        'exchange'=>'word',        //路由
        'routes' => [],
    ];

BaseMQ.php

    <?php
    /**
     * Created by PhpStorm.
     * User: pc
     * Date: 2018/12/13
     * Time: 14:11
     */
    
    namespace MyObjSummary\rabbitMQ;    
    /** Member
     *      AMQPChannel
     *      AMQPConnection
     *      AMQPEnvelope
     *      AMQPExchange
     *      AMQPQueue
     * Class BaseMQ
     * @package MyObjSummary\rabbitMQ
     */
    class BaseMQ
    {        /** MQ Channel
         * @var \AMQPChannel
         */
        public $AMQPChannel ;    
        /** MQ Link
         * @var \AMQPConnection
         */
        public $AMQPConnection ;    
        /** MQ Envelope
         * @var \AMQPEnvelope
         */
        public $AMQPEnvelope ;    
        /** MQ Exchange
         * @var \AMQPExchange
         */
        public $AMQPExchange ;    
        /** MQ Queue
         * @var \AMQPQueue
         */
        public $AMQPQueue ;    
        /** conf
         * @var
         */
        public $conf ;    
        /** exchange
         * @var
         */
        public $exchange ;    
        /** link
         * BaseMQ constructor.
         * @throws \AMQPConnectionException
         */
        public function __construct()        {            $conf =  require 'config.php' ;            if(!$conf)                throw new \AMQPConnectionException('config error!');            $this->conf     = $conf['host'] ;            $this->exchange = $conf['exchange'] ;            $this->AMQPConnection = new \AMQPConnection($this->conf);            if (!$this->AMQPConnection->connect())                throw new \AMQPConnectionException("Cannot connect to the broker!\n");
        }    
        /**
         * close link
         */
        public function close()        {            $this->AMQPConnection->disconnect();
        }    
        /** Channel
         * @return \AMQPChannel
         * @throws \AMQPConnectionException
         */
        public function channel()        {            if(!$this->AMQPChannel) {                $this->AMQPChannel =  new \AMQPChannel($this->AMQPConnection);
            }            return $this->AMQPChannel;
        }    
        /** Exchange
         * @return \AMQPExchange
         * @throws \AMQPConnectionException
         * @throws \AMQPExchangeException
         */
        public function exchange()        {            if(!$this->AMQPExchange) {                $this->AMQPExchange = new \AMQPExchange($this->channel());                $this->AMQPExchange->setName($this->exchange);
            }            return $this->AMQPExchange ;
        }    
        /** queue
         * @return \AMQPQueue
         * @throws \AMQPConnectionException
         * @throws \AMQPQueueException
         */
        public function queue()        {            if(!$this->AMQPQueue) {                $this->AMQPQueue = new \AMQPQueue($this->channel());
            }            return $this->AMQPQueue ;
        }    
        /** Envelope
         * @return \AMQPEnvelope
         */
        public function envelope()        {            if(!$this->AMQPEnvelope) {                $this->AMQPEnvelope = new \AMQPEnvelope();
            }            return $this->AMQPEnvelope;
        }
    }

ProductMQ.php

    <?php
    //生产者 P
    namespace MyObjSummary\rabbitMQ;    require 'BaseMQ.php';    class ProductMQ extends BaseMQ
    {        private $routes = ['hello','word']; //路由key
    
        /**
         * ProductMQ constructor.
         * @throws \AMQPConnectionException
         */
        public function __construct()        {           parent::__construct();
        }    
        /** 只控制发送成功 不接受消费者是否收到
         * @throws \AMQPChannelException
         * @throws \AMQPConnectionException
         * @throws \AMQPExchangeException
         */
        public function run()        {            //频道
            $channel = $this->channel();            //创建交换机对象
            $ex = $this->exchange();            //消息内容
            $message = 'product message '.rand(1,99999);            //开始事务
            $channel->startTransaction();            $sendEd = true ;            foreach ($this->routes as $route) {                $sendEd = $ex->publish($message, $route) ;                echo "Send Message:".$sendEd."\n";
            }            if(!$sendEd) {                $channel->rollbackTransaction();
            }            $channel->commitTransaction(); //提交事务
            $this->close();            die ;
        }
    }    try{
        (new ProductMQ())->run();
    }catch (\Exception $exception){
        var_dump($exception->getMessage()) ;
    }

ConsumerMQ.php

    <?php
    //消费者 C
    namespace MyObjSummary\rabbitMQ;    require 'BaseMQ.php';    class ConsumerMQ extends BaseMQ
    {        private  $q_name = 'hello'; //队列名
        private  $route  = 'hello'; //路由key
    
        /**
         * ConsumerMQ constructor.
         * @throws \AMQPConnectionException
         */
        public function __construct()        {            parent::__construct();
        }    
        /** 接受消息 如果终止 重连时会有消息
         * @throws \AMQPChannelException
         * @throws \AMQPConnectionException
         * @throws \AMQPExchangeException
         * @throws \AMQPQueueException
         */
        public function run()        {    
            //创建交换机
            $ex = $this->exchange();            $ex->setType(AMQP_EX_TYPE_DIRECT); //direct类型
            $ex->setFlags(AMQP_DURABLE); //持久化
            //echo "Exchange Status:".$ex->declare()."\n";
    
            //创建队列
            $q = $this->queue();            //var_dump($q->declare());exit();
            $q->setName($this->q_name);            $q->setFlags(AMQP_DURABLE); //持久化
            //echo "Message Total:".$q->declareQueue()."\n";
    
            //绑定交换机与队列，并指定路由键
            echo 'Queue Bind: '.$q->bind($this->exchange, $this->route)."\n";    
            //阻塞模式接收消息
            echo "Message:\n";            while(True){                $q->consume(function ($envelope,$queue){                    $msg = $envelope->getBody();                    echo $msg."\n"; //处理消息
                    $queue->ack($envelope->getDeliveryTag()); //手动发送ACK应答
                });                //$q->consume('processMessage', AMQP_AUTOACK); //自动ACK应答
            }            $this->close();
        }
    }    try{
        (new ConsumerMQ)->run();
    }catch (\Exception $exception){
        var_dump($exception->getMessage()) ;
    }

MS-SQLSERVER数据库SUSPECT状态如何解决

Fri, 26 Mar 2021 10:50:06 +0800

如何重置数据库Suppect(置疑)状态
一、出现这种情况的原因
如果在日常运行当中，数据库的文件或日志增长方式设为以下两种模式：
1、文件不自动增长
此种状态下，如果数据库中的数据或日志增长到设定的文件大小时，继续添加数据时就没有足够的空间时，MS SQL SERVER将把数据库标记为Suspect（置疑）
2、文件自动增长但限制最大文件大小
此种状态下，如果数据库中的数据或日志增长到设定的最大文件大小时，继续添加数据时就没有足够的空间时，MS SQL SERVER将把数据库标记为Suspect（置疑）
3、文件自动增长也没限制文件大小，但存放文件的磁盘剩余空间不够了
4、意外掉电，造成磁盘文件损坏
二、解决方法：
方法一：
释放含有相关数据库日志文件的任意磁盘驱动器上的磁盘空间。释放的磁盘空间使恢复系统可以自动地增长数据或事务日志文件。
执行 sp_resetstatus 重置置疑状态。
通过执行 DBCC DBRECOVER（数据库）运行恢复操作。
方法二：
释放另一个磁盘驱动器上的磁盘空间。
把可用磁盘空间不足的事务日志文件移动到第一步所指的磁盘驱动器上。
执行 sp_detach_db 分离数据库。
执行 sp_attach_db 附加数据库，指向被移动的文件。
方法三：
向置疑数据库添加一个日志文件，然后执行 sp_add_log_file_recover_suspect_db 以便在数据库上运行恢复操作。
解决错误信息 1105，然后使数据库联机
对于任意一个含有错误信息 1105 提到的文件组中文件的磁盘，释放其磁盘空间。释放磁盘空间使得文件组中的文件可以增长。
执行 sp_resetstatus 重置置疑状态。
执行 DBCC DBRECOVER（数据库）运行恢复操作。
方法四：
释放另一个磁盘驱动器上的磁盘空间。
将可用磁盘空间不足的文件组中的数据文件移动到第一步所指的磁盘驱动器上。
执行 sp_detach_db 分离数据库。
执行 sp_attach_db 附加数据库，指向被移动的文件。
方法五：
向置疑数据库添加一个数据文件，然后执行 sp_add_data_file_recover_suspect_db 以便在数据库上运行恢复操作。
执行 sp_resetstatus。
用 ALTER DATABASE 向数据库添加一个数据文件或日志文件。
停止并重新启动 SQL Server。
用新的数据文件或日志文件所提供的额外空间，SQL Server 应该能完成数据库的恢复。
释放磁盘空间并且重新运行恢复操作。
sp_resetstatus 关闭数据库的置疑标志，但是原封不动地保持数据库的其它选项。
注意只有在您的主要支持提供者指导下或有疑难解答建议的做法时，才可以使用 sp_resetstatus。
否则，可能会损坏数据库。
由于该过程修改了系统表，系统管理员必须在创建这个过程前，启用系统表更新。要启用更新，使用下面的过程：
USE master
GO
sp_configure 'allow updates', 1
GO
RECONFIGURE WITH OVERRIDE
GO
过程创建后，立即禁用系统表更新：
sp_configure 'allow updates', 0
GO
RECONFIGURE WITH OVERRIDE
GO
只有系统管理员才能执行 sp_resetstatus。执行该过程后，立即关闭 SQL Server。
语法为：
sp_resetstatus database_name
下面的例子将关闭 PRODUCTION 数据库的置疑标志。
sp_resetstatus PRODUCTION
下面是结果集：
Database 'PRODUCTION' status reset!
WARNING: You must reboot SQL Server prior to accessing this database!
注释
sp_resetstatus 关闭数据库上的置疑标记。此过程更新 sysdatabases 中的命名数据库的模式和状态列。
在运行此过程之前，应参考 SQL Server 错误日志并解决所有问题。执行 sp_resetstatus 后停止并重新启动 SQL Server。
由于某些原因，数据库可能成为置疑状态。可能的原因包括操作系统拒绝对数据库资源的访问，以及一个或多个数据库文件不可用性或已损坏。
权限
只有 sysadmin 固定服务器角色成员才能执行 sp_resetstatus。
示例
下例重置 PUBS 数据库的状态。
EXEC sp_resetstatus 'PUBS'
数据文件空间不足：
sp_add_data_file_recover_suspect_db
当由于文件组上的"空间不足"(1105) 错误而导致一个数据库上的恢复不能完成时，请为文件组添加一个数据文件。添加日志文件后，该存储过程关闭置疑设置并完成数据库的故障恢复。该参数和 ALTER DATABASE ADD FILE 的参数相同。
示例
在下面的示例中，由于文件组 fg1 中空间不足（错误 1105），数据库 db1 被标记为置疑。
sp_add_data_file_recover_suspect_db db1, fg1, file2,
'c:/Program Files/Microsoft SQL Server/MSSQL/Data/db1_file2.mdf', '1MB'
日志空间不足：
sp_add_log_file_recover_suspect_db
由于数据库上"日志空间不足"(9002) 错误造成恢复不能完成时，请将日志文件添加到文件组中。添加日志文件后，该存储过程关闭置疑设置并完成数据库的故障恢复。参数与 ALTER DATABASE ADD LOG FILE 中的参数相同。
权限
执行权限默认赋予 sysadmin 固定服务器角色的成员。这些权限是不可传递的。
示例
在此示例中，数据库 db1 在故障恢复期间由于日志空间不足（错误 9002）而标记为置疑。
sp_add_log_file_recover_suspect_db db1, logfile2,
'c:/Program Files/Microsoft SQL Server/MSSQL/Data/db1_logfile2.ldf',
'1MB'
严重级别 22：SQL Server 严重错误表的完整性置疑
这些消息表明消息中所指定的表或索引已因软件或硬件问题而损坏。
严重级别 22 错误很少发生；但是，如果遇到该错误，请运行 DBCC CHECKDB 确定数据库中是否有其它对象也受损坏。问题有可能只存在于超速缓存中，而不是存在于磁盘本身。如果是这样，重新启动 SQL Server 将修正该问题。要继续工作，必须重新连接到 SQL Server。否则，用 DBCC 修复该问题。有些情况下，有必要还原数据库。
如果重新启动帮助不大，则问题存在于磁盘上。有时，摧毁在错误信息中指定的对象可以解决该问题。例如，如果消息说 SQL Server 在非聚集索引中发现长度为 0 的行，删除该索引然后重建。
严重级别 23：SQL Server 严重错误：数据库完整性置疑
这些消息表明由于硬件或软件问题，整个数据库完整性存在问题。
严重级别 23 错误很少发生；但是，如果遇到，请运行 DBCC CHECKDB 确定损坏的程度。问题有可能只存在于超速缓存中，而不是存在于磁盘本身。如果是这样，重新启动 SQL Server 将修正该问题。要继续工作，必须重新连接到 SQL Server。否则，用 DBCC 修复该问题。有些情况下，有必要重新启动数据库。
DBCC CHECKDB 建议
在 Microsoft? SQL Server? 2000 中，可以在用户使用数据库时运行 DBCC CHECKDB，因为 DBCC CHECKDB 在检查每个数据库表时在表上控制的锁的类型均更改。
在 SQL Server 7.0 和早期版本中，DBCC CHECKDB（依次在数据库的每个表上运行 DBCC CHECKTABLE 和 CHECKALLOC）常常在表上控制共享锁 (S)，因而阻塞了所有的数据修改语言 (DML) 语句。
在 SQL Server 2000 中，当检查表时 DBCC CHECKDB 在表上控制架构锁以防止元数据的更改，因而允许在正在检查的表上使用除任何数据定义语言 (DDL) 语句之外的 DML 语句。该变化对于决定何时运行 DBCC CHECKDB 提供了更大的灵活性，因为 DBCC CHECKDB 并不完全拒绝用户对系统的使用。
DBCC CHECKDB 是大量占用 CPU 和磁盘的操作。每一个需要检查的数据页都必须首先从磁盘读入内存。另外，DBCC CHECKDB 使用 tempdb 排序。
如果在 DBCC CHECKDB 运行时动态执行事务，那么事务日志会继续增长，因为 DBCC 命令在完成日志的读取之前阻塞日志截断。
建议在服务器负荷较少的时候运行 DBCC CHECKDB。如果在负荷高峰期运行 DBCC CHECKDB，那么事务吞吐量性能和 DBCC CHECKDB 完成时间性能都会受到影响。
要获得好的 DBCC 性能的一些建议
在系统使用率较低时运行 CHECKDB。
请确保未同时执行其它磁盘 I/O 操作，例如磁盘备份。
将 tempdb 放到单独的磁盘系统或快速磁盘子系统中。
允许 tempdb 在驱动器上有足够的扩展空间。使用带有 ESTIMATE ONLY 的 DBCC 估计 tempdb 将需要多少空间。
避免运行占用大量 CPU 的查询或批处理作业。
在 DBCC 命令运行时，减少活动事务。
使用 NO_INFOMSGS 选项显著减少处理和 tempdb 的使用。
考虑使用带有 PHYSICAL_ONLY 选项的 DBCC CHECKDB 来检查页和记录首部的物理结构。当硬件导致的错误被置疑时，这个操作将执行快速检查。

如何阻止网站被恶意反向代理访问

Fri, 26 Mar 2021 10:47:44 +0800

近有人用小站数据，利用反向代理技术，做了个小偷站。用户访问的是他的网址，但实质上内容数据确是我的，这是一起恶意反向代理事件。

什么是反向代理？

先说说正向代理的概念：

正向代理，也就是传说中的代理，他的工作原理就像一个跳板。简单的说，我是一个用户，我访问不了某网站，但是我能访问一个代理服务器。这个代理服务器呢，他能访问那个我不能访问的网站，于是我先连上代理服务器，告诉他我需要那个无法访问网站的内容，代理服务器去取回来，然后返回给我。从网站的角度，只在代理服务器来取内容的时候有一次记录，有时候并不知道是用户的请求，也隐藏了用户的资料，这取决于代理告不告诉网站。

结论就是，正向代理是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端必须要进行一些特别的设置才能使用正向代理。

那么反向代理的概念呢？

比如用户访问 https://www.nowamagic.net/librarys/veda 这个页面，但www.nowamagic.net实际上并不存在这个页面，他是偷偷从另外一台服务器上取回来，然后作为自己的内容吐给用户。

但用户并不知情，这很正常，用户一般都很笨。这里所提到的 www.nowamagic.net 这个域名对应的服务器就设置了反向代理功能。

结论就是反向代理正好相反，对于客户端而言它就像是原始服务器，并且客户端不需要进行任何特别的设置。客户端向反向代理的命名空间(name-space)中的内容发送普通请求，接着反向代理将判断向何处(原始服务器)转交请求，并将获得的内容返回给客户端，就像这些内容原本就是它自己的一样。

恶意反向代理的危害

网站被恶意反向代理有什么危害呢？这里列举一下：

首先肯定会占用服务器资源，网站打开速度受影响。
其次，别人通过代理盗用你的网站数据，对用户与不是那么智能的搜索引擎而言，相当于建了一个与你一模一样的站点，那么很有可能你的站点会进搜索引擎沙箱，甚至被降权。
如果被恶意代理的页面，还挂有你的联盟广告（比如Adsense），这就十分危险了，如果有人点击了上面的广告，很容易被Adsense封号。
还有很多危害，读者可以自行脑补……

js 级别的解决方案

?

1

2

3

4

5

<script type="text/javascript">

if (document.domain != 'nowamagic.net' && document.domain != 'www.nowamagic.net'){

    window.location.href='https://www.nowamagic.net/';

}

</script>

脚本很简单，如果地址栏中的网址不是 nowamagic.net 和 www.nowamagic.net 中的任何一个，那么就把地址栏转向 https://www.nowamagic.net/ 。这段代码同样可以避免被人使用反向代理技术“伪造”一个跟自己一模一样的网站。

题外话：如何防止网站被iframe嵌入。有些人用iframe做了个框架，把我们网站嵌入其中，访客来浏览的时候，好像是在浏览他自己的网站一样，那么如何解决呢？以下方法可破：

?

1

2

3

4

5

<script type="text/javascript">

<!--

if (top.location != self.location)top.location=self.location;

// -->

</script>

php 级别的解决方案

js 级别的解决方案虽然能够让恶意代理页面跳回来，但是对搜索引擎不怎么友好。下面是服务器端（PHP）的解决方案，代码比较简单，就不多说了。

?

$proxy_rs = $this -> proxy_filter();

if( $proxy_rs != 'nowamagic.net' || $proxy_rs != 'www.nowamagic.net' ) 

{

    echo '非法反向代理访问';

    //header('Location: https://www.nowamagic.net/');

    exit;

}

public function proxy_filter()

{

/*

    $svrUrl = 'https://' . $_SERVER['SERVER_NAME'].$_SERVER["PHP_SELF"];

    if (!empty($_SERVER["QUERY_STRING"]))

{

        $svrUrl .= "?".$_SERVER["QUERY_STRING"];

}

    return $svrUrl;

*/

    return $_SERVER['SERVER_NAME'];

}

htaccess 级别的解决方案

.htaccess

?

1

2

3

RewriteEngine On

RewriteBase /

php_value auto_append_file proxy.php

proxy.php

?

1

2

3

4

5

6

7

<?php

$f = getenv("HTTP_X_FORWARDED_FOR");

$server = getenv("HTTP_HOST");

if (($f!="")&&($server!="nowamagic.net")&&($server!="www.nowamagic.net")){

    echo '本服务器禁止恶意反向代理！';

}

?>

这个由于我网站的特殊性，没试验过，但是网上常用这种方法。

利用phpExcel实现Excel数据的导入导出

Fri, 26 Mar 2021 10:46:07 +0800

很多文章都有提到关于使用phpExcel实现Excel数据的导入导出，大部分文章都差不多，或者就是转载的，都会出现一些问题，下面是本人研究phpExcel的使用例程总结出来的使用方法，接下来直接进入正题。

首先先说一下，本人的这段例程是使用在Thinkphp的开发框架上，要是使用在其他框架也是同样的方法，很多人可能不能正确的实现Excel的导入导出，问题基本上都是phpExcel的核心类引用路径出错，如果有问题大家务必要对路劲是否引用正确进行测试。

（一）导入Excel

第一，在前台html页面进行上传文件：如：

复制代码代码如下:

<form method="post" action="php文件" enctype="multipart/form-data">
<h3>导入Excel表：</h3><input type="file" name="file_stu" />

第二，在对应的php文件进行文件的处理

复制代码代码如下:

if (! empty ( $_FILES ['file_stu'] ['name'] ))

{
    $tmp_file = $_FILES ['file_stu'] ['tmp_name'];
    $file_types = explode ( ".", $_FILES ['file_stu'] ['name'] );
    $file_type = $file_types [count ( $file_types ) - 1];

     /*判别是不是.xls文件，判别是不是excel文件*/
     if (strtolower ( $file_type ) != "xls")
    {
          $this->error ( '不是Excel文件，重新上传' );
     }

/*设置上传路径*/
$savePath = SITE_PATH . '/public/upfile/Excel/';

    /*以时间来命名上传的文件*/
     $str = date ( 'Ymdhis' );
     $file_name = $str . "." . $file_type;

     /*是否上传成功*/
     if (! copy ( $tmp_file, $savePath . $file_name ))
      {
          $this->error ( '上传失败' );
      }

*对上传的Excel数据进行处理生成编程数据,这个函数会在下面第三步的ExcelToArray类中

注意：这里调用执行了第三步类里面的read函数，把Excel转化为数组并返回给$res,再进行数据库写入

*/
$res = Service ( 'ExcelToArray' )->read ( $savePath . $file_name );

重要代码解决Thinkphp M、D方法不能调用的问题

如果在thinkphp中遇到M 、D方法失效时就加入下面一句代码

*/
//spl_autoload_register ( array ('Think', 'autoload' ) );

   /*对生成的数组进行数据库的写入*/
   foreach ( $res as $k => $v )
   {
       if ($k != 0)
      {
           $data ['uid'] = $v [0];
           $data ['password'] = sha1 ( '111111' );
           $data ['email'] = $v [1];

$data ['uname'] = $v [3];

          $data ['institute'] = $v [4];
         $result = M ( 'user' )->add ( $data );
         if (! $result)
         {
              $this->error ( '导入数据库失败' );
          }
      }
   }

}

第三：ExcelToArrary类,用来引用phpExcel并处理Excel数据的

复制代码代码如下:

class ExcelToArrary extends Service{

public function __construct() {

/*导入phpExcel核心类注意：你的路径跟我不一样就不能直接复制*/
include_once('./Excel/PHPExcel.php');
}

/**

* 读取excel $filename 路径文件名 $encode 返回数据的编码默认为utf8

*以下基本都不要修改

public function read($filename,$encode='utf-8'){

$objReader = PHPExcel_IOFactory::createReader('Excel5');

$objReader->setReadDataOnly(true);

$objPHPExcel = $objReader->load($filename);

$objWorksheet = $objPHPExcel->getActiveSheet();

　　　 $highestRow = $objWorksheet->getHighestRow();
　　　 $highestColumn = $objWorksheet->getHighestColumn();
　　    $highestColumnIndex = PHPExcel_Cell::columnIndexFromString($highestColumn);
　　   $excelData = array();
　　　for ($row = 1; $row <= $highestRow; $row++) {
    　　 for ($col = 0; $col < $highestColumnIndex; $col++) {
                 $excelData[$row][] =(string)$objWorksheet->getCellByColumnAndRow($col, $row)->getValue();
           }
         }
        return $excelData;

}

第四，以上就是导入的全部内容，phpExcel包附在最后。

（二）Excel的导出（相对于导入简单多了）

第一，先查出数据库里面要生成Excel的数据，如：

$data= M('User')->findAll(); //查出数据
$name='Excelfile'; //生成的Excel文件文件名
$res=service('ExcelToArrary')->push($data,$name);

第二，ExcelToArrary类,用来引用phpExcel并处理数据的

复制代码代码如下:

class ExcelToArrary extends Service{

public function __construct() {

              /*导入phpExcel核心类    注意：你的路径跟我不一样就不能直接复制*/
               include_once('./Excel/PHPExcel.php');
       }

/* 导出excel函数*/
public function push($data,$name='Excel'){

          error_reporting(E_ALL);
          date_default_timezone_set('Europe/London');
         $objPHPExcel = new PHPExcel();

        /*以下是一些设置，什么作者标题啊之类的*/
         $objPHPExcel->getProperties()->setCreator("转弯的阳光")
                               ->setLastModifiedBy("转弯的阳光")
                               ->setTitle("数据EXCEL导出")
                               ->setSubject("数据EXCEL导出")
                               ->setDescription("备份数据")
                               ->setKeywords("excel")
                              ->setCategory("result file");
         /*以下就是对处理Excel里的数据，横着取数据，主要是这一步，其他基本都不要改*/
        foreach($data as $k => $v){

$num=$k+1;
$objPHPExcel->setActiveSheetIndex(0)

                         //Excel的第A列，uid是你查出数组的键值，下面以此类推
                          ->setCellValue('A'.$num, $v['uid'])
                          ->setCellValue('B'.$num, $v['email'])
                          ->setCellValue('C'.$num, $v['password'])
            }

            $objPHPExcel->getActiveSheet()->setTitle('User');
            $objPHPExcel->setActiveSheetIndex(0);
             header('Content-Type: application/vnd.ms-excel');
             header('Content-Disposition: attachment;filename="'.$name.'.xls"');
             header('Cache-Control: max-age=0');
             $objWriter = PHPExcel_IOFactory::createWriter($objPHPExcel, 'Excel5');
             $objWriter->save('php://output');
             exit;
      }

zend org.eclipse.osgi 错误处理办法

Fri, 26 Mar 2021 10:43:41 +0800

如果你在汉化，或者安装包的时候发生以下错误：

log文件中提示：

!ENTRY org.eclipse.osgi 4 0 2015-07-11 01:37:53.684

!MESSAGE 应用程序错误

!STACK 1

解决办法：

删除eclipse/configuration 目录下的 org.eclipse.osgi org.eclipse.update 两个子目录

PHP生成PDF完美支持中文,解决TCPDF乱码

Fri, 26 Mar 2021 10:41:05 +0800

PHP生成PDF格式文件以TCPDF为基础，TCPDF是一个用于快速生成PDF文件的PHP5函数包。TCPDF基于FPDF进行扩展和改进。支持UTF-8，Unicode，HTML和 XHTML。在基于PHP开发的Web应用中，使用它来输出PDF文件是绝佳的选择。但毕竟这款开源软件是外国人开发的，对中文的支持也不是那么尽如人意，因此我们需要对它作进一步的强化。首先要到TCPDF官网下载TCPDF最新版。访问http://www.tcpdf.org ，单击导航条上的”Download”链接，即可下载到最新版本的TCPDF压缩包。因为里面包含了许多的TCPDF范例和字体文件，因此下载的文件比较大，大概有10M左右。下载完后解压它，会得到一个名为tcpdf的目录。

将此目录移动到WEB网站的根目录下(假设您使用的是Apache，并且使用80端口，如有不同请根据实际情况修改)，打开浏览器，访问 http://localhost/tcpdf/ 应该就可以看到此目录下的文件和文件夹列表。由于TCPDF已经自带了一些范例，因此为了节省时间，我们可以直接对范例进行修改再使用。打开tcpdf目录下的examples目录，下面有50多个范例文件，其中example_038.php就是用来测试东亚字体的(比如简体/繁体中文、日文等等)，打开此文件，找到$pdf->SetFont 这一行，修改为：

$pdf->SetFont(‘stsongstdlight’, ”, 20);

这一行代码的作用是设置PDF正文所用的字体及字号。其中”stsongstdlight”表示”STSongStdLight”字体，这是Adobe Reader的默认简体中文字体，TCPDF中已经内置这个字体的配置文件，我们只需直接调用即可。接下来，

$pdf->Write(0,’敏捷的棕毛狐狸跃过那只懒狗‘, ”, 0, ’L', true, 0, false, false, 0);
$pdf->Write(0,’The quick brown fox jumps over the lazy dog.’, ”, 0, ’L', true, 0, false, false, 0);
$pdf->Write(0,’1234567890′, ”, 0, ’L', true, 0, false, false, 0);

保存，然后访问 http://localhost/tcpdf/examples/example_038.php 就可以生成一份PDF文档了:

使用默认中文字体生成的PDF文件

这种方式生成的PDF文件的优点是：文件体积小，生成快速。但也有缺点是，没有嵌入中文字体，只限于安装了Adobe Reader之后才能正常显示。那万一用户使用的是FoxIt Reader或者是Linux操作系统呢？显示效果就不一样了。因此，为了保证生成的PDF文件在任何环境下都有同样的显示效果，嵌入字体是必需的。
Windows下有很多中文字体，但是我们要用在TCPDF中的中文字体有下面几个要求：

· 支持Unicode，因为TCPDF支持的是Unicode;

· 体积越小越好;

· 最好是也支持繁体中文;

这样看来，微软雅黑以及方正的一些字体都符合要求。但是他们都是商业字体，而且个头都不小，以微软雅黑为例，msyh.ttf 文件就超过10M，如果使用它，生成的PDF文件体积也会很大。
综合考虑，我觉得”Droid Sans Fallback”字体符合要求：

· 首先它是免费字体;

· 其次它也是Unicode编码，支持简体繁体中文以及日文韩文等等;

· 然后它的体积很小，不超过5M。

然而TCPDF不支持TTF字体文件，因此我们先将它转换成TCPDF支持的格式，然后再使用。在TCPDF目录下有个fonts子目录，这个子目录下又有个utils，这里面带有一个字体转换工具ttf2ufm.exe。下面是转换的步骤：
在网上很容易找到Droid Sans Fallback字体的下载链接，因此在这里就没有必要多做描述了。我们把下载到的 DroidSansFallback.ttf 复制到 TCPDF\fonts\utils 下面，然后打开Windows的命令行，切换到此路径下，输入如下命令：

D:\www\tcpdf\fonts\utils>ttf2ufm -a -F DroidSansFallback.ttf

等待一段时间，等到命令行窗口显示

“Finished - font files created”

之后，可以发现此目录下生成了DroidSansFallback.afm,DroidSansFallback.t1a 和 DroidSansFallback.ufm 这三个文件。
在命令行中输入

“C:\Program Files\WAMP\PHP5\php.exe” -q makefont.php DroidSansFallback.ttf DroidSansFallback.ufm

说明：这里的”C:\Program Files\WAMP\PHP5\php.exe”为php.exe文件所在的路径，请根据实际情况输入。回车运行之后，稍等片刻，命令行窗口中会提示

Font definition file generated

至此大功告成。将生成的droidsansfallback.php、droidsansfallback.z以及droidsansfallback.ctg.z这三个文件复制到 TCPDF\fonts 下面即可。

生成不成功也没问题，另一个方法是到Joomla中文官网http://www.joomlagate.com下载Joomla中文程序找到\language\pdf_fonts目录下复制droidsansfallback.php、droidsansfallback.z以及droidsansfallback.ctg.z这三个文件也是可以的
打开example_038.php文件，将

$pdf->SetFont(‘stsongstdlight’, ”, 20);

修改为

$pdf->SetFont(‘droidsansfallback’, ”, 20);

这样就能够调用我们刚才生成的字体，再访问 http://localhost/tcpdf/examples/example_038.php 就可以看到重新生成的PDF文档。

嵌入DroidSansFallback字体后的PDF文档

附注：SetHeaderData里中文的解决方法为：tcpdf\config\tcpdf_config.php

define (‘PDF_FONT_NAME_MAIN’, ’helvetica’);
改为： define (‘PDF_FONT_NAME_MAIN’, ’stsongstdlight’);
define (‘PDF_FONT_NAME_DATA’, ’helvetica’);
改为： define (‘PDF_FONT_NAME_DATA’, ’stsongstdlight’);

就可以把example_038.php文件中的

$pdf->SetHeaderData(PDF_HEADER_LOGO, PDF_HEADER_LOGO_WIDTH, PDF_HEADER_TITLE.’ 038′, PDF_HEADER_STRING);

改为：

$pdf->SetHeaderData(PDF_HEADER_LOGO,PDF_HEADER_LOGO_WIDTH,’中文头部’, ’作者和版权’);

假如你的网站源码为GBK格式输出的PDF内容为乱码的话就需要做个简单的转换了，把需要打出的中文文字做

iconv(“gb2312//TRANSLIT”,’utf-8′,$str);
$pdf->Write(0,iconv(“gb2312//TRANSLIT”,’utf-8′,’解决GBK网站输出中文乱码问题‘), ”, 0, ’L', true, 0, false, false, 0);

uni-app 调用 jar 包

Mon, 04 Jan 2021 08:52:02 +0800

官方文档及资源

uni-app 原生插件文档：https://uniapp.dcloud.io/api/extend/native-plugin
uni-app 原生插件开发文档：https://nativesupport.dcloud.net.cn/NativePlugin/README
App 离线 SDK 下载地址：https://nativesupport.dcloud.net.cn/AppDocs/download/android

App 离线 SDK 下载解压后，使用 Android Studio 打开UniPlugin-Hello-AS 工程，删除自带的三个模块:

uniplugin_component
uniplugin_module
uniplugin_richalert

添加模块，将需要调用的 jar 包拷贝到新增模块的 libs文件夹下，并添加依赖：
编写 js 与 jar包相互调用的中间件：

package com.example.handheld;

import android.util.Log;

import com.alibaba.fastjson.JSONObject;
import com.cmcid.lib.Common;
import com.cmcid.lib.Device;
import com.cmcid.lib.OnHandleListener;
import com.cmcid.lib.Power;
import com.taobao.weex.annotation.JSMethod;
import com.taobao.weex.bridge.JSCallback;
import com.taobao.weex.common.WXModule;

public class HandheldModule extends WXModule {

   private Device device;
   private Beep beep;
   
   public static final String TAG = "Lu Chang li";
   private JSCallback handleCallback;  
     
   OnHandleListener onHandleListener = new OnHandleListener() {
       @Override
       public void onDown() {
           if (handleCallback == null) return;
           mWXSDKInstance.runOnUiThread(new Runnable() {
               @Override
               public void run() {
                   JSONObject data = new JSONObject();
                   data.put("code", "down");
                   // invokeAndKeepAlive 可以持续回调， invoke只能回调一次
                   handleCallback.invokeAndKeepAlive(data);
               }
           });
       }

       @Override
       public void onUp() {
           if (handleCallback == null) return;
           mWXSDKInstance.runOnUiThread(new Runnable() {
               @Override
               public void run() {
                   JSONObject data = new JSONObject();
                   data.put("code", "up");
                   handleCallback.invokeAndKeepAlive(data);
               }
           });
       }
   };

   /**
   * 初始化
   */
   @JSMethod
   public void initHandheld(JSCallback callback) {
       device = Device.getInstance(mWXSDKInstance.getContext());        
       device.setOnHandleListener(onHandleListener);

       JSONObject result = new JSONObject();
       if (device.connect()) {
           result.put("code", "success");
       } else {
           result.put("code", "failure");
       }
       callback.invoke(result);

       beep = new Beep(mWXSDKInstance.getContext());
   }   

   /**
   * 设置监听器
   */
   @JSMethod
   public void setOnHandleListener(JSCallback callback) {
       this.handleCallback = callback;
   }

   /*
   * 设置功率
   */
   @JSMethod
   public void setPower(JSONObject option, JSCallback callback) {
       Power power = JSONObject.parseObject(option.toJSONString(), Power.class);
       JSONObject result = new JSONObject();
       try {
           device.setPower(power);
           result.put("code", "success");
           beep.playOk();
       } catch (Exception e) {
           e.printStackTrace();
           result.put("code", "failure");
           beep.playError();
       }
       callback.invoke(result);
   }
}

注册中间件：

在 app/assets/dcloud_uniplugins.json文件中添加：
"plugins": [
   {
   "type": "module",
   "name": "HandheldModule",
   "class": "com.example.handheld.HandheldModule"
   }
]

在 vue 中调用 jar 包中的方法：

<script>
   var handheld = uni.requireNativePlugin("HandheldModule")
   
   const defaultPower = {
   	db: 28,
   	dwell: 200,
   	idle: 50
   }
   export default {
   	data () {
   		return {
   			power: Object.assign({}, defaultPower),
   		}
   	},
   	mounted() {
   	    handheld.initHandheld((res) => {				
   		});
   		handheld.setOnHandleListener(this.onHandler);
   	},
   	methods: {
   		onHandler: function(e) {
   			if (e.code === 'up') {
   				
   			} else if (e.code === 'down') {
   				
   			}
   		},
   		setPowerClick: function(e) {
   			handheld.setPower(this.power, (res)=> {				
   			})
   		}
   	}
}
</script>

使用 HBuilder 生成本地打包App资源 拷贝到 app 资源文件夹下。

杨先生工作记

利用CSS改变图片颜色

前言

强大的 CSS:filter

filter: none

filter:blur( ) 高斯模糊

brightness(%) 线性乘法

contrast(%) 对比度

drop-shadow(h-shadow v-shadow blur spread color)

hue-rotate(deg) 色相旋转

invert(%) 反转

grayscale(%) 将图像转换为灰度图像

sepia(%) 将图像转换为深褐色

终极变色解决方案！ filter:url();

svg feColorMatrix大法好

将图片转为单色 拿棕色rgba(140,59,0,1)作为例子

多通道设置出炫酷的效果来

其他方案

总结

注意

参考文献

PHPExcel导入导出及大量数据导入缓存方式的修改

PHP+RabbitMQ实现消息队列(代码全篇)

MS-SQLSERVER数据库SUSPECT状态如何解决

如何阻止网站被恶意反向代理访问

什么是反向代理？

恶意反向代理的危害

js 级别的解决方案

php 级别的解决方案

htaccess 级别的解决方案

利用phpExcel实现Excel数据的导入导出

zend org.eclipse.osgi 错误处理办法

PHP生成PDF完美支持中文,解决TCPDF乱码

uni-app 调用 jar 包

将图片转为单色拿棕色rgba(140,59,0,1)作为例子