JS
dyx19971026
这个作者很懒,什么都没留下…
展开
-
原生js、Jquery、Vue、微信小程序请求数据
原生js请求后台数据原生js请求后台数据,可以用get,post请求,区别在于,get请求参数在url中,post请求传的参数在request body中,用send发送注意:async异步(默认为true)//get请求function ajaxget(url) { var xml = new XMLHttpRequest(); xml.open("get",url,true)...原创 2020-01-06 21:56:15 · 292 阅读 · 0 评论 -
用js获取url参数
用js获取url参数首先我们要知道url参数指的是哪部分,其实它的参数就是?之后的部分,以&相连接,我们需要做的就是把它们获取到,放在一个对象中。下边是代码演示://substring() 方法用于提取字符串中介于两个指定下标之间的字符。//split() 方法用于把一个字符串分割成字符串数组。//encodeURI() 函数可把字符串作为 URI 进行编码。//unescape() 函...原创 2019-12-02 09:15:36 · 213 阅读 · 0 评论 -
js实现复制obj对象(深拷贝和浅拷贝)
今天和大家分享一个关于实现复制一个对象的方法首先我们需要了解一个知识点,那就是es6的新方法Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法:Object.assign(target, …sources)target 目标对象 sources 源对象 返回值是目标对象注意:如果目标对象中的属性具有相同的键,则属性将...原创 2019-11-29 21:14:32 · 3066 阅读 · 0 评论 -
对一个对象进行过滤,返回value为string的key
对一个对象进行过滤,返回value为string的key let obj = { name: 'lisi', Age: 18, class: 9, addr: 'xxx' } for (const i in obj) { console.log(i);//name age class addr...原创 2019-11-28 20:07:06 · 256 阅读 · 0 评论 -
将数组中的某个值替换为需要的值
将数组中的某个值替换为需要的值首先先给大家讲一个splice 方法,我们可以看一下MDN上边的解释splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。var arr = [1,3,5,6,3,2,7,8,6];var remove = arr.splice(5,1,'我爱你');console.log(arr)...原创 2019-11-28 11:39:40 · 6616 阅读 · 0 评论 -
将数组中的数据生成li插入到ul中
将arr数组中的数据生成li列表插入到ul中<body> <script> var arr = [ {name: 'lili',age:18}, {name: 'xioamei',age:18}, {name: 'xiaohua',age:18}, {...原创 2019-11-28 10:16:03 · 1390 阅读 · 0 评论 -
原生js给一个元素绑定click事件(三种实现方法)
原生js给一个元素绑定click事件(三种实现方法)第一种直接在DOM元素绑定<div id="btn" οnclick="one()"></div> //直接在DOM里绑定事件<script> function one(){ alert("hello"); }</script>第二种在js代码中绑定...原创 2019-11-28 10:03:12 · 27063 阅读 · 1 评论 -
用js给数组去重
用js给数组去重第一种方法:新建一个数组,遍历要去重的数组,这里要用到indexOf()方法(可返回某个字符串值在字符串中首次出现的位置),当值不在新数组的时候(indexof=-1),就将当前的值加入新数组中// 给定数组,写出代码去重let attr = [1,2,5,6,4,2,8,9,3,8];let newattr = [];for(i of attr) { if(ne...原创 2019-11-27 22:07:56 · 165 阅读 · 0 评论 -
for of 和 for in,for each的区别
for of 和 for in,for each的区别for each 使用for each遍历数组的话,使用break不能中断循环,使用return也不能返回到外层函数。for inindex索引为字符串数字型,不能直接进行几何运算遍历顺序有可能不是按照实际数组的内部顺序使用for in会遍历数组所有的可枚举属性,包括原型。例如上栗的原型方法method和name属性...原创 2019-10-22 17:54:41 · 430 阅读 · 0 评论 -
关于js的一些基础知识
和大家分享一下js的一些基础,如果有问题欢迎大家指正,咱们可以一起共同进步1.javascript 高阶函数:filter map reduce2.常见的两个隐藏元素的方式: display:none visibility:hidden (设置元素框不可见 但仍然影响布局)3.js常见的内置对象:Array 数组对象, String 字符串, Math 对象, Date 日期对象...原创 2019-09-23 11:44:10 · 111 阅读 · 0 评论 -
iterable(Map Set )
<script> /**Map是一组键值对的结构,具有极快的查找速度 var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]); m.get('Michael'); // 95 初始化Map需要一个二维数组,或者直接初始化一个空Map Map 具有以下方法: var m...翻译 2019-08-21 10:02:33 · 280 阅读 · 0 评论 -
JS面向对象编程
var xiaoming = {name: ‘小明’,birth: 1990,age: function () {var y = new Date().getFullYear();return y - this.birth;}};xiaoming.age;//function xiaoming age()xiaoming.age();//29 明年就是30 //绑定到对象...原创 2019-08-21 14:53:47 · 121 阅读 · 0 评论 -
了解高阶函数
JavaScript的函数其实都指向某个变量,既然变量可以指向函数,函数的参数能接受变量,那么一个函数就可以接收另一个函数作为参数这种函数就称为高阶函数- var x = -5, y = 6, f = Math.abs; function add(x,y,f) { return f(x) + f(y); } ...原创 2019-08-21 15:30:58 · 116 阅读 · 0 评论 -
JS正则表达式的练习(邮箱验证、QQ验证)
新手小白关于正则表达式的理解练习,如有错误还请各位大佬多多指正在接触正则的时候,给我的感受就是它是一种自己定义的规则去对程序中的字符串进行一些过滤的逻辑,想要看会学会就要多加练习和思考下面是我自己写的关于邮箱验证和QQ验证的方法,希望能对和我一样的一些小白有些帮助哟首先我们先来分析邮箱的验证,在这里我们列举几个网站邮箱例子看看youxiang@sina.com \ youxiang@sin...原创 2019-08-27 13:01:56 · 1778 阅读 · 0 评论 -
轮播图的实现及步骤讲解
轮播图设计的原理及思路首先在写好css之后 我们要对接下来的js进行一个分步操作第一步,我们可以先写好一个自动播放的逻辑:这部分我们用的方法就是 采用图片作为背景图片,在js里边通过索引来实现图片的切换第二步,我们要实现一些简单的细节,当我们的鼠标放上去的时候,我们希望这个时候箭头显示,并且当前的自动播放停止,当鼠标移走的时候,箭头也就随之隐藏,这部分很容易实现,我们只需要在鼠标放在上边的...原创 2019-08-29 14:23:57 · 1769 阅读 · 0 评论 -
用jq遍历列表,获取列表的长度
简单和大家分享一下,学习jq的一些笔记,我们想实现的一些功能是,鼠标放在每一个li 上,都会呈现出不同的内容和块区域,用jq语句可以很容易又很简洁就可以实现,我们可以用.each() 方法去遍历,获取元素为li的,然后声明变量去获取存储下标。之后在操作里边的元素,用获取到的下标来控制li里边我们想控制显隐的元素。 <li class="dian1" i> ...原创 2019-09-02 19:23:14 · 2970 阅读 · 0 评论 -
jquery实现轮播图(利用更改背景图片的方法)
自己在写轮播图过程中,花费了一些时间,因为是刚开始接触,所以可能不是特别精简. 但是测试和运行都是没有问题的,自己对这个了解之后,觉得这种方法局限性比较大,在其他的一些div文字块实现自动播放,就不能适用,之后会写出来另一种方法,争取最简洁明了的方法,让大家理解清楚,以下是代码部分大家可以实际操作理解一下,如果有任何问题或者不理解的欢迎询问,大...原创 2019-09-06 19:17:22 · 1727 阅读 · 0 评论 -
jq轮播图2
今天续着上一期的来给大家讲另外一种方法的轮播图 这种方法可以实现无缝轮播,原理就是我们在自己预先想要设置轮播的那一组照片后边,用jq语言在另外加上一组相同的照片,相当于现在的长度就是两组照片的长度,我们将初始的图片索引值就先定在我们复制的第一张图片上,就是复1的位置,当我们一次开始向右边滚动的时候,到第复5的时候,在执行完过渡动画后,将其定位为原5,然后再一次循环,因为复5和原5是一样的通过这...原创 2019-09-08 16:39:48 · 205 阅读 · 0 评论 -
table采用定位实现轮播
今天和大家简单介绍一下table的轮播的自动切换```* { padding: 0; margin: 0; } .one { width: 500px; margin: 0 auto; } .tabHead li { ...原创 2019-09-09 14:50:51 · 643 阅读 · 0 评论 -
JS词法
js词法1 function func(age) {2 console.log(age);3 var age = 25;4 console.log(xxx);5 var xxx = 100;6 console.log(age);7 function age() {}8 console.log(age);}9 func(18);AO对象产生 AO = {}一:词法分析1.分...原创 2019-09-21 11:33:44 · 155 阅读 · 0 评论