JavaScript 标签

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,那么其实工作起来很枯燥的。做人没有梦想那跟咸鱼有什么分别?程序员也是一样。我们不要一直局限于粘贴复制,我们要学会自己造轮子。

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

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