一枚小小的菜鸟-CSDN博客

转载原生 dom动态增加style样式

<span id="a" class="b">hello world</span> <script type="text/javascript"> function addStyleNode( str){ var styleNode=document.createElement("style"); styleNode.type="text/css"; if( styl...

2021-08-04 12:19:31 2344

原创 elementui 导航菜单嵌入组件时鼠标移出弹窗之外，有时候弹窗没有关闭？

data() {inhistorypanel:false, // 增加一个变量用来判断鼠标是否在面板内}chkIn() {this.inhistorypanel = true;},chkOut(){this.inhistorypanel = false;setTimeout(()=>{if(!this...

2021-06-25 16:50:48 569

原创数组中包含对象如何去重

数组中包含对象如何去重letarr=[{id:1,pid:1},{id:2,pid:1},{id:2,pid:1},{id:3,pid:1},{id:6,pid:1},{id:3,pid:1},{id:6,pid:1},]//console.log([...newSet(arr)],'===sfdgsdfgs')//c...

2021-02-19 18:26:05 1173 1

forEach 如何跳出循环？场景：我添加了很多空的input框，而且用户可以随意的增加或者删除空行，旁边有个按钮，点击按钮可以往input框里面输入内容；我用forEach循环这个input框列表，然后找到第一个空行把内容填充上之后就跳出循环；用return false 报错了。。。然后使用try catchtry{ this.list.forEach((item,index)=>{ if(item.text==='')...

2020-11-05 15:03:45 624

原创比较两个数组（数组中是对象）是否完全一样

function arrayCompare(source,target){ return (source.length === target.length && source.every(item,index)=>item.value === target[index].value)}

2020-07-02 22:02:55 489

原创创建一个10个a标签点击每个标签弹出不同的序号

var ifor(i = 0;i < 10;i ++){ (function(i){ // 作用域函数 var a = document.createElement('a') a.innerHTML = i + '<br>' a.addEventListener('click',function(e){ e.preventDefault() alert(...

2020-07-02 20:40:50 192

原创 $emit input会有事件穿透现象

描述：祖先组件一级 <grandfather></grandfather>父级组件二级 <father></father>子组件三级 <son></son><grandfather> <father></father> <son><...

2020-03-20 16:42:34 584

原创事件冒泡

问题：点击一个input框，弹出一个弹出框点击空白区域，可关闭该弹出框；但是该弹出框中的input框中有一个清空按钮点击该清空按钮之后就能关闭该弹出框了；原因是事件冒泡；点击该弹出框的清空按钮的同时也点击了空白区域；解决办法：利用阻止事件冒泡的方法；clear(){ let input: any = this.$refs.input; input.forEach(...

2019-10-31 13:36:54 127

原创深克隆与浅克隆

什么是深拷贝？什么是浅拷贝？深拷贝是：复制并创建一个一摸一样的对象，不共享内存，修改新对象，旧对象保持不变；浅拷贝是：只复制指向某个对象的指针，而不复制对象本身，新旧对象共享一块内存；①递归完成深克隆function deepClone(arr){ if(typeof arr != "object"){ return arr; ...

2019-10-08 11:31:51 66

原创 git命令总结

查看本地分支：git branch查看远程分支：git branch -r查看所有分支：git branch -a切换分支：git checkout +“分支名”新建一个分支：git branch +“分支名”新建一个分支并切换到这个分支上：git checkout -b +“分支名”删除分支①如果需要删除的分支不是当前正在打开的分支，使用branc...

2019-09-29 18:28:09 74

原创 scrollBy与scrollTo的区别

今天遇到一个问题：①vue项目中，由一个页面进入到另一个页面。滚动条会默认记住前一个页面滚动条的位置；这时用vue自带的设置滚动条的默认行为；（这个是设置路由跳转时）scrollBehavior(to, from, savedPosition) { return { x: 0, y: 0 }}②表格在切换分页时，滚动条会默认记住上一页的滚动条的位置，但需求是切换分页滚动...

2019-09-24 17:01:59 719

原创 vue生命周期的理解

vue实例化：创建的一个Vue的对象，里面包含的钩子函数有：data、methods、computed；vue的loading加载不好用的时候：vue中动态渲染表格时loading状态加不上，原因是数据虽然已经出来了，但是视图一直在重绘；解决方法：初始化的时候给loading赋予true，updated的时候将loading改为false；beforeCreate: 实例被创建出来，...

2019-09-20 18:49:26 76

原创正则表达式中的“贪心”与“不贪心”

比如/https?:\/\/.*?\s/ig 是用来匹配开头是http://或https:// 结尾是空格的字符串贪心就是一直匹配知道匹配到字符串结束不贪心就是遇到匹配成功的字符串就算成功（加? 也就是.*后边的？）例如匹配“是订单付款单付款http://www.baidu.com 胜多负http://www.jd.com 胜多负少”贪心能匹配出一个链接不贪心能匹配...

2019-09-04 13:41:25 1010

原创 elementui中upload无法删除问题

<el-upload action="#" list-type="picture-card" :auto-upload="false" ref="upload"> <i slot="default" class="el-icon-plus"></i> <div slot="file" slot-scope="{fi...

2019-08-25 11:35:37 5843 3

原创 ./ ../ /的区别

./ 当前目录，about是about.jsp的当前元素../父级目录，system是about.jsp的父级/根元素，是指这个项目中的根

2019-07-03 14:49:14 275

原创 for in 与 for of循环的区别

推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of1⃣️都可以循环数组，但是for of不能循环自定义的属性for of1⃣️循环不仅仅支持数组的遍历，同样适用于很多类似数组的对象。2⃣️它也支持字符串的遍历3⃣️for-of 并不适用于处理原有的原生对象...

2019-06-25 16:10:04 2228

原创 js attr&&prop

今天在做项目时，遇到一个问题：我在用radio组做编辑时，radio的选中状态会记住上次的选中状态；在这里我用的是attr属性$(this).attr("checked",false);后来我将attr换成prop：$(this).prop("checked",false);就好了prop是处理html元素本身就自带的固有属性，attr是处理我们自定义的dom属性。...

2019-03-21 17:29:44 259

原创 that和this

　this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的$("#box").click(function(){//this是被点击的#box})$("#box").each(function(){ var that = this;//this是box循环中当前的对象//that是被点击的#box})...

2019-03-19 17:28:13 135

转载 Vue知识点整理

一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，Vi...

2019-02-27 13:10:28 100

转载 vue-router传递参数的几种方式

2019-02-25 13:41:21 139

原创 elementui + table +pagination分页

size-change:pageSize 改变时会触发;current-change:currentPage 改变时会触发;handleSizeChange方法用来获取size的值，handleCurrentChange用来获取page的值；加一个watch监听，用来获取随时改变的page，size；<template> <div> <el-t...

2019-02-13 10:10:24 828

原创 cookie和session localStorage和sessionStrorage

cookie是①存储在本地浏览器②<4kb 获取： request.cookies.get(key, '默认值'); 设置： resp.set_cookie(key, value , max_age=)session是①存储在服务器②存储在服务器端的数据更加安全③会占用服务器的资源localStorage:(属于永久存储) 解决cookie存储空...

2019-02-13 10:09:48 605

转载 Hbuilder的手机真机调试

在Hbuilder上面首届的调试可以分为俩种，第一种是直接打包成安卓，ios的原生app以后发送到手机上面直接运行，操作方法是在自己所建立的移动项目下面找到manifest.json文件，点开之后填写版本信息，appid可以直接从云端获取，下面的每一项都是可以点开的，点开配置你所需要的信息然后点击菜单栏里面的发行点击第一项，发行为原生安装包然后会出来上面的提示框，可以选...

2019-02-13 10:08:36 2116

原创几种操作数组的方法 forEach,each,filter,map,find,some,every,includes,reduce

①forEach //forEach 主要是函数中 doSomthing，对数组中的每一个数据都进行操作；类似于eachlet numbers = [1,2,3];let newNumbers = numbers.forEach(function (currentValue,index,arr) { console.log(currentValue) c...

2019-01-24 13:21:59 358

原创 iview Radio 在render函数中默认选中

render: (h, params) => { return h('RadioGroup', { props: { value: params.row.RadioValue //这里的value值对应Radio中的label中的值 } }, [h("Radio", { props: { label...

2019-01-18 10:51:10 2077

原创利用伪类元素实现背景图的叠加

body, main::before{ background: url("tiger.jpg") 0 / cover fixed;}main { position:relative; background: hsla(0,0%,100%,.3);}

2019-01-17 15:56:35 770

原创 select无法自动填充

在做项目的时候遇到这么个问题：Select不能自动填充可能原因：数据是异步请求的，用push方法没有调用vue中的set方法，没有渲染页面，所以要用等于号； ...

2018-12-13 17:31:51 362

原创 vue redirect重定向

警告信息：[vue-router] Duplicate named routes definition: {name: "index",path:"/index"} [vue-router]复制命名路由定义可能原因：同一个项目中同一个路由因为项目需要写了两次，比如做一个项目分为一期和二期；其中一期和二期部分页面是相同的，那么会在两个路由中写同一个页面的路由；...

2018-12-10 11:40:37 5286

原创 vue引用 js函数中的函数

通过将js文件中的方法名return出来，先声明一个变量，根据这个变量就可以访问这个函数中的内容了。vue文件中：mounted() { this.myChart = echarts.extendsMap('myChartContainer',{ })},methods: { searchCity() { this.my...

2018-11-15 14:48:49 5727

转载闭包

产生闭包的原因：受JavaScript链式作用域结构的影响，父级变量中无法访问到子级的变量值，为了解决这个问题，才使用闭包这个概念；闭包的本质还是函数，闭包的三大特点为：1、函数嵌套函数2、内部函数可以访问外部函数的变量3、参数和变量不会被回收。 function test() { var a=1; return functio...

2018-10-07 09:17:40 396

转载 canvas剪切下载

附源码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .mark{ positi

2018-09-21 09:31:10 70

翻译几种获取字符串的方法

①substring //substring(start,end)表示从start到end之间的字符串，包括start位置的字符但是不包括end位置的字符var str = "123abc456";str1 = str.substring(0,6);console.log(str1)//123abc②substr //substr(start,l...

2018-09-18 18:10:07 1330

转载 ajax请求的data数据格式 json，json字符串，标准参数

ajax提交data类型一、问题来源今天使用ajax时，发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递data时的不同。二、概念ajax有三种传递传递data的方式：json格式 json字符串格式标准参数模式1.json格式形如： {“username”:”chen”,”nickname”:”...

2018-08-29 09:08:24 4422

转载 promise

promise js 有哪些优点2014年07月18日 18:06:53 阅读数：3691处理异步请求，我们一般这样写要求：先取得用户姓名，在根据姓名，取得用户的手机号 $.get('xxx.com/getUserName',function(data){ $.get('xxx.com/getMobile',{user:data.userName},fu...

2018-08-28 17:06:44 114

原创 new+函数名和直接调用函数的区别

function Person(name,age) { this.name = name; this.age = age; console.log(this)//此时的this指Person对象； }var person = new Person("张三",18)返回的新对象是由解析器自己生成的。 function Person(name,age...

2018-08-02 09:29:15 1267

原创 RegExp匹配的结果是个数组

之前没有理解到regexp所匹配的结果。var text = "mom and dad and baby";var pattern = /mom (and dad (and baby)?)?/ig;var matches = pattern.exec(text);console.log(matches);返回的数组是一个Array实例，包含两个额外属性：index(表示匹配...

2018-07-26 09:31:37 1094

原创 form表单没有回调函数

$(selector).submit()是一个方法$(selector).submit({function(){}})是一个事件，就跟 $.click() 和 $.onClick(function(){})一样

2018-06-14 16:07:13 1451

qq_38180363的博客