JavaScript封装完美运动框架的过程 有更新!

  |   0 评论   |   183 浏览

前言:
当页面上一个元素需要改变它的样式(width,height,left,top,opacity等等),我们可以直接设置元素.style.样式。
如果需要让它的样式从开始值到改变值有一个动态的过程(或者叫动画),那么,就需要给它写一个定时器。
让定时器每隔一段时间执行一段代码,让元素的样式慢慢改变。这样就可以看到动态的过程了。这个就是运动。
但是,如果有多个元素都要有运动效果,给每一个元素都写一个定时器?显然不太现实,代码就明显冗余了。这个时候就需要封装一个运动框架了,将这种一样的运动过程给封装起来,要用的时候只需要写元素名和需要运动的属性就好了。比如这样:animate(div,'width',300);只要事先把animate函数方法封装起来,以后要用的时候,写这么简单的一行代码就可以实现要运动的效果了。
在网上看了一些博客,再加上自己的一些理解,然后稍稍改动了一下其中的一些博主没注意的地方(或者叫小bug),然后就有了自己的封装的animate方法。当然,运动有匀速加速减速,这里只是封装了减速缓冲运动。

正题开始:

nginx配置资源跨域 有更新!

  |   0 评论   |   249 浏览

windows和linux都一样操作,到nginx的安装目录 nginx/conf下,找到nginx.conf文件,用记事本打开。
在一个sever内部加上如下代码:

        add_header 'Access-Control-Allow-Origin' '*';
	add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
	add_header 'Access-Control-Allow-Headers' 'Content-Type';

JavaScript如何封装自己的js插件

  |   0 评论   |   155 浏览

作为一个程序员,如果只会ctrl+c和ctrl+v,那么其实工作起来很枯燥的。做人没有梦想那跟咸鱼有什么分别?程序员也是一样。我们不要一直局限于粘贴复制,我们要学会自己造轮子。

那么,作为一个前端,该如何封装自己的插件呢?

下面给不会封装的同学示范一个小模板:

添加分享到朋友圈、发送给好友、分享等按钮

  |   0 评论   |   142 浏览

微信内嵌浏览器

通过 Mac 远程调试 iPhone 上微信自己的网页,我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信号等功能。

分享到朋友圈

function weixinShareTimeline(title,desc,link,imgUrl){ 
     WeixinJSBridge.invoke('shareTimeline',{ 
         "img_url":imgUrl, 
         //"img_width":"640", 
        //"img_height":"640", 
         "link":link, 
        "desc": desc, 
        "title":title 
     });  
}