javascript
关注
分享
扫一扫
lelara
这个作者很懒，什么都没留下…
展开
-
js数组去重的5种方法
js数组去重五种方法今天来聊一聊JS数组去重的一些方法，包括一些网上看到的和自己总结的，总共5种方法（ES5）。第一种：遍历数组法这种方法最简单最直观，也最容易理解，代码如下：var arr = [2, 8, 5, 0, 5, 2, 6, 7, 2] var newArr = [] for (var i = 0; i < arr.length; i++) { ...原创 2019-02-22 20:31:54 · 5968 阅读 · 0 评论 -
第26天：js-$id函数、焦点事件
一，函数返回语句定义函数的报道查看值，在函数内部用返回来设置返回值，一个函数只能有一个返回值。同时，终止代码的执行。所有自定义函数默认没有返回值返回后面不要换行var a = 10，b = 20，c = 30; ++一个; 一个++; E = ++一个+（++ B）+（C ++）+一++; 警报（E）; // 77二，获得焦点，失去焦点事件获得焦点：onfocus失去焦点：onblur...原创 2017-09-08 22:27:00 · 145 阅读 · 0 评论 -
第27天：js-表单获取焦点和数组声明遍历
一、表单1、this指事件的调用者2、input.value 表单更换内容3、innerHTML更换盒子里的内容，文字、标签都能换。4、isNaN("12")如果里面的不是个数字，返回true二、表单自动获得焦点txt.focus();//方法Onfocus事件三、鼠标经过选择表单select();选择txt.onmouseover=function(){this.sele...原创 2017-09-09 23:25:00 · 185 阅读 · 0 评论 -
第28天：js-Tab栏切换封装函数
一，input.value所有值都是字符串二，变量和属性var index = 10; //变量var arr = []; // 数组arr.index = 20; //指数为自定义属性，只能在ARR下使用警报（arr.index）;三，判断用户输入事件：oninput四，多分支语句switch语法格式switch（参数）{ case：参数1：语句; break; //退出案例：参数2...原创 2017-09-10 22:26:00 · 188 阅读 · 0 评论 -
第29天：js-数组添加删除、数组和字符串相互转换
一，添加数组var arr = [1,3,5]; arr.push（7,9）; //添加7和9到数组arr后面，得到[1,3,5,7,9]1，push（）;可向数组末尾添加一个或多个元素，并报道查看新的长度。如图2所示，不印字（）;向数组开头和结尾添加一个或多个元素，并报道查看新的长度。VAR ARR = [1,3,5]arr.unshift（0）; // [0,1 1,3,5]var dom...原创 2017-09-11 23:00:00 · 100 阅读 · 0 评论 -
第30天：DOM对象操作
JS包括三部分：ECMAscript，DOM（文档对象），BOM（浏览器对象）一，DOM（文档对象）DOM树节点（元素，属性，标签，标记等都是节点）二，访问节点documment.getElementById（）documment.getElementsByTagName（）documment.getElementsByClassName（）//主流浏览器支持，IE6,7,8不兼容...原创 2017-09-12 23:00:00 · 123 阅读 · 0 评论 -
第32天：微博发布动态
微博发布动态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微博发布</title> <style> ul{ l原创 2017-09-14 23:00:00 · 136 阅读 · 0 评论 -
第33天：封装自己的class类
封装自己的类类，实现浏览器兼容。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>封装自己的class类</title> 6 <style原创 2017-09-15 23:00:00 · 159 阅读 · 0 评论 -
第34天：日期函数、定时器、倒计时
一，日期函数（Date（））设置本地日期：年月日时分秒1，声明日期var date = new Date（）; //创建一个新的日期函数2，使用函数date.getTime（）; //提倡使用，date.valueOf（）;得到距离1970年的毫秒数的console.log（日期（）现在（））; //直接使用console.log（+ new Date（））;3，获取日期和时间getDat...原创 2017-09-16 23:00:00 · 160 阅读 · 0 评论 -
第35天：时钟效果
时钟效果案例1，得到现在的时分秒2，旋转角度原理一圈360°60s 1s / 6° 旋转second.style.WebkitTransform =“rotate（60deg）”; //每秒旋转60度案例： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset...原创 2017-09-17 23:00:00 · 135 阅读 · 0 评论 -
第36天：倒计时：发动短信验证、跳转页面、关闭广告
一，的setTimeoutsetTimeout（“函数”，时间）setInterval（fn，5000）; // 每隔5秒执行一次fn setTimeout（fn，5000）; // 5秒之后执行一次fn二、跳转页面window.location.href="http://www.baidu.com";函数自己调用自己成为“递归调用”案例：1、发送短信验证倒计时 1 <...原创 2017-09-18 23:23:00 · 136 阅读 · 0 评论 -
第37天：小米手机图片展示
1，arguments对象alert（ arguments.length）; //返回实参的个数只在函数内使用arguments.callee; //返回正在执行的函数，也是在函数体内使用在函数递归调用时，推荐使用arguments.callee代替函数名本身函数fn（）{console.log（arguments.callee）;} 1 <!DOCTYPE html> 2 &...原创 2017-09-19 23:05:00 · 122 阅读 · 0 评论 -
第38天：运算符、字符串对象常用方法
一，运算符一元操作符++， - ，+， - + 5-6 逻辑操作符！，&&，|| 基本运算符+， - ，*，/，％ 关系操作符>，<，> =，<=，===，==，！=，！== =赋值==判断===全等 条件操作符（三元运算符） ？：赋值运算符+ =， - =，* =，/ =，％= a + = 5 a =...原创 2017-09-20 23:00:00 · 117 阅读 · 0 评论 -
第39天：字符串连接、截取操作
一，网址编码encodeURIComponent（） 函数可把字符串作为URI组件进行编码decodeURIComponent（）函数可把字符串作为URI组件进行解码var url =“http://www.itcast.cn?name=andy”; 的console.log（encodeURIComponent方法（URL））; //编码二，字符串操作1，concat（）//字符串连接...原创 2017-09-21 23:00:00 · 102 阅读 · 0 评论 -
第40天：字符串操作：截取字符串
1，slice（）slice（“ 取字符串的起始位置 ”，[结束位置]）; //初始位置一定要有，结束位置可有可无var txt =“abcedf”; txt.slice（3）; //从TXT里面字符的第3（索引号）个开始取，一直到最后txt.slice（3,6）; //取TXT索引号3-6的字符串，不包含6 起始位置可以是负数，若是负数，从字符串右边向左边取txt.slice（-1）;2，s...原创 2017-09-22 23:00:00 · 90 阅读 · 0 评论 -
第41天：匀速、缓动运动和图片无缝滚动
一，匀速运动和缓动运动缓动运动公式：leader = leader +（target-leader）/ 10; //前导为初始值0，目标为结束值，10可以改变，值越大，速度越慢 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 ...原创 2017-09-23 23:23:00 · 107 阅读 · 0 评论 -
第25天：js-封装函数-淘宝鼠标展示
封装函数：1，函数形参相当于变量，不能加引号。2，实参要和形参一一对应。案例：鼠标移到小图上，背景展示相应放大的图片代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>淘原创 2017-09-07 23:15:00 · 104 阅读 · 0 评论 -
第24天：js-函数变量声明提升
一，函数声明1，自定义函数function fun1（）{alert（“我是自定义函数”）; }fun2（）; //函数不调用，自己不执行2，直接量声明var fun2 = function（）{alert（“直接量声明”）; }fun2（）; 3，利用功能关键字声明var fun3 = new Function（“var a = 10; b = 20; alert（a + b）”）; FUN3（...原创 2017-09-06 23:25:00 · 108 阅读 · 0 评论 -
第203天：js---Array对象常用方法
1、shift:删除原数组的第一项，返回删除元素的值；如果数组为空则返回undefined1 //shift:删除原数组的第一项，返回删除元素的值；如果数组为空则返回undefined2 var arr = [1, 2, 3, 4, 5];3 var out = arr.shift();4 console.log(arr); //[2,3,4,5]5 ...原创 2018-03-24 22:42:00 · 84 阅读 · 0 评论 -
第204天：js---重载和多态
一、根据arguments个数实现重载js本身不支持重载，所以只能通过其他方式实现，arguments检测传参的个数，然后再执行不同的方式 1 function add() { 2 var sum = 0 ; 3 for ( var i = 0 ; i < arguments.length; i ++ ) { 4 sum...原创 2018-03-25 22:47:00 · 232 阅读 · 0 评论 -
js时间戳转换日期格式和日期计算
一、时间戳转换日期 1 function formatDate(datetime) { 2 // 获取年月日时分秒值 slice(-2)过滤掉大于10日期前面的0 3 var year = datetime.getFullYear(), 4 month = ("0" + (datetime.getMonth() + 1)).sl...原创 2018-05-27 00:00:00 · 314 阅读 · 0 评论 -
javascript易混淆的split()、splice()、slice()方法详解
很多时候，一门语言总有那么些相似的方法，容易让人傻傻分不清楚，尤其在不经常用的时候。而本文主要简单总结了JavaScript中的关于字符串和数组中三个容易混淆的方法。旨在方便查阅，在容易混淆的时候有据可查。如读者有疑问，欢迎留言交流。谢谢！一、Split()Split是切割字符串的一种方法，该方法主要用于把一个字符串分割成字符串数组。 用于字符串对象。 s.split(separato...原创 2018-05-29 22:26:00 · 224 阅读 · 0 评论 -
js数组常用方法总结
最近工作中经常用到数组操作，每次都傻傻不知道怎么用，今天有时间整理了一下，希望对大家有帮助！这些基础的知识，要熟记于心。1、 join()功能：将数组中所有元素都转化为字符串并连接在一起。输入： 分隔符，默认为逗号输出：分隔符分割的字符串1 // join(separator) 不传参,默认用逗号拼接2 var arr = [1,2,3];3 var ar...原创 2018-06-02 23:36:00 · 165 阅读 · 0 评论 -
js中数组对象去重的方法
最近工作中需要用到数组对象去重的方法，我是怎么想也没想出来，今天稍微研究了一下，总算找到了2种方法。分享一下，希望对大家有帮助！方法一：采用对象访问属性的方法，判断属性值是否存在，如果不存在就添加。方法二：采用数组中的reduce方法，遍历数组，也是通过对象访问属性的方法 1 var arr = [{ 2 key: '01', 3 value: ...原创 2018-06-03 21:41:00 · 409 阅读 · 0 评论 -
forEach遍历数组对象且去重
forEach遍历数组对象var obj1 = [{key: '01',value: '哈哈'}, {key: '02',value: '旺旺'}, {key: '03',value: '娃娃'}, {key: '04',value: '皮皮'}, {key: '05',value: '波波'}]; // 遍历数组对象...原创 2018-06-09 09:11:00 · 2122 阅读 · 0 评论 -
js保留两位小数方法总结
js保留两位小数方法总结 最近在做结算系统，经常需要用到金额保留两位小数，刚开始我一直用的是Angular中的过滤器number |2，但是，这无法满足我的需求。问题是，当用户离开文本框时，我需要将用户输入的内容转换成保留两位小数的格式，我想了好久，没有想出来，然后我试了toFined()方法，这个方法也不可行，因为它将数据转换成了字符串，传给后台是错的。然后，我就找了其他方法。现在刚好有空...原创 2018-10-10 21:47:00 · 885 阅读 · 0 评论 -
第5天：js-系统时间对象
今天听了一小节，JS中如何获取系统时间。最后做了一个轮播图效果，是在别人的代码上修改的，一开始做了好半天，都没做好，最后，在我的坚持下，终于做出来了。今天先到这儿，去休息了！获取时间对象：new Date（）getFullYear（）getMonth（）getDate（）getDay（）getHours（）getMinutes（）getSeconds（）以下是个小例子：<！DOC...原创 2017-08-18 22:25:00 · 111 阅读 · 0 评论 -
第11天：JS中变量、字符串基础知识
一，JS简介用来制作页面交互效果，提高用户体验。js页面效果：轮播图，选项卡，地图，表单验证javascript是弱变量类型的语言，变量只需要用var来声明。而java要根据变量类型来声明，int a; float a; double a; String a; boolean a;的JavaScript不用关心内存的释放，指针等。JavaScript的是运行在客户的电脑里面，而不是服务...原创 2017-08-24 22:44:00 · 176 阅读 · 0 评论 -
第12天 ：布尔值和关系运算符
一，布尔值数值型里面的值，有无穷多个，因为世界上所有的数字，都是数值型; 字符串型的值，有无穷多个，因为世界上所有的文字，语句都是字符串型; 布尔类型的值，就两个，真，假。真真假假var a = true; var b = false; 的console.log（a）的 //输出的console.log（B）; //输出console.log（typeof a）; //输出类型consol...原创 2017-08-25 22:42:00 · 517 阅读 · 0 评论 -
第14天：逻辑运算符、if、for语句
今天学习了逻辑运算符，如果，语句基础知识。一，逻辑运算符1，&&（与）一假即假，同真为真2，||（或）一真即真，同假为假3，（非）！切记：参与逻辑运算的，都是布尔值。也就是说，只有如此，虚才能参与逻辑运算，得到的答案，仍然是布尔值。答案只能是真或假。逻辑运算不能连比：console.log（3 <2 <15）; //错误写法二，如果语句1，多分支if...原创 2017-08-27 23:07:00 · 303 阅读 · 0 评论 -
第15天：穷举算法（水仙花数、阶乘求和）
今天学习了JS中基本的穷举法，求水仙花数，阶乘，求和，找因数，找质数等。求三位数的个位，十位，百位方法：var ge = i％10; //求个位var shi = parseInt（i％100/10）; //求十位var bai = parseInt（i / 100）; //求百位下面是简单的练习： 1 <!DOCTYPE html> 2 <html ...原创 2017-08-28 23:12:00 · 865 阅读 · 0 评论 -
第22天：js改变样式效果
一，输出语句1，alert：弹出警示框（用的非常少，用户体验不好）完整写法：window.alert（“执行语句”）; window对象，窗口，一般情况可省略alert（123）;2，console Control制台输出（用户看不见）一般用于测试用console.log（）;控制台输出，普通输出语句console.warn（）;控制台警示console.error（）;错误提示3，d...原创 2017-09-04 23:16:00 · 130 阅读 · 0 评论 -
第23天：js-数据类型转换
一，填充1，内边距会影响盒子大小2，行内元素，尽量不用上下的填充和边缘3，块元素嵌套块元素。子级会继承父级的宽度，高度由内容决定。如果给子级再设置填充物，不会影响盒子宽度。继承的宽度设置填充不会影响盒子宽度。二，js的数据类型字符型，数值型，布尔型，null，undefinedjs是一种弱数据类型数据类型转换转换为字符型方法：1，利用引号（“”）转换为字符型2，利用函数 String（...原创 2017-09-05 23:10:00 · 138 阅读 · 0 评论 -
第43天：事件对象event
一，事件对象事件：onmouseover，onmouseout，onclick 事件//事件的对象兼容写法：var event = event || window.event;事件常见属性，如下表： 属性 作用 数据 返回拖拽对象的URL字符串（的DragDrop） 宽度 该...原创 2017-09-25 23:00:00 · 143 阅读 · 0 评论 -
第44天：鼠标移动放大效果
1，鼠标移动放大效果 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>鼠标移动放大效果</title> 6 <style&am原创 2017-09-26 23:00:00 · 116 阅读 · 0 评论 -
第107天：Ajax 实现简单的登录效果
使用Ajax实现简单的登录效果阿贾克斯是一项使局部网页请求服务器信息，而不需整体刷新网页内容的异步更新技术。这使得向服务器请求的数据量大大减少，而且不会因局部的请求失败而影响到整体网页的加载。一，Ajax请求数据的基本操作假设使用的Ajax从某个已知文档“的test.txt”获取文件。1，基本操作 1 // 1. 得到做 ajax 操作的对象 2 // 系统提供的一个构...原创 2017-12-07 23:08:00 · 198 阅读 · 0 评论 -
第108天：Ajax中XMLHttpRequest详解
在Ajax应用程序中，XmlHttpRequest对象负责将用户信息以异步通信地发送到服务器端，并接收服务器返回的响应信息和数据。 XMLHttpRequest的提供可以不重新加载页面的情况下更新|网页，页面在加载后再客户端的向服务器请求数据，页面在加载后在服务器端的接收数据，在后台向客户端的发送数据。 XMLHttpRequest的和的Javascript Java...原创 2017-12-08 23:00:00 · 109 阅读 · 0 评论 -
第109天：Ajax请求GET和POST的区别
一，阿贾克斯请求GET和POST的区别 1.使用获取请求时，参数在URL中显示，而使用邮政方式，则不会显示出来 2.使用Get请求发送数据量小，Post请求发送数据量大 3. 获取请求需注意缓存问题，后请求不需担心这个问题获取方式： 用获得方式可传送简单数据，但大小一般限制在1KB下，数据追加到URL中发送（HTTP的头传送），也就是说，浏览器将各个表单字段元素及其数据...原创 2017-12-10 21:46:00 · 326 阅读 · 0 评论 -
第110天：Ajax原生js封装函数
一，阿贾克斯的实现主要分为四部分：1，创建Ajax的对象1 // 创建ajax对象2 var xhr = null;3 if(window.XMLHttpRequest){4 xhr = new XMLHttpRequest();5 } else {6 //为了兼容IE67 xhr = new ActiveXObject('Microsoft.XMLH...原创 2017-12-10 22:48:00 · 173 阅读 · 0 评论 -
第111天：Ajax之jQuery实现方法
由于jQuery的中的Ajax的方法是用了内置的延迟模块，是无极模式的一种实现，而我们这里没有讲过，所以我们就不使用这一模式啦。我们只定义一个Ajax方法，他可以简单的get，post，jsonp请求就可以了。一，jQuery的语法格式 1 var ajax = function () { 2 3 // 做一些初始化，定义一些私有函数等 4 5 ret...原创 2017-12-11 22:56:00 · 107 阅读 · 0 评论