Category Archives: Web

CSS滑动下划线

搜集翻译了一些下划线的动态效果，感觉可能什么时候会用，这里贴一下~请使用现代浏览器查看效果。 主要就是使用了CSS的:after伪类，再加上一些transition动画效果，设置设置宽度高度，左右距离好像就完事儿了…… 下划线从上到下出现 鼠标放上去，你会发现下划线“生长”出来了，不过页面所有的内容也往下走了3像素，这样视觉效果不是很好，你可以将它设置一下绝对定位（就好像下面的那个例子）或者用一个… Read More »

ReactJS小记（2）

上一次我们简单的新建了一个组件，不过这个组件实在太简单了，根本无法把Components的优点表达出来，更主要的是，这个组件完全是静态的，这么一来，我们不如直接写HTML好了呀。 Props属性 props用于定义在新建组件时的属性，在组件的代码中，我们可以使用this.props来获取，光这么说太过抽象，我们来关门放代码…… <script type=”text/babel”> va… Read More »

在行内css中书写伪选择器:hover

我们知道直接写style可以把css属性直接作用到一个元素上，但是如果这个元素有:hover怎么办呢？还是只能写style吗？查看CSS的标准，你会发现这么一段描述： Setting properties on a source anchor for each of its dynamic states, using pseudo-classes: <a href=”http:/… Read More »

Category: Web

ReactJS小记（1）

坑永远不嫌多的，记得之前说过要更新EmberJS教程的，但是最近感觉React如日中天，就连Angular也难掩其光辉，React Native出来后更是如此，虽说是两个东西，但是两者还是有很多共通之处的，React Native入手之前，学习学习ReactJS总是没错的，所以……来挖这个坑吧！ 话说Twitter贡献了个Bootstrap，Facebook贡献个ReactJS（当然我知道他们贡献… Read More »

Laravel中Ajax调用时的CSRF对策

我最讨厌在文章开头重复一些基础知识了…… 但是大家都这么做(-__-)b CSRF是”cross site request forgery”的意思，简单来说就是防止恶意页面中一个简单的form提交，就向你保持了登陆状态了网站里请求做一些你不想做的事情……言尽于此，我们之间看Laravel里的CSRF相关的内容吧！ Laravel(5以后)有个默认的CSRF middleWa… Read More »

phpredis和predis的一些区别

本来想在lumen折腾系列文章中说这个事儿的，想想其实不是很相关，于是专门拿出来凑一篇文章…… 他们性能上的差距就不说了，phpredis肯定比predis快上很多，否则phpredis就完全没市场了不是…… 多参数命令调用 在predis中，sadd是这样子的，第一个参数是set的名字，第二个参数开始是要add的值，如果提供了多个值，那么就一个一个塞进去，如果仅仅提供了一个值，而且这个值又是个a… Read More »

微信支付的又一个坑

今天正好做了下微信支付，毕竟之前做过好几个网银的还有支付宝的支付，也给app内微信支付做过接口，想着调用个JS发起支付是小菜一碟吧，不想还是花了差不多一天才搞定…… 生成签名什么的就不用说，虽说微信文档语焉不详，但毕竟都说到了，参数大小写和顺序什么的，后台的支付目录设置什么的都不是个事儿，所以我还是颇有自信的。不料点击支付的时候，总是弹出“fail_invalid signature”，我反复检查… Read More »

保存PHP中的Array,是用JSON, serialize还是var_export?

当我需要在数据库中存放一个array数据的时候，很明显，序列化成一个字符串是正常的做法，但是在PHP序列化有好几个方法，是json_encode，还是serialize，还是var_export呢？唯有试试咯~ 准备好的array数据有20kB、 300kB、 4.5MB三组，重复序列、反序列化100次，还要看看最终形成的字符串的大小。另外var_export最终需要输出到文件然后include得… Read More »

继续折腾Lumen

之前我说过一次Lumen这个微框架，随着Laravel的LTS版释出，Lumen也自然而然的升到了5.1.x，和刚刚开始又有点不同了…… 关于Facade Lumen和Laravel很像，但是又有些许不同。在你安装完成后，“Facades”默认是不启用的，也就是说Cache::read()啊DB::select()这样的Facade类就不能用了，要用怎么办呢？在bootstrap/app.php里… Read More »

允许https页面里嵌入http资源

说的就是你！baidu地图，这么多年了，不支持https，阴谋论者说这是为了便于监控，谓之“我向来不惮以最坏的恶意揣测中国人”，然后我还是相信这个世界还是有真善美的，我希望我生活的世界是祥和而温馨的，所以我只能认为这是为了服务器的压力……毕竟https要耗一点资源，百度地图都是免费用了，我们也不能要求太高了是吧！ 而且没办法，https是大势所趋，墙高八斗之下，我也不能用谷歌地图，bing地图好像… Read More »

关于angularJs中的unsafe:

最近在做一个Cordova的项目，之前有没有说过…… 无所谓了，我在里面的发短信和打电话都简单的使用了tel:和sms:的链接值，有没有人不知道？就是这样的： <a href=”tel:12312312123″>打电话</a> <a href=”sms:12312312123″>发短信</a> 手机上的浏览器看到这样的链接，就会自动调出短信和拨号的界… Read More »

height为auto的transition动画

css3给我们带来了很多美好的东西，比如动画，再也不用使用jQuery来做低效的动画模拟了。不过想来大家也知道css3 transition动画的一些限制，比如说一个高度为auto的div，你是不能够使用transition: height来生成平滑的伸展效果的，按照css3的说法，大概是只有固定值之间，才能使用插帧什么的手段实现，总觉得这个说法有点儿牵强，浏览器难道不知道正常情况下的高度吗？ 无… Read More »

立夏的lumen

Laravel的出镜率越来越高，感觉再不学习学习就落后的，于是忙不迭地拿起开看。 应该说挺有收获的，至少，让我明白了MVC不是那么牛逼（争论好像也很多）？Laravel作为“有良知的框架”，大胆把Model文件夹给去掉了，嗯…… 不过我想说的是另外的事情，Lumen是Laravel作者新推出的微型框架，似乎比Sliex和Slim都快？刚刚推出第一天我就发现了，立刻Composer下来试用，直接ht… Read More »

jQuery中class选择器的限制

前两天同事找我看个脚本，说是IE8不能使用，我一想肯定是用了什么高级API了呗，一看果然 document.getElementsByClassName(className); 这里用了getElementsByClassName，低版本IE根本不认识，自然不行。但是转念想想又很奇怪，这个脚本明明是基于jQuery的，为什么不用$(“.className”)而用这个API呢… Read More »