web前端 标签

JS数组对象去重排序等一些常用方法整理 有更新!

  |   0 评论   |   31 浏览

持续更新中……

1、数组对象去重

1. 数组去重,数组中元素为数字或者字符串

1. 单个数组去重

//1.
function unique(arr) {
   return [...new Set(arr)] 
}
//2.
function unique(arr) {
    return Array.from(new Set(arr))
}
//3.
function unique(arr) {
    var arrs = [];
    for (var i = 0; i < arr.length; i++) {
        if (arrs.indexOf(arr[i]) == -1) {
            arrs.push(arr[i])
        }
    }
    return arrs;
}

ES6常用 有更新!

  |   0 评论   |   39 浏览

一、let 和 const

1、let可以声明变量

let name = '张三';
console.log(name);//张三

2、ES6新增块级作用域

  注:在ES6之前作用域分为:全局作用域、函数作用域


var name1 = '张三';
let name2 = '李四';
console.log(name2);//李四

console.log(name1);//张三
console.log(name2);//报错

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

  |   0 评论   |   144 浏览

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

正题开始:

JavaScript如何封装自己的js插件

  |   0 评论   |   108 浏览

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

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

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

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

  |   0 评论   |   107 浏览

微信内嵌浏览器

通过 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 
     });  
}