![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
文章平均质量分 83
薛中然
向着光亮的地方
展开
-
递归遍历树
treeData(data){ if(data){ for(var i=0;i<data.length;i++){ data[i].pname = '' data[i].id = data[i].code data[i].title = data[i].label // data[i].expand= false if(data[i].regionVueDto.length!=...原创 2020-01-05 17:05:09 · 271 阅读 · 0 评论 -
关于百度地图开发与modal层的bug
1.百度地图创建在modal层里面: setTimeout(() => { this.initMap() }) initMap():创建地图的函数=>不加定时器也可以创建,但是创建的一些覆盖物,比如点线面会出现一些偏差,或者创建失败。 initMap(data) { // 初始化地图 this.modaleditMap = new window.BMap.Map('ed...原创 2019-10-28 15:34:06 · 650 阅读 · 0 评论 -
跨域问题
1.设置发送头:node里 res.header("Access-Control-Allow-Origin","*"); Node.js后台配置(express框架) Node.js的后台也相对来说比较简单就可以进行配置。只需用express如下配置: app.all('*', function(req, res, next) { res.header("Access-Contr...原创 2018-06-22 15:14:26 · 148 阅读 · 0 评论 -
JS实现冒泡-二分查找-反转算法
<script> // var arr=[1,5,7,8,4,5,7,5] //二分查找:效率高 :限制:必须有序数组 var arr=[1,2,15,16,18] function find(low,high,n){ var mid= Math.floor((low+high)/2) //拿到中间下标取值 if(arr[mid]==n){ return mid } ...原创 2018-06-26 19:09:53 · 103 阅读 · 0 评论 -
js闭包问题详解案例
JS中for循环里面的闭包问题的原因及解决办法 我们先看一个正常的for循环,普通函数里面有一个for循环,for循环结束后最终返回结果数组 function box(){ var arr = []; for(var i=0;i<5;i++){ arr[i] = i; } return arr; } alert(box...转载 2018-07-17 14:06:14 · 554 阅读 · 0 评论 -
关于ajax请求问题
1.headers: { 'Content-Type': 'application/json' }产生的想法 用Content-Type来表示具体请求中的媒体类型信息 this.$http({ url: ' ' , headers: { 'Content-Type': 'application/json' }, method: 'get', ...原创 2018-08-06 15:57:59 · 231 阅读 · 0 评论 -
js如何实现简易的深复制
var a=[{c:1}]; var b=a; 如果想让b=a,且b改变c,a中不改变c,可以讲a通过json。StringFly来转换为字符串,然后赋值给b原创 2019-02-16 10:34:18 · 95 阅读 · 0 评论 -
vuex和本地存储的区别
1.区别:vuex存储在内存,localstorage(本地存储)则以文件的方式存储在本地,永久保存;sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理 2.应用场景:vuex用于组件之间的传值,localstorag...翻译 2019-02-16 10:36:01 · 4476 阅读 · 1 评论 -
字段不同数组对象的转换
<script> 1.目前数组 var aa=[ {num:310,numValue1:'啦啦啦'}, {cum:320,numValue2:'嘻嘻嘻'}, {vum:330,numValue3:'哈哈哈'}, {sum:340,numValue:'吱吱吱'} ]; 1.目标数组 [ {value:310,name:'啦啦啦'}, {value:320,name:...原创 2019-07-16 18:02:33 · 220 阅读 · 0 评论 -
jquery-事件委托
jQuery中的事件委托方式比较丰富,就以同样的例子来说: 1、用on方法,代码如下:1 $(function(){ 2 $("#lists").on("click","li",function(event){ 3 var target = $(event.target); 4 target.cs...转载 2018-06-30 10:10:58 · 678 阅读 · 0 评论 -
仿登录注册页面
注册<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>注册</h1> &原创 2018-06-11 06:17:40 · 1380 阅读 · 0 评论 -
session的写入与取值
<script> sessionStorage.setItem("id",2); sessionStorage.setItem("name","zhangsan"); sessionStorage.setItem("sex","nan"); console.log(sessionStorage.getItem("id"));// sessio原创 2018-06-11 06:10:06 · 4943 阅读 · 0 评论 -
js面向对象编程-构建对象
<script> //工厂模式:会出现不能查看实体对象是谁的实例化 function CreatObj(name,age){ var obj= new Object() obj.name= name obj.age=age ...原创 2018-06-20 21:02:46 · 87 阅读 · 0 评论 -
面向对象编程-继承
<script> //超类型被继承 function Box(){ this.name='Box' } //派生类:子类 function desk (){ this.age=18 } desk.prototype=new Box() ...原创 2018-06-20 21:35:35 · 82 阅读 · 0 评论 -
js冒泡排序-反转-二分查找
//二分查找:效率高 :限制:必须有序数组 var arr=[1,2,15,16,18] function find(low,high,n){ var mid= Math.floor((low+high)/2) //拿到中间下标取值 if(arr[mid]==n){ ...原创 2018-06-21 10:07:51 · 125 阅读 · 0 评论 -
es6学习之面向对象编程
class, extends, super这三个特性涉及了ES5中最令人头疼的的几个部分:原型、构造函数,继承...你还在为它们复杂难懂的语法而烦恼吗?你还在为指针到底指向哪里而纠结万分吗?有了ES6我们不再烦恼!ES6提供了更接近传统语言的写法,引入了Class(类)这个概念。新的class写法让对象原型的写法更加清晰、更像面向对象编程的语法,也更加通俗易懂。class Animal { ...转载 2018-06-21 11:27:17 · 624 阅读 · 0 评论 -
javascript数据类型
1.JavaScript的数据类型有哪些:number、string、boolean、undefined、null、object 2.JavaScript的基本数据类型有哪些:number、string、boolean、undefined、null 3.能被typeof弹出的数据类型有哪些:number、string、boolean、undefined、object 4.能被typeof...原创 2018-06-09 07:59:15 · 121 阅读 · 0 评论 -
javascript的数值运算规则
1.数字和字符串相加,会转换成字符串;数字和字符串相减,会转换成数字 2.布尔类型在参与数字运算的时候,会转换成数字 3.布尔类型与字符串相加,布尔类型会被当做字符串 4.布尔类型与字符串相减,布尔类型会被当做数字...原创 2018-06-09 08:04:10 · 707 阅读 · 0 评论 -
几种js算法
1.水仙花数<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/JavaScrip原创 2018-06-09 08:37:47 · 284 阅读 · 0 评论 -
鼠标滚动异步加载问题实例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1.0,m原创 2018-06-10 20:24:31 · 609 阅读 · 0 评论 -
判断滑动事件
<script> $(function(){ //判断左滑 var startPageX=0; var startPageY=0; $(".box1").on("touchstart",function(e){ startPageX=event.targetTouches[0].pageX; startPageY=event.targetTo...原创 2018-06-10 20:38:38 · 489 阅读 · 0 评论 -
H5文件上传读取
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="file" multiple id=原创 2018-06-10 20:50:29 · 1072 阅读 · 0 评论 -
自定义视频
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value=&quo原创 2018-06-10 21:08:47 · 274 阅读 · 0 评论 -
js闭包问题
<script> function getnumber (){ var number= 10 var show= function(){ console.log(number) number++ }...原创 2018-06-20 18:26:54 · 131 阅读 · 0 评论