分类目录归档:随心笔记

生活点点滴滴琐琐碎碎凌凌乱乱,看到的没看到的,想到的没想到的

羊咩咩景芮喜

1、小孩出生前让妈妈肚子痛,出生后让妈妈头痛……

2、小孩喜欢神话、童话、鬼话、笑话,更喜欢不听话。

3、小孩通常只做两件事,让自己发笑,以及让父母发疯……

4、父母给小孩去看马戏团的目的就是告诫孩子:连狮子老虎都这么听话,为什么你不能?

5、小孩都喜欢小丑,而大人不,因为他们觉得自己已经够像了……(貌似我也在向这个方向转换中……)

6、小孩爱听鬼故事,是因为这样才能说服自己:父母还不是最可怕的。

7、小孩脑袋里充满着“不可能”的事物,大人脑袋里充满着“不能”的规矩。

8、人生如果是一场戏剧,儿童就是恶作剧。

9、小孩说谎并不是因为有很好的记忆力,而是因为有很好的创造力。

10、小孩心中的阶级分有玩具阶级和无玩具阶级……

11、成人和儿童最大的区别在于:儿童只在乎玩具,大人只在乎玩具价钱。

12、加减乘除是儿童开始学习自私的第一步。

13、大人总告诉我们:如果考第一就奖励玩具,问题是:如果要考第一名,我们还有时间玩玩具吗?

14、所谓遗传,就是考零分时孩子和父母会同时想到的东西。

15、小孩的世界没有失败者,因为他们根本不在乎成功。

16、小孩永远不会觉得无聊,他们只会觉得父母很无聊。

17、小孩用乐观的眼光看待所有大人,大人用悲观的眼光看待所有孩子。

18、小孩都是乐天派,所以好事都会发生在他们身上。大人是悲天派,所以好事也会被他们搞成了坏事

19、大人每天多认识一些别人,小孩每天多认识一些自己。

20、所谓儿童专家,就是自以为了解孩子的世界,其实只是不够了解成人世界的那一种人。

21、小孩心中的美好世界:父母是不打骂小孩的,老师是听学生话的,周一到周六每天都是星期天……

22、如果有一天:石头变成棉花糖,雨水变成汽水,杂草变成薯条,炸弹变成炸鸡,父母变不见了。 ——这就是小孩的梦想世界。

23、如果能对神灯许愿——
  肥胖小孩说:给我糖果。
  爱玩小孩说:给我玩具。
  读书小孩说:给我第一名。
  绝对小孩说:再给我十盏神灯。
——-《绝对小孩》经典语录

NGINX特定文件夹限制IP访问

NGINX特定文件夹限制IP访问,站点IP限目录:
location / {
index index.html index.htm index.php;
}

location ^~ /test/ {
allow 10.57.22.172;
deny all;

if ( $fastcgi_script_name ~ \..*\/.*php ) {return 403;}
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME /var/www/htdocs$fastcgi_script_name;
include fastcgi_params;
}

location ~ \.php$ {
if ( $fastcgi_script_name ~ \..*\/.*php ) {return 403;}
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME /var/www/htdocs$fastcgi_script_name;
include fastcgi_params;
}

注意事项:

  1. deny 一定要加一个ip,否则直接跳转到403,不往下执行了;如果403默认页是同一域名下,会造成死循环访问;

  2. allow的ip段

  从允许访问的段位从小到大排列,如127.0.0.0/24 下面才能是10.10.0.0/16

  24表示子网掩码:255.255.255.0

  16表示子网掩码:255.255.0.0

  8表示子网掩码:255.0.0.0

  3. deny all;结尾 表示除了上面allow的其他都禁止

如:
deny 192.168.1.1;
allow 127.0.0.0/24;
allow 192.168.0.0/16;
allow 10.10.0.0/16;
deny all;

IE6-IE8 media兼容问题

Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-IE8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。

使用场景:
Bootstrap里面就引入了这个JS文件,从名字看出来是自适应的兼容。打开IE看了一下,效果挺好的,自适应的效果挺好的。Respond.js让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

使用方式
官方demo地址:http://scottjehl.github.com/Respond/test/test.html
1.在css中正常用 min/max-width media queries

@media screen and (min-width: 480px){
…styles for 480px and up go here
}

2.引入respond.min.js,但要在css的后面(越早引入越好,在ie下面看到页面闪屏的概率就越低,因为最初css会先渲染出来,如果respond.js加载得很后面,这时重新根据media query解析出来的css会再改变一次页面的布局等,所以看起来有闪屏的现象)

引入方式:

基于jQuery的图片缩放效果插件

基于jQuery的图片缩放效果插,这里给大家推荐一些比较流行效果炫酷的图片缩放等开源代码。

1. Zoomer Gallery

该插件可以将你的图片列表转换成漂亮的画廊,这个画廊带有像Flash一样缩放图片的效果。Zoomer Gallery 插件令你的界面看起来简单美观。它的大小为2KB,使用起来非常方便。

2. Jcrop

使用Jcrop可以轻松为Web应用程序添加截图功能,Jcrop结合了轻便的jQuery插件和强大的跨平台DHTML裁剪工具。

3. jQuery gzoom 插件

该插件是一个很好用的图像缩放插件,有很多缩放功能的实现方式:点击“+”“-”按钮、拖动滑块、滚动鼠标滚轮、鼠标悬停改变镜头、点击图片即在灯箱模式下显示,等等。

4. 悬停缩放

该插件可用于创建悬停缩放效果,将鼠标停在图片上时,图片缩放的同时会显示标签。这是一个非常时尚的效果,令缩略图更加精美。

5. 使用jQuery创建一个图像放大和裁剪效果

这个视频教程是关于怎样创建一个图片缩放效果的。在图中选择一个区域,则会自动按比例将选中部分放大显示。

6. AnythingZoomer jQuery 插件

这是一个很棒的插件,适用于小范围查看图片。当你的鼠标停在图片上方时,会弹出一个框呈现放大后的图像。

7. JQZoom

这是一个JavaScript图片放大镜,基于jQuery/JavaScript,这个简单的脚本可以让你放大任何想查看内容。

8. jQuery Cycle插件

该插件支持许多不同的切换效果,比如鼠标悬停暂停、自动停止、自动调整、开始和结束事件调用、点击触发等等,简单又神奇!

9. Crop、labelOver和pluck插件

通过Crop插件,可以让网站访问者进行自定义截图,另外两个插件labelOver和pluck也支持这项功能。

10. ImgAreaSelect

这个jQuery插件可以让你在图片上选择一个矩形区域。

11. PHP & jQuery 图像上传与裁剪插件

该插件允许用户上传和截取你网站上的图片。

12. PANVIEW

该插件能让用户查看大图的细节部分,还可用鼠标移动图片。

13. Image Zoom 2.0

该插件允许将链接指向图片,点击链接或图片时,图片会放大成为目标图片,点击该图片的任意地方或关闭按钮即可恢复图片。

14. jQuery拍照效果插件

该插件可以实现模拟拍照的效果。使用取景器选择需要拍照的图片区域并点击,即可在下方显示此“照片”。

15. jQuery iviewer

该插件可用于加载和查看容器中的图片,还可对图片进行缩放以及用鼠标拖动。

16. 平滑缩放插件

该插件创建的缩放效果就像Mac电脑中的效果一样平滑,也有些类似于Safari的网页缩放效果。

英文原文:http://smashinghub.com/16-best-image-zoom-effects-with-jquery-plugins.htm

炫酷的HTML5动画应用

看到几个比较好看有用的html5 css动画效果,收藏希望对大家有用

HTML5目前已经逐渐成熟,越来越多的Web项目都已经用到了HTML5技术,包括CSS3。本文主要分享了一些最新的HTML5动画应用,大部分都比较炫酷,也有一些比较实用的,并且每一个动画都提供源代码下载。

1、HTML5 Canvas实现画板涂鸦动画应用

这是一款HTML5网络画板,拥有基础的图形绘制功能,相对比较简单,基于canvas,因此非常灵活。

1

2、HTML5堆木头游戏

这款游戏的玩法是将木头堆积起来,多出的部分将被切除,直到下一根木头无法堆放为止。这款HTML5游戏的难点在于待堆放的木头是移动的,因此需要你很好的控制木头下落的位置。

1

3、HTML5 3D立方体图片切换动画

这款HTML5动画可以将图片切分成几个立方体,带有3D的立体效果。

1

4、100多个纯CSS3动画图标

这里总共有100多个纯CSS3实现的动画图标,找找看,总有一个适合你。

20150107101848414

5、HTML5/CSS3动画相册

这款HTML5相册的特点是我们可以将照片随意放置在桌面上,图片可以任意倾斜,看上去很自然。

1

6、HTML5 Canvas模拟衣服撕扯动画

该HTML5动画会捕获到鼠标拖拽的用力程度,从而来判断并实现衣服应该破损的程度,越用力,衣服被撕破的速度越快,赶紧来体验一下这个HTML5动画吧。

20150107101850973

7、jQuery/CSS3带Tooltip的滑杆动画

这是一个带有Tooltip提示框的滑杆,基于jQuery和CSS3,外观样式非常不错。

1

8、5个可爱的CSS3 Loading加载动画

这是一款可爱的CSS3 Loading动画,一共有5种动画类型,每组Loading动画都非常有创意。

1

超过78%的PHP网站存在漏洞 Perl最安全

Google的开发者大使Anthony Ferrara分析了PHP网站安装的版本号,比较了安全版本和不安全版本的安装比例, 发现只有21.71%的网站是安全的 。 这个数字其实还是乐观的估计,没有考虑没有维护的发行版支持版本。

 

PHP的安全版本包括:5.6.4、5.5.20和5.4.36;而Linux发行版维护的版本包括:5.4.4,5.3.3,5.5.12,5.5.9….等等。相比之下,Perl和Python网站的安全比例要高得多。

Platform % Installs That Are Secure
PERL 82.27%
Python 77.59%
Nginx 64.48%
Apache 61.96%
WordPress 60.45%
Drupal 45.23%
PHP 25.94%

转子phpchina

JS实现PHP base64encode加密

JS实现PHP base64encode的JS加密,PHP使用base64decode的解密即可

JS加密 JS实现base64encode加密

function base64encode(str){

var out,i,len,base64EncodeChars=”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/”;
var c1,c2,c3;
len=str.length;
i=0;
out=””;
while(i<len){ c1=str.charCodeAt(i++)&0xff; if(i==len){ out+=base64EncodeChars.charAt(c1>>2);
out+=base64EncodeChars.charAt((c1&0x3)<<4); out+=”==”; break; } c2=str.charCodeAt(i++); if(i==len){ out+=base64EncodeChars.charAt(c1>>2);
out+=base64EncodeChars.charAt(((c1&0x3)<<4)|((c2&0xF0)>>4));
out+=base64EncodeChars.charAt((c2&0xF)<<2); out+=”=”; break; } c3=str.charCodeAt(i++); out+=base64EncodeChars.charAt(c1>>2);
out+=base64EncodeChars.charAt(((c1&0x3)<<4)|((c2&0xF0)>>4));
out+=base64EncodeChars.charAt(((c2&0xF)<<2)|((c3&0xC0)>>6));
out+=base64EncodeChars.charAt(c3&0x3F);
}

return out;
}

微软强拆撒谎,腾讯借船出海

这是一个可以写进商业教材的典型病例。一个软件巨人在没落时代的自以为是和麻木不仁。

微软宣布,4月将中止为windows xp系统服务。理由是“xp不安全”。中止服务表示将不再发布XP的漏洞和补丁,不再对xp的安全负责。微软说,此后XP用户将成为黑客首要目标,网银账号可能被偷,即使杀毒软件也不能保护。

简单说,微软在逼用户向win8迁移,用的是“安全”的招牌。原来老外也会玩中国人的把戏,“强拆”。说老楼房会被打劫,断水断电撤保安,逼居民掏钱住新楼房。

有13年历史的xp是历史上最成功的操作系统,到今天仍是最受欢迎的操作系统。Net Market Share统计,2013年全球PC中XP份额29%。中国PC中XP份额在2012年仍占73%。

xp不够安全是种模糊的可能,而xp在阻挠微软挣钱则是个钢铁现实。中国XP在用量2亿台,有84%不打算升级Win8。就算若有10%被迫升级,就是200亿,远超微软中国一年的收入。逼迫用户升级是微软中国完成KPI的那棵稻草。

在全球,恐龙微软在移动时代远落后于苹果和谷歌,XP后的操作系统一代不如一代。将XP存量用户变现,是微软增收一“妙”招。

这就是软件巨人微软的命门。用户必须买新版本,才能挣钱。但你不可能永无止尽的塞给用户他们根本不需要的“新东西”。这些新版本里的花俏的玩意儿也许是适合耍酷的IT工程师,却根本不适合大部分老百姓。这个结,就是微软没落的核心原因。

微软不打算就这样死去,它要挣扎。它说,你不升级就会被偷。听起来就好像是:“我死之前,你们会先死。”

有多少人喜欢被要挟呢?互联网时代的一个法则是:站在用户的一边,不要与他们为敌。难怪鲍尔默要离职,微软一直反着干。

好在微软貌似觉醒了。它刚联合腾讯推出“扎篱笆”计划。意思是,对没升级的xp用户实施安全保护。

这就是微软的谎言所在。之前中止xp服务的理由是“不安全”,但现在又可以对xp“安全保护”。到底之前是撒谎,还是现在撒谎?

也许两次都在撒谎。第一次强拆未遂。第二次绵里藏针,请君入瓮。腾讯帮微软站台的可能原因之一是,借船出海,搭着微软的船在安全领域扩张。腾讯能给微软的好处之一是,用自己的品牌和用户量带来更多升级。微软得收入且挽回些民心,腾讯得市场。相得益彰。

好在那个微软的职业经理人张先生绞尽脑汁说了一句话:“扎篱笆这一过渡时期安全服务的保护作用仍然是有限的,强烈建议用户升级至微软更高级的系统。”

“保护作用有限”到底啥意思?若能保护,就不用升级;若不能保护,腾讯就是打酱油的。这话不仅暴露微软的两次谎言,更扇了腾讯一耳光。

真是好奇大公司里这些职业经理人用的是哪个物种的逻辑,它是不懂中文,还是觉得中国的媒体都是脑残?“扎篱笆”这个词应该也是这位张先生的创造。篱笆能防住持刀的强盗吗?“扎篱笆”基本等于那句“保护作用有限”。

微软的如意算盘是,通过“篱笆联盟”让国内企业用自己的品牌和渠道为升级微软系统背书,同时暗示“篱笆”并非铜墙铁壁,保持对用户恐吓。微软又尤其要防止篱笆盟友们真的向用户宣传自己有能力把篱笆墙变成铜墙铁壁。那就是赔了夫人又折兵。

微软这家公司,年老色衰,自以为是。从这家公司身上看不到希望。

在曾在微软任职的“深喉”的帮助下,之前写过一篇文章号召卖空微软股票,仅几天后它大跌11%;也写过3篇抨击Surface以及微软官僚政治的文章。这里引用其中一句:

“曾在微软工作的阿D博士说,使用Surface的第一天我就明白这是一个笑话,它一定失败。但微软内部居然没一个人在Surface发布前出来大喊:这东西不靠谱,不能发布。这是微软真正的危险。他们在集体忽悠。”

现在看来,中止xp服务然后再来一个“扎篱笆”,无非是又一个版本的Surface。

这就是大公司的最终结果。

本自媒体帐号:孕峰

科技当以人为本。越科技,越人文

腾讯投资京东

腾讯入股京东的消息,从传闻开始,一个月来沸沸扬扬,今天最终落实。如何看待腾讯入股京东?

一句话概括叫:有一种刻骨铭心的爱,叫放手。

如何理解这句话?

首先:投资京东,意味着放弃腾讯电商,宣告了着腾讯此前电商布局的失败。无论是拍拍、QQ网购,抑或是易迅、好乐买、柯兰钻石,都在电商竞赛中式微。每个公司都有自己的基因传统,即便腾讯公司是国内业务范围覆盖最广的企业,不过,在搜索、电商、O2O方面,几乎全线溃败——投资搜狗,意味着放弃搜索,投资大众点评,意味着放弃团购O2O,现在也一样,投资京东意味着放弃腾讯电商。

其次,投资京东,也宣告了万能的腾讯,开始直面做不好电商与支付的宿命,做业务减法。

宿命是什么?即便是国内互联网公司里市值最高,业务最广,几乎无处不在的腾讯,也有难言之隐:它做不好搜索,也做不好电商,还有O2O与支付。至少现在看来,是如此的。

投资搜狗,狙击360的风光背后是放弃搜搜,同样,入股大众点评,另一面是F团、高朋、QQ团购、微信微生活的式微与无奈。投资京东,意味着腾讯电商,包括易迅、好乐买、柯兰钻石、QQ网购等的式微,中国互联网公司领头羊,最终还是要向宿命屈服。

卧榻之侧,岂容他人酣睡?这是许多公司业务发展的必然逻辑,推动商业文明背后是贪婪,文雅点说,叫饥渴感,这也是乔布斯的箴言。腾讯公司是一家足够贪婪,时刻保持饥渴的公司,所以,它也成为国内,甚至是全球IT新贵中产品线最长,业务布局最广的互联网公司。

不到万不得已,求诸他人,放弃子弟兵,投资外围公司,这并不是腾讯公司的一贯风格。原因只有一个:商场亦战场,讲究时机,移动互联时局正乱,宜快刀,与其坐以待毙,不如壮士断腕,破釜沉舟,弃数子而存全局。

莫斯科不相信眼泪,深南大道亦如此。

腾讯公司一向有霹雳手,当机立断的传统,还记得MIG刘成敏么?纵然立下汗马功劳,时移世易,跟不上公司步伐,给予“退休”荣誉,亦要挥泪斩马谡。所以,搜搜外嫁搜狗也好,F团、高朋、微生活被大众点评挤下也好,没有什么可抱怨的。倘若腾讯电商能稍有机会,腾讯公司断然不会割肉,投资京东。

只能哀其不幸,怒其不争。

当机立断的背后,深究其根源是:腾讯其实是一家没有战略,实用主义至上的公司。商业竞赛是剩者为王,在这个充满变化的世界,谁也无法预测未来,摸着石头过河的实用主义,其实并没有错。更何况,腾讯之前就是这样走到今天?

业内有人曾戏称:“腾讯没有战略,却在战术上保持高度连贯性——抄袭”。

关于腾讯是山寨之集大成者的论调,似乎已经成为互联网业内公论:腾讯在PC时代,凭借QQ社交关系链,与弹窗绑定,的确一路厮杀,神佛不顾,在游戏、门户、浏览器、输入法等等业务上,几乎无往不利。但那些高呼“腾讯抄袭”的创业者,其实并没有看到,腾讯在学习竞品的同时,也做了无数的微创新。一句话,腾讯成功,应该不是靠抄袭,而是靠产品与社交利器。

成于谨慎,危于保守,这叫一体两面。公允地说,PC时代的QQ利器,让腾讯能够拥有无所不力,轻车熟路的后发优势,但这也侧面让腾讯困于樊笼,自愿画地为牢——也因此,腾讯基因从来不是一家冒进,敢于创新,更多的策略,是跟进,微创新式跟进。

微创新式跟进,有太多案例。譬如电商布局,美团团购掀起前团大战后,腾讯才做团购,阿里投美团,腾讯也要投高朋;又譬如,阿里做菜鸟,投资海尔日日顺,腾讯也开始疯狂拿地,又有了前不久投资华南城;又譬如,支付宝布局互联网金融,推出余额宝之后,腾讯亦推出微信理财通。

腾讯公司凭借“微创新式跟进”,在PC时代,可谓一招鲜,吃遍天下。不过,电商领域,却有些东施效颦,难以一展其后发优势。因为,无论是电商,抑或是时下正热的O2O,都不止是建立在虚拟的比特世界,更需要互联网与线下商务的融合。腾讯强在线上,却弱在线下。

微创新式跟进,在电商领域不给力,最幽默的一个故事是:腾讯电商在2010年急于布局,曾找到京东洽谈,不过这次合作未果,有趣的是,投资京东不成,腾讯电商便投资了一家几乎业务模式与京东一模一样的公司,易迅网。易迅网在业内,有小京东之称。2013年,淘宝(含天猫)交易额大约为15000亿,京东突破1000亿,易迅网下单金额为158亿,QQ网购下单金额为281亿。

最后,放弃电商,投资京东,也是更好总要的是为了抢时机,推支付:1、电商市场有增长极限,淘宝超万亿,京东超千亿,逆袭超越可能性微乎其微,何况淘宝、天猫、京东也在增长?2、仓储、土地是能保值、增值,讲究利用效率,亦易迅、QQ网购的交易量,根本喂不饱腾讯此前设计的仓储容量与大量土地,那就资产闲置了。阿里建设菜鸟,本质上是建立一套以电商为驱动的新的商业基础,腾讯拿地,投资南华城也是跟随菜鸟,阿里有淘宝、天猫为发动引擎,腾讯要追赶上阿里的物流布局,必须有足够的电商动力,战略性放弃电商,让易迅并入京东是为了弥补后发时间差,也是增加动力。3、移动支付需要培养用户,培养用户需要足够应用场景支撑,电话充值、大众点评,支付宝有,微信支付也有,但微信支付没有淘宝、天猫,这是个巨大的用户粘板,要推微信支付,有京东比没有京东强。

从投资搜狗,到入股点评,再到与京东结盟,宣告了万能微信论的最终破产。

还记得,马云前阵子说的那句话么?“只有知道自己有什么,要什么,该放弃什么,我们才不会迷茫”,现在看来,马化腾在用实际行动实践着马云的这个理论。

 

摘自互联网