发表于 | 更新于

吐槽、建议、解惑入口网址

PNG

介绍

  来自维基百科介绍，便携式网络图形(Portable Network Graphics，PNG)是一种无损压缩位图图形格式，支持索引、灰色、RGB三种颜色方案以及Alpha通道等特性。PNG的开发目标是改善并取代Gif作为适合网络传输的格式而不需专利许可，所以被广泛应用于互联网及其他方面上。

PNG的特性

1、无损压缩
2、支持索引透明和Alpha透明半透明
3、支持256色调色板技术(索引颜色)以产生小体积文件
4、使用循环冗余码检测损坏文件
5、支持渐近显示和流式读写
6、最新的PNG标准允许在一个文件内存储多幅图像（APNG）。

阅读全文 »

发表于 | 更新于

吐槽、建议、解惑入口网址

图像

W3C图像详细定义

图形格式

图像格式分为位图图形格式和矢量图形格式。

定义

位图（bitmap）图形格式是以像素点阵来描绘图像。
矢量图片格式是通过组成图形的一些基本元素，如点、线、面，边框，填充色等信息通过计算的方式来显示图形的。

引用:图片格式中的小较真
   矢量图 是通过组成图形的一些基本元素，如点、线、面，边框，填充色等信息通过计算的方式来显示图形的。就好比我们在几何学里面描述一个圆可以通过它的圆心位置和半径来描述，当然还可以通过边框的粗细、颜色以及填充的颜色等数据去描述它的样式。而电脑在显示的时候则通过这些数据去绘制出我们定义的图像。
   矢量图 的优点在于文件相对较小，并且放大缩小不会失真。缺点则是以完美的几何图形表现出来的图片很难表现自然度高的写实图像。
   位图 又叫像素图或栅格图，它是通过记录图像中每一个点的颜色、深度、透明度等信息来存储和显示图像。一张位图就好比一幅大的拼图，只不过每个拼块都是一个纯色的像素点，当我们把这些不同颜色的像素点按照一定规律排列在一起的时候，就形成了我们所看到的图像。所以当我们放大一幅像素图到一定程度时，能看到拼片一样的像素点。
   位图 的优点是利于显示色彩层次丰富的写实图像。缺点则是文件较大，放大和缩小图像会失真。尽管我们在web页面中所使用的JPG、PNG、GIF格式的图像都是位图，即他们都是通过记录像素点的数据来保存和显示图像，但这些不同格式的图像在记录这些数据时的方式却不一样，这就是涉及到有损压缩和无损压缩的区别——是否失真。

阅读全文 »

发表于 | 更新于

吐槽、建议、解惑入口网址

GPEG
介绍

    JPEG(Joint Photographic Experts Group:联合图像专家小组,1972年)是第一个国际图像压缩标准。JPEG压缩标准描述将图像转换为字节的数据串流(streaming)，没有说明如何将这些字节存储。

JPEG算法原理解析(整理像素点，以数学三角函数表示，通过哈夫曼树进行存储)
JPEG算法解密一
JPEG算法解密二
JPEG算法解密三
JPEG算法解密四
JPEG算法解密五
CSDN-JPEG图像压缩

    .jpeg/.jpg是最常用存储JPEG图像文件格式，是一种有损压缩格式。通常将图像压缩在很小的储存空间并且会将图像中重复或不重要的资料丢弃，因此容易造成图像数据的损伤。一般不建议将JPEG重复压缩会导致数据丢失越来越严重。 

JPEG压缩标准实现开源库：libjpeg、mozjpeg、miniJPEG
[libjpeg](http://libjpeg.sourceforge.net/)    
Libjpeg is a widely used C library for reading and writing JPEG image files. It was developed by Tom Lane and the Independent JPEG Group (IJG) during the 1990’s and it is now maintained by several developers using various services identified in the SourceForge summary.
The latest release is version 6b of 27-Mar-1998. This is a stable and solid foundation for many application’s JPEG support.
阅读全文 »

发表于 | 更新于

吐槽、建议、解惑入口网址

Mac os thrift旧版本安装爬坑指南

喜欢使用brew来进行一键安装:

homebrew官网
homebrew-core github网址

  • 对于安装最新新版本thrift,我们可以直接是用brew install thrift

  • 使用brew search thrift;查看不同版本的thrift。然后brew install thrift@0.9.0

  • 使用复杂brew方案进行安装。思路同时通过找到旧版本的thrift.rb。

    1. 将homebrew-core的git文件下载到本地。
    2. 通过查看Formula/thrift.rb的history。
    阅读全文 »

发表于 | 更新于

吐槽、建议、解惑入口网址

通过nginx控制http转https

现在越来越多的公司选择https的协议。
我司的做法: nginx上进行https的认证，在请求在交给tomcat进行处理。而tomcat处理的是http的请求。因为当进行tomcat应用程进行重定向时直接使用http的请求在处理。

为了保证整个请求都是https请求。我们需要将返回的请求进行重定向为https的。

通过proxy-redirect修改Location中的url。

  1. 将 conf/conf.d/proxy_params文件中 proxy_redirect off; 注释掉
  2. 将
    proxy_redirect http://www.xxxxx.com/ https://www.xxxxx.com/;
    proxy_redirect http://xxxxx.com/ https://xxxx.com/;
    放入到server {}块中。

如果一直使用http的协议，容易出现网页中有代码注入广告的现象。运营商就经常将小广告注入到网页中，一般是网页的右下角有个摆动的小图标。使用https的协议，能够降低这一现象。不过一山更比一山高，https的也会有网页代码注入的现象，不过特别隐蔽。我遇到表现是打开应用的中网页时会启动其他应用程序如京东、淘宝。对这一现象的说明和解决方案

参考资料:
Nginx SSL 结合Tomcat 重定向URL变成HTTP的问题

发表于 | 更新于

吐槽、建议、解惑入口网址

HTTP大文件上传思路和总结
无法http大文件一次性上传的原因

存在文件上传大小的限制

  1. 默认一般nginx和tomcat都会对上传文件大小进行限制
    nginx的配置文件nginx.conf设置 client_max_body_size 20m;
  2. tomcat默认设置能接收HTTP POST请求的大小最大为2M。如果POST请求传递的数据大于2M,就会报错误。解决方案：修改tomcat的配置server.xml中标签,在该标签中添 加”maxPostSize”属性,将该属性值设置成你想要的最大值,单位是字节,或者把这个值设置为 0(maxPostSize=”0”)。
  3. Tomcat项目的web配置。工程项目web.xml的配置
1
2
3
4
5
6
7
8
<servlet>
<multipart-config>
<location></location>
<max-file-size></max-file-size>
<max-request-size></max-request-size>
<file-size-threshold></file-size-threshold>
</multipart-config>
</servlet>
  1. Spring配置文件限制上传文件的大小 
1
2
3
4
<bean id="multipartResolver"
        class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="maxUploadSize" value="41943040" /> <!-- 40mb -->
    </bean>
阅读全文 »

发表于 | 更新于

吐槽、建议、解惑入口网址
* 提供IDEA使用小技巧 *

推荐一些本人亲身尝试，在实际开发中比较实用的小技巧，可以大大提高开发效率。

IDEA左侧显示打开代码文件和资源文件

应用场景:默认IDEA的代码文件的Tab放在代码区的上方。但是实际开发，我们经常打开很多代码文件，左侧显示整体显示，可以提高管理打开代码文件。

结果

IDEA左侧显示打开代码文件截图

阅读全文 »

发表于 | 更新于

吐槽、建议、解惑入口网址

MacOX安装JMgick原因和使用JMagick执行流程

目前对于图片处理，很少采用java去处理图片，性能不是很好。目前我们公司采用ImageMagick图片处理，有些采用Process执行cmd命令，有些采用jmagick的java接口进行处理。

ImageMagick官网
通过jmagick调用native方法来调用JMagick的方法, 再由JMagick调用ImageMagick的方法。jmagick使用Java代码写的。JMagick使用C语言写的，含有java JNI生成的头文件。ImageMagick使用C语言写的，没有含有java JNI生成的头文件。 ImageMagick介绍和执行流程原因解释

  • 执行流程:
  • jmagick（java） –> JMagick(C) –> ImageMagick(C)
阅读全文 »

发表于 | 更新于

吐槽、建议、解惑入口网址

PhantomJS 基于 webkit 内核的无界面浏览器

webkit:
webkit tutorial : https://www.paulirish.com/2013/webkit-for-developers/
中文了解:
https://www.jianshu.com/p/a129b05e2216

学习缘由

运营活动需要将用户这一年的数据展示出来，用户是可以截图的。
当时方案好几个:

  1. 用户自己手动截图，但是一个用户截图效果有可能会不太好，也太麻烦，最无奈的方案。
  2. 通过前端来完成给用户截图的功能。（后续被前端废弃。）
  3. 服务端对网页进行截图，然后用户直接下载。（推荐使用PhantomJS）
    阅读全文 »