BeWithYou

胡搞的技术博客

web前端/Javascript

zan框架阅读笔记


最近在看有赞的zan框架,并没打算实际应用,只是想学习一下他的设计思路。 网上文档写的很不详细,连sql在框架里如何使用都没有说。好在框架代码条理还挺清晰,我们只需要初始化一个demo项目,再用ide一步一步跟进去读源码即可。 这里只关注HTTP服务的部分,简单看一下框架运行的主要流程。细枝末节部分就不去深究啦。 HTTP程序入口 bin/httpd.php 创建Appl……
web前端/Javascript

微信小程序中实现转圈动画及暂停


这几天在学习微信小程序开发,打算先写一个简单的音乐播放器练练手。记录遇到的动画相关的问题。 练手的小程序只有2个页面,一个搜歌,一个放歌。其中放歌页面山寨网易云音乐的布局,用唱片机的方式来实现动画效果。如下图: 其中唱片机的指针在音乐没有播放时是处于分离状……
web前端/Javascript

Javascript循环中异步操作的一个坑


今天遇到一个问题,for循环中的闭包允许内层函数引用父函数中的变量,但它的值是最终的值。例子如下: var arr = [1,2,3]; for(var i=0;i<arr.length;i++){ setTimeout(function(){ console.log(i); },1000); } //ouput //3 //3 //3 那么如何取到正确的值呢?数组元素的话使用forEach是可以的。 var arr = [1,……
web前端/Javascript

【转】ES6新特性


最近在看electron,文档里的js写法很多都是ES6的,看起来非常不习惯。其实比较反感这种强行后端化的js语法。但还是找了篇文章,转过来收藏下。 箭头操作符 如果你会C#或者Java,你肯定知道lambda表达式,ES6中新增的箭头操作符=>便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=>outputs……
web前端/Javascript

node里实现继承的一种方式


之前的文章里写过普通js里实现继承的方式,现在记录下node里如何实现继承。 util类中实现了很多有用的方法,其中就包括继承inherits,在node中我们经常用它实现继承。 //robot.js var robot = function(info, config){ var self = this; self.info = info; self.config = config; self.func = function(){ //... } }; mod……
web前端/Javascript

jQuery2.1中对于动态添加的元素绑定事件


jQuery2.1中的on方法对于动态添加的元素绑定事件有问题。比如要对于push类绑定click事件: $(".push").on("click",function(){ //DO SOMETHING }); 这样对于通过比如$("#dialog").html(xxx)动态添加的元素不会有绑定事件。 解决方法,将事件绑定到body或者document身上,然后通过选择器决定是否执行。因为on方法的声明是这样的.on( eve……
回到顶部