jetbrains公司一直是我最喜欢的IDE软件公司之一，他们的各类软件都是基于idea进行开发，比如我们常见的phpstorm/webstorm等，然而最新的版本里面，不能输入中文标点了。嗯，mac版是这样的，这主要是他内置的jdk有点小问题。网上有很多教程，还是很方便的。
比如这里：
http://mtons.com/content/11.htm
- IntelliJ IDEA 15 和 WebStorm 11 内置 JDK 1.8 的版本，但是这个版本存在中文标点输入以后自动被转换成英文（半角）的 Bug。
-
- 经试验，使用 JDK 8u45 可以正常输入中文标点，具体如下：
-
- 下载安装 JDK 8u45；
- 重启IntelliJ IDEA；
- 选择 JDK ：按 CMD + Shift + A，输入 JDK，选择 Switch IDE boot JDk… 可以选择新安装的JDK 8u45；
下载后，按cmd+shift+a会出来这个界面：
然后选择jdk 8u45的版本。由于我已经选择过了，所以就不会再有了。。。
大致就这样，选择完后会自动重启IDE，于是你就可以开心的输入中文标点了。【注意看上面的红字，因此，其他版本不一定支持中文输入】
不多说，直接上代码，其实就是让Facybox支持手指滑动。。。fancybox3已经支持了，不过他的样式太丑了。。这个的样式设计的有点象微信。。。有意思
JavaScript代码
- $(document).ready(function() {
-
- $('.js-fancybox').fancybox({
- width: "100%",
- margin: [0, 0, 0, 0],
- padding: [0, 0, 0, 0],
- openEffect : 'none',
- closeEffect : 'none',
- prevEffect : 'fade',
- nextEffect : 'fade',
- closeBtn : false,
- arrows: false,
- helpers : {
- title : null,
- overlay : {
- css : {
- 'background' : 'rgba(0, 0, 0, 0.95)'
- }
- },
- buttons : {
- }
- },
- afterShow: function() {
- $('.fancybox-wrap').swipe({
- swipe : function(event, direction) {
- if (direction === 'left' || direction === 'up') {
- $.fancybox.prev( direction );
- } else {
- $.fancybox.next( direction );
- }
- }
- });
- },
- afterLoad : function() {
- }
- });
-
- });
原文地址参考 ：http://codepen.io/frontendstudio/pen/cixjm
本来以为不能转，因为原作者在文章头部写：未经许可不得转载，但又在文末留下了，转载请保留地址。因此，先保留地址转载，再申请一下授权，原文地址是： http://blog.csdn.net/cuixiping/article/details/45932793
之所以转这个，是因为最近在处理上传的时候遇到了问题，原来xhr可以直接将file对象提交，如果用fileReader，出来的其实是base64的string，这时候怎么办是个问题。
好了不说废话，上内容。。。。
canvas转换为dataURL (从canvas获取dataURL)
XML/HTML代码
- var dataurl = canvas.toDataURL('image/png');
- var dataurl2 = canvas.toDataURL('image/jpeg', 0.8);
File对象转换为dataURL、Blob对象转换为dataURL
File对象也是一个Blob对象，二者的处理相同。
XML/HTML代码
- function readBlobAsDataURL(blob, callback) {
- var a = new FileReader();
- a.onload = function(e) {callback(e.target.result);};
- a.readAsDataURL(blob);
- }
- //example:
- readBlobAsDataURL(blob, function (dataurl){
- console.log(dataurl);
- });
- readBlobAsDataURL(file, function (dataurl){
- console.log(dataurl);
- });
dataURL转换为Blob对象
XML/HTML代码
- function dataURLtoBlob(dataurl) {
- var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
- bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
- while(n--){
- u8arr[n] = bstr.charCodeAt(n);
- }
- return new Blob([u8arr], {type:mime});
- }
- //test:
- var blob = dataURLtoBlob('data:text/plain;base64,YWFhYWFhYQ==');
dataURL图片数据绘制到canvas
先构造Image对象，src为dataURL，图片onload之后绘制到canvas
XML/HTML代码
- var img = new Image();
- img.onload = function(){
- canvas.drawImage(img);
- };
- img.src = dataurl;
File,Blob的图片文件数据绘制到canvas
还是先转换成一个url，然后构造Image对象，src为dataURL，图片onload之后绘制到canvas
利用上面的 readBlobAsDataURL 函数，由File,Blob对象得到dataURL格式的url，再参考 dataURL图片数据绘制到canvas
XML/HTML代码
- readBlobAsDataURL(file, function (dataurl){
- var img = new Image();
- img.onload = function(){
- canvas.drawImage(img);
- };
- img.src = dataurl;
- });
不同的方法用于构造不同类型的url (分别是 dataURL, objectURL(blobURL), filesystemURL)。这里不一一介绍，仅以dataURL为例。
filesystemURL不是指本地文件URL的形式(file:///….), 而是格式类似于 filesystem:http://... 的一种URL，支持沙盒文件系统的浏览器支持(目前仅Chrome)支持。
Canvas转换为Blob对象并使用Ajax发送
转换为Blob对象后，可以使用Ajax上传图像文件。
先从canvas获取dataurl, 再将dataurl转换为Blob对象
XML/HTML代码
- var dataurl = canvas.toDataURL('image/png');
- var blob = dataURLtoBlob(dataurl);
- //使用ajax发送
- var fd = new FormData();
- fd.append("image", blob, "image.png");
- var xhr = new XMLHttpRequest();
- xhr.open('POST', '/server', true);
- xhr.send(fd);
EOF--
整个世界清静 了
标题所说的问题可能早期用户都遇到过。但其实这个问题在官方也早就有解决方案了，不知道为什么还有人问起。
这其实是与：fxp/composer-asset-plugin 相关的一个BUG，你在global require的时候，用1.1的beta版就没问题了。
很简单就能发现这个问题了，你先：composer global require "fxp/composer-asset-plugin:~1.1.1"，然后composer install就OK了。
其实你如果每次composer update报这个错，你就应该有警惕了：
XML/HTML代码
- Deprecation Notice: The Composer\Package\LinkConstraint\MultiConstraint class is deprecated, use Composer\Semver\Constraint\MultiConstraint instead. in phar:///usr/local/bin/compose
- r/src/Composer/Package/LinkConstraint/MultiConstraint.php:17
- Deprecation Notice: The Composer\Package\LinkConstraint\LinkConstraintInterface interface is deprecated, use Composer\Semver\Constraint\ConstraintInterface instead. in phar:///usr/l
- ocal/bin/composer/src/Composer/Package/LinkConstraint/LinkConstraintInterface.php:17
当然如果你操作完后还是没看到有任何反应，OK，先清除cache......
不多说，Over
OpenOpenSSH是openBSD项目组开发的，基于BSD协议。一般linux发行版自带Openssh。2008年7月出了5.1版。 openssh包含一套程序。scp替换rcp,sftp替换了ftp. 包含sshd和sftp server端。
如果远程为22端口，一切都好说。如果不是那就得看文档了
scp: 远程文件拷贝（scp指定了远端的非默认22端口）：
scp -P 20022 src.tar.gz
scp -P 20022 .
scp -o port=60066 .
scp -P 60066 -r /home/zhouhh/src/.*
拷贝目录,-r是将目录下的目录递归拷贝。".*"是将隐藏文件也拷贝过去。需要先在远端创建好相应的目录。
scp -P 60066 -r *
最 后一个命令存在一个问题，就是如果172.16.22.30不是默认22端口，无法指定端口。即-P 指定非缺省的ssh端口时，对远程的拷贝，无法指定两个不同的端口。这应该是scp的命令缺陷。如果谁知道怎么指定两个远端的非缺省22端口的语法，请告 诉我。联系地址ablozhou[at]gmail.com。
scp的优点是使用简单，缺点是无法列出远端目录和改变目录。复杂一点的用法是用sftp。
sftp：
sftp -o port=60066
其中-o port选项指定非缺省的ssh端口。
Connecting to 192.168.12.12...
password:
Changing to: /home/zhouhh
sftp> pwd
Remote working directory: /home/zhouhh
在命令行模式下可以执行一系列命令
ls,cd,pwd,mkdir,rmdir,rm 等远端文件操作
lls,lcd,lpwd等本地操作。
!command 执行本地shell命令
!进入本地shell，exit再进入sftp的命令提示。
可以用help或"?"来查询所有的sftp支持的命令。
get 从远端下载文件
put 将本地文件上传到远程。
sftp配置，需要在/etc/ssh/sshd_config
配置文件增加sftp子系统：
Subsystem sftp /usr/libexec/openssh/sftp-server
然后重启sshd:
service sshd restart
