- 博客(20)
- 收藏
- 关注
RSS订阅原创 微前端qiankun框架使用示例
新建两个项目作为示例，qiankun-base（vue）作为主应用（基座），qiankun-vue（vue）作为子应用。1、由于项目中路由是用的是history模式，打包后直接访问系统会出现路由404问题，需要服务器端做相关配置。4、在一个vue组件里面定义一个子应用的容器，我这里是在App.vue中。4、main.js中新增qiankun相关配置。5、修改vue.config.js相关配置。3、在main.js中添加配置。1、在vue文件中写入跳转方法。1、初始化vue子应用源码。
2024-02-27 15:21:06
639
原创 用js实现数据结构的简单方法
例1：找出单向链表中的一个节点，该节点到尾指针的距离为K。链表的倒数第0个结点为链表的尾指针。要求时间复杂度为O(n)。链表节点的值初始化为1，2，3，4，5，6，7function LinkFun(){//自定义链表的方法 let Node = function(val){ this.val = val; this.next = null }...
2019-09-10 09:13:36
362
原创 给原型添加方法
1、请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组//本题的思路是，用每个元素与其他的元素比较，相同则把那个元素存入数组Array.prototype.distinct = function(){ var ret = []; for(var i=1; i<this....
2019-09-01 18:42:23
653
原创 js读取cookie
方法一：decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码，原理如下：<script type="text/javascript">var test1="http://www.w3school.com.cn/My first/"document.write(encodeURI(test1)+ "<br />")//编码do...
2019-09-01 11:49:32
1063
原创 js实现深拷贝
什么是深拷贝？深拷贝就是指原对象改变了，克隆出来的新对象也不会改变，原对象与新对象是完全独立的关系；对象是一种引用类型，对象的地址指针存放于栈中，而对象实际的数据存放于堆中。因此当我们简单地执行复制操作时，实际是把地址指针进行了复制操作，因此在对象的实际数据改变之后，新老对象都会受到影响；如何实现深拷贝思路：利用基本数据类型的特点，基本类型在执行复制操作后，新老数值之间不会互相影响，所以...
2019-08-31 17:14:10
110
原创 js常见题目汇总
1、查找两个节点的最近的一个共同父节点，可以包括节点自身实现方法一：用递归function commonParentNode(oNode1, oNode2) { if(oNode1.contains(oNode2)){ return oNode1 }else{ return commonParentNode(oNode1.parentNode,o...
2019-08-29 22:57:22
327
原创 函数的柯里化
问题描述：已知 fn 为一个预定义函数，实现函数 curryIt，调用之后满足如下条件：1、返回一个函数 a，a 的 length 属性值为 1（即显式声明 a 接收一个参数）2、调用 a 之后，返回一个函数 b, b 的 length 属性值为 13、调用 b 之后，返回一个函数 c, c 的 length 属性值为 14、调用 c 之后，返回的结果与调用 fn 的返回值一致5、fn ...
2019-08-29 17:36:00
96
原创 函数上下文问题
1、将函数 fn 的执行上下文改为 obj 对象//三种方案//applyfunction speak(fn, obj) { return fn.apply(obj);}//callfunction speak(fn, obj) { return fn.call(obj);}//bindfunction speak(fn, obj) { return fn...
2019-08-29 16:41:45
274
原创 apply和call方法
1、调用函数的方法obj.func();func.call(obj,args);//参数列出func.apply(obj,[m,n…]);//参数数组2、apply方法func.apply(obj,[m,n,…])（1）其中第一个参数obj即指定函数运行时的执行上下文。值得注意的是，当非严格模式下，指定null或者undefined时，会自动指向全局对象（浏览器中则是window对...
2019-08-29 16:20:50
75
原创 js基础练习题总结
1、找出元素 item 在给定数组 arr 中的位置方法一：直接用数组原型上的indexOf(item)方法，它直接返回的的就是item在数组中的位置，不存在返回-1；（确保万无一失的情况下先判断当前浏览器是否支持该方法Array.prototype.indexOf）方法二：for循环遍历数组，找item的位置注意：forEach()循环遍历可能会在浏览器上出现找到相应值之后不走retu...
2019-08-29 16:08:00
973
原创 jQuery
一、jQuery获取DOM元素$("*")：获取所有DOM元素；$(“tagName”)：获取页面中所有的button元素，相当于js里面的document.getElementByTagname方法;$("#id")：用id来获取元素；$(".className")：通过leimingc来获取元素；$(“target:first”)：获取当前匹配元素(targe)集合中的第一个元素;...
2019-07-22 21:04:07
86
原创 canvas
一、canvas的简单介绍HTML5添加的最受欢迎的一个功能就是canvas，这个元素负责在页面中设定一个区域，然后就可以通过js动态的在这个区域中绘制图形。二、基本用法要使用canvas元素，必须先设置其width和height属性，指定可以绘图区域的大小。取得绘图上下文。需要调用getContext()方法，并传入上下文的名字"2d",就可以取得2D上下文对象。2d上下文...
2019-07-03 16:18:41
84
原创 js继承
JS继承一、原型链继承在学习原型链继承之前先了解以下几点：1.被继承的构造函数叫做（父类、基类）2.prototype:每一个函数都有一个prototype属性指向自己的原型对象3.proto：对一个对象都要一个_proto_指向父级的原型对象4.construct:所有的原型对象都有一个construct的属相指回原型对象对应的构造方法第一步：创建一个父类的函数functio...
2019-06-27 09:38:41
60
原创 Ajax
一、Ajax的简单介绍Ajax的核心技术是XMLHttpRequest对象，简称为XHR。XHR为向服务器发送请求和解析服务器响应提供了流畅的接口。能够以异步的方式从服务器取得更多信息，意味着用户单击后，可以不必刷新页面取得新数据二、如何使用Ajax1、使用构造函数法创建一个实例var xhr=new XMLHttpRequest();2、使用XHR对象时，调用的第一个方法是open(...
2019-06-18 15:41:37
67
原创 正则表达式
正则表达式方式一：var expression= / pattern / flags;（字面量形式定义正则表达式）它的模式部分是正则表达式，包含字符类,限定符，分组等。在正则表达式的后面可以带有一个或者多个标志（flags）,以表示正则表达式的行为，有以下三个标志，分别为：g：表示全局（global）模式，即模式被应用于所有字符串，并非在发现第一个匹配项时立即停止；i：表示不区分大小写模...
2019-06-13 15:20:31
71
原创 js对象
认识js对象通过这几周js的学习，我发现对象是js中一个非常重要的概念，并且应用很多。下面我就将自己对这个概念的理解作一总结。1、js对象是一系列命名变量、函数的集合。在其中命名变量称为属性，函数称之为方法。2、内置对象：Array: 数组类Date:日期类Function:函数类Math: 数学类Number: 数值类Object:对象类String:字符串类使用对象的优...
2019-06-06 15:20:14
79
原创 js的计时器对象以及DOM元素子父节点的操作
一、js的计时器对象1、超时调用超时调用需要用window对象的setTimeout()方法，它接受两个参数，分别是要执行的代码和以毫秒表示的时间（即在执行代码前要等待的毫秒数）。第一个参数可以是一个包含Javascript代码的字符串，也可以是一个函数，例如：setTimeout( "alert('hi')",1000); setTimeout(function(){alert('hi...
2019-05-29 17:11:25
147
原创 DOM元素的获取及相关操作
一、获取页面中元素的方法1、document.getElementById(“元素的Id名称”)在整个文档中，通过这个方法获取到的是一个元素。（注意:如果页面中的id重复了，那么这个方法默认只获得第一个元素）如果没有获取到，返回的结果为null。2、document.getElementsByTagName(“元素的标签名”)返回的是htmlcollection 集合 ，用法和数组一致...
2019-05-23 11:17:26
257
原创 css3动画
CSS3动画的分类2D动画;2D转3D；帧动画；过渡动画；一、2D动画1.它的属性名称是transform，（它的含义是：改变，使…变形；转换）。2.transform的属性包括：rotate() / skew() / scale() / translate() ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。3.下面来介绍它们的具体含义及用...
2019-05-07 11:27:22
101
原创 CSS—选择器
三种常用的选择器id选择器，格式为 #选择符名称，例如：<div id="main"></div ,就有#main{属性值}(它的优先级最高)；类选择器，格式为 .选择器名称，例如：<div class="main"></div> ,就有.main{属性值}；元素选择器，格式为 选择符名称，例如：<p>文本内容</p> ...
2019-04-18 11:05:16
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人