![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
a伊雪
这个作者很懒,什么都没留下…
展开
-
js改变对象的key,把key替换成想要的key,值不变
js改变对象的key,把key替换成想要的key,值不变转载 2022-10-27 17:46:26 · 3397 阅读 · 0 评论 -
moment日期操作
代码】moment日期操作。原创 2022-07-28 16:47:23 · 332 阅读 · 0 评论 -
$nextTick和setTimeout区别(宏任务微任务)
nextTick和setTimeout区别(宏任务微任务)原创 2022-07-13 09:40:44 · 4935 阅读 · 1 评论 -
js堆和栈
四、总结1、按照JS的数据类型来说,基本数据类型(即值类型,包括:undefined、null、number、string、boolean、symbol)存在栈中,引用类型(即:object array function)存在堆中。2、基本数据类型有固定的大小和值,存放在栈中,而引用类型不确定大小,但是其引用地址是固定的,因此,它的地址存在栈中,指向存储在堆中的对象。3、基本数据类型,在当前环境执行结束时销毁,而引用类型只有在引用的它的变量不在时,会被垃圾回收机制回收。4、复制方式不一样,值类转载 2021-07-10 16:47:26 · 111 阅读 · 0 评论 -
base64,文件格式相关转换
function getBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = error => reject(error); });}//.原创 2021-06-01 13:57:13 · 284 阅读 · 0 评论 -
js通过方法返回对象的注意点
问题:js通过方法返回一个字面量对象和返回一个提前已经定义好的字面量对象有区别吗?答案:有我们先来看看第一种情况,fun1方法返回一个提前没定义的字面量对象,然后通过调用方法返回三个对象,分别是obj1, obj2, obj3,然后我修改obj2对象的age方法,打印obj1, obj2, obj3,的age属性分别是什么?//第一种情况: function fun1() { return { uname: `ash`,转载 2020-06-19 14:39:51 · 3789 阅读 · 1 评论 -
props object初始值设置:js对象引用,深拷贝
这里通过return的方式来返回一个空对象,这是因为如果直接用default:{}的话,其他组件复用时都会是这个对象的引用,其他组件如果修改这个数据的话,也会改变影响这个组件,所以要通过函数返回这个对象(js对象引用,深拷贝)import echarts from "echarts";export default { props:{ chartData:{ type:Object, default(){ .原创 2020-05-19 10:11:30 · 1073 阅读 · 0 评论 -
移动端h5页面,当软键盘弹出时,会将底部导航footer顶上去,怎么解决???
这个需要你js来判断下var oHeight = $(document).height(); //浏览器当前的高度$(window).resize(function(){ if($(document).height() < oHeight){ $("#footer").css("position","static");}else{ $("#foote...原创 2020-02-29 14:31:06 · 788 阅读 · 1 评论 -
Axios同一请求发送两次 解决方案
目录出现原因简单请求与非简单请求:axios设置header信息原文地址:http://www.cnblogs.com/JimmyBright/p/7681097.html简单请求与非简单请求区别部分转载自:https://www.cnblogs.com/renpingsheng/p/7688134.html出现原因所有跨域的js在提交post请求的时候,如果服务端设...转载 2019-11-04 15:11:35 · 1735 阅读 · 0 评论 -
preventDefault与stopPropagation的作用
如题,本篇文章讨论preventDefault和stopPropagation二者的作用,首先,先理解一下二者的字面意思:一、preventDefault,prevent是动词,意为“防止,阻止”;Default是名词,有“系统默认值”的意思,preventDefault在js中的意思就是“阻止系统默认(行为)”。二、stopPropagation,stop是动词,意为“中止”;Pr...转载 2019-10-19 16:30:22 · 8941 阅读 · 0 评论 -
JS的宏任务和微任务
1.机制如下:注意一点:宏任务需要多次事件循环才能执行完,微任务是一次性执行完的;除了广义的同步任务和异步任务,我们对任务有更精细的定义:macro-task(宏任务):包括整体代码script,setTimeout,setInterval micro-task(微任务):Promise,process.nextTick 宏任务 # 浏览器 ...转载 2019-09-01 22:01:23 · 94 阅读 · 0 评论 -
js闭包题型举例
function Foo() { var i = 0; returnfunction() { console.log(i++); }} var f1 = Foo(), f2 = Foo();f1();f1();f2();原创 2016-12-28 21:10:50 · 479 阅读 · 0 评论 -
JS继承的几种方式
前言JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下:javascript 代码片段效果预览12345678910111213// 定义一个动物类function Animal (name)转载 2017-02-20 21:54:00 · 657 阅读 · 0 评论 -
js中对象继承
一,js中对象继承js中有三种继承方式1.js原型(prototype)实现继承复制代码代码如下: function Person(name,age){ this.name=name; this.age=age; } Person.prototype.say转载 2017-02-10 16:11:32 · 181 阅读 · 0 评论 -
方法内的函数 ---js this绑定不合理
当一个函数并非一个对象的方法时,那么他被当做一个函数来调用。 当函数以此模式调用时,this被绑定到全局对象。这是语言设计上的一个错误。倘若语言设计正确,当内部函数被调用时,this应该仍然绑定到外部函数的this变量。这个设计错误的后果是方法不能利用内部函数来帮助他工作,因为内部函数的this被绑定了错误的值,所以不能共享该方法对对象的访问权。幸运的是,有一个很容易的解决方案:如果该犯法原创 2016-12-28 10:44:23 · 298 阅读 · 0 评论 -
js 绑定事件函数的方法
要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。在JavaScript中,有三种常用的绑定事件的方法:在DOM元素中直接绑定;在JavaScript代码中绑定;绑定事件监听函数。一. 在DOM元素中直接绑定这里的DOM元素,可以理解为HTML标签。JavaSc转载 2016-12-25 21:14:14 · 2255 阅读 · 0 评论 -
Web前端面试小记
前言春节前离职了,年后来了有一周了,把简历丢到网上后大概收到了将近七十多个面试邀请,挑了几个稍微知名一些的公司如国美京东美团百度彩票等和一些中小型公司去面试,这星期一共面了11家公司,除了阿里似乎没戏了其他的十家基本都发了口头或是正式offer,也不打算再面了,社保断了也是个麻烦事,打算从这其中挑一个就可以了。面试过程中有做面试题的,也有直接聊的,实话讲有些面试题其实就是背书,随便转载 2016-12-24 20:55:01 · 234 阅读 · 0 评论 -
javascript正则表达式的基本知识
javascript正则表达式的基本知识:g: 全局匹配i: 忽略大小写^ 匹配一个输入或一行的开头,/^a/匹配”an A”,而不匹配”An a”$ 匹配一个输入或一行的结尾,/a$/匹配”An a”,而不匹配”an A”* 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa+ 匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa原创 2016-12-24 17:26:11 · 351 阅读 · 0 评论 -
js学习笔记-变量作用域
1.变量提升JavaScript的函数定义有个特点,它会先扫描整个函数体的语句,把所有申明的变量“提升”到函数顶部:'use strict';function foo() { var x = 'Hello, ' + y; alert(x); var y = 'Bob';}foo();虽然是strict模式,但语句var x = 'Hello,原创 2016-12-23 17:26:37 · 316 阅读 · 0 评论 -
js-判断数据类型
1.typeof typeof用以获取一个变量或者表达式的类型,typeof一般只能返回如下几个结果:number,boolean,string,function(函数),object(NULL,数组,对象),undefined。如:alert(typeof (23));//typeof(23)返回"number" alert(typeof ("123"))原创 2017-03-28 22:05:14 · 290 阅读 · 0 评论 -
javascript-浅拷贝和深拷贝
1.js对象浅拷贝简单的赋值就是浅拷贝。因为对象和数组在赋值的时候都是引用传递。赋值的时候只是传递一个指针。看下面的实例代码:var a = [1,2,3];var b =a ;var test = {name:'xiaohong', age:15};var c = test;console.log(a);console.log(b);console.log(te原创 2017-03-29 16:14:37 · 209 阅读 · 0 评论 -
JavaScript中“&&”和“||”操作符
1、||(逻辑或),从字面上来说,只有前后都是false的时候才返回false,否则返回true。?1234alert(true||false);// truealert(false||true);// truealert(true||true);// true转载 2017-03-29 17:51:21 · 255 阅读 · 0 评论 -
js中的事件委托或是事件代理详解
概述:那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰当,我就不去想别的例子来解释了,借花献佛,我摘过来,大家认真领会一下事件委托到底是一个什么原理:...转载 2019-04-19 16:24:00 · 155 阅读 · 0 评论 -
如何在前端页面中获取到ModelAndView绑定的值
springMVC中通过ModelAndView进行后台与页面的数据交互,那么如何在页面中获取ModelAndView绑定的值呢?1、在JSP中通过EL表达式进行获取(比较常用)后台:ModelAndView model = new ModelAndView();model.addObject("name","Jims");JSP:在JSP中直接使用${name }进行获取...转载 2018-09-18 11:17:03 · 20164 阅读 · 2 评论 -
JavaScript -arguments、caller 和 callee
1.前言arguments, caller , callee 是什么?在JavaScript 中有什么样的作用?本篇会对于此做一些基本介绍。2. argumentsarguments: 在函数调用时, 会自动在该函数内部生成一个名为 arguments的隐藏对象。 该对象类似于数组, 但又不是数组。可以使用[]操作符获取函数调用时传递的实参。转载 2017-04-05 16:13:26 · 572 阅读 · 0 评论 -
js-面向对象
在学习过程中我们需要用到js的面向对象的编程,所以需要从头学起,整理一些js中面向对象的资料 Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型转载 2017-04-05 09:48:33 · 222 阅读 · 0 评论 -
js 实现链表
js 实现链表我们通常会在c++这类语言中学习到链表的概念,但是在js中由于我们可以动态的扩充数组,加之有丰富的原生api。我们通常并不需要实现链表结构。由于突发奇想,我打算用js实现一下:首先我们要创建链表:1 //创建链表2 function CreateLinkNode(data, pre, next){3 this.data = data;4转载 2017-03-24 17:36:06 · 561 阅读 · 0 评论 -
JS 闭包问题- for循环取 i
问题描述:html lang="en">head>meta charset="UTF-8">title>title>script type="text/javascript"> functiononMyLoad(){ var arr = document.getElementsByTagName("p"); for(v原创 2017-03-24 15:36:54 · 868 阅读 · 0 评论 -
js中==与===的区别
为了减少概念混淆,应该把 =称作(得到或者赋值),==称作(相等),===称作(严格相等)相同点:它们两个运算符都允许任意类型的的操作数,如果操作数相等,返回true,否则返回false不同:==:运算符称作相等,用来检测两个操作数是否相等,这里的相等定义的非常宽松,可以允许进行类型转换===:用来检测两个操作数是否严格相等1、对于string,nu转载 2017-03-31 11:35:47 · 213 阅读 · 0 评论 -
js apply和js call方法详解
js apply和js call方法详解js apply和js call方法总是让初学者困惑,下文就apply和call的区别,什么情况下用apply,什么情况下用call、apply的巧妙用法来阐述js apply和js call方法的详细使用方法。主要我是要解决一下几个问题:1. apply和call的区别在哪里2. 什么情况下用apply,什么情况下用转载 2017-03-29 21:22:50 · 537 阅读 · 0 评论 -
HTML5 data-* 自定义属性
HTML5 data-* 自定义属性在jQuery的attr与prop提到过在IE9之前版本中如果使用property不当会造成内存泄露问题,而且关于Attribute和Property的区别也让人十分头痛,在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管转载 2016-09-08 16:06:42 · 265 阅读 · 0 评论