知行合一

js根据数组对象属性删除数组指定的对象

1、就是某种情况下，我们需要判断一个数组的每一个下标值为对象时，我们再给它push一个对象属性，但是这个对象的属性值不能相同，所以要查看它是否存在相同的属性值。例如，下面的数组，我们要在给他添加一个对象，但是对象里面prop的属性值，如果已经有了，就不添加， const arr = [ { label: "ip地址", prop: "ip", type: "input" }, { label: "服务器端口", prop

在项目开发中客户突然提出这样的一个需求，客户需要在查看某一个页面时，这个页面需要登录才能查看评论或者提交问题，或者…等，需要有权限的才能查看的信息，这时客户会点击登录界面，但是登录后又跳转到刚刚浏览的那个页面，而不是首页，之前设计的是直接登录后，返回到用户中心，面对这种需求，这种问题该如何去做呢？1、router.currentRoute:当前的路由信息对象，我们可以通过router.currentRoute.fullPath获得解析后的 URL，包含查询参数和 hash 的完整路径，如果要访问的页面的路

首先，这两个方法map()和filter()都是对调用他们的数组进行遍历。那么我们在项目中，什么情况下使用map()，又在什么情况下使用filter()呢？在了解这个问题之前，我们需要知道的是他们区别在哪儿？1、map()的使用方法：arr.map((item,index,array)=>{……})2、filter()的使用方法：arr.filter((item,index,array)=>{……})都是将函数写在方法的括号里，参数也一样，行参的参数说明：item：当前处理

1、先定义一下数据类型interface entity { id: any; label: string; children?: children[];}2、定义子级数据类型interface children { id: any; label: string; children?: children[];}3、定义方法const returnList = (list: entity) => { if (list.children && l

官方网站：https://vuex.vuejs.org/zh/项目中安装vuexnpm install vuex -S在项目的src目录下新建一个目录store，在该目录下新建一个index.js文件，我们用来创建vuex实例，然后在该文件中引入vue和vuex，创建Vuex.Store实例保存到变量store中，最后使用export default导出store：import Vue ...

vuex中使用module：可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。1、模块内部的数据：①内部state，模块内部的state是局部的，也就是模块私有的，比如是addRoutes.js模块state中的count数据，我们要通过this.$store.state.addRoutes.count获取2、内部getter、m...

代码示例：this.$store.commit('loginStatus', 1);this.$store.dispatch('isLogin', true);规范的使用方式：// 以载荷形式store.commit('increment'，{ amount: 10 //这是额外的参数})// 或者使用对象风格的提交方式store.commit({ type: ...

1、export与export default均可用于导出常量、函数、文件、模块等2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用3、在一个文件或模块中，export、import可以有多个，而 export default 仅有一个4、通过export方式导出，在导入时要加{ }，export default则不需...

computed：通过属性计算而得来的属性1、computed内部的函数在调用时不加()。2、computed是依赖vm中data的属性变化而变化的，当data中的属性发生改变的时候，当前函数才会执行，data中的属性没有改变的时候，当前函数不会执行。3、computed中的函数必须用return返回。4、在computed中不要对data中的属性进行赋值操作。如果对data中的属性进行赋...

1、as关键字表示断言在Typescript中，表示断言有两种方式。一种是扩号表示法：let someValue: any = "this is a string";let strLength: number = (someValue).length;另一种使用as关键字：let someValue: any = "this is a string";let strLength: number = (someValue as string).length;2、问号(?)用于属性定义问号表

问题：在项目中，每次页面刷新的时候会自动弹出一个通知消息，而且都是没有任何内容，直接弹出，一个一个的排查也不知道问题出在哪儿？最的发现是：该情况只在引入局部插件才会引起import Vue from 'vue'import 'element-ui/lib/theme-chalk/index.css'···import { ... Message, ...} from 'el...

场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。父组件中：<li v-for="article in articles" @click="getDescribe(article.id)">方案一： getDescribe(id) {//直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: ...

1、form-data:就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。当上传的字段是文件时，会有Content-Type来说明文件类型；content-disposition，用来说明字段的一些信息；由于有boundary隔离，所以multipart/form-data既可以上传文件，也...

TypeScript定义的变量，在使用时，提示错误，如下 const { importance, type, title, page = 1, limit = 20, sort } = req.query let mockList = articleList.filter(item => { if (importance && item.importance ...

var str = '这是一个字符串[html]语句;[html]字符串很常见';//移除字符串中的所有[]括号（不包括其内容） console.log(str.replace(/\[|]/g, ''));//=>这是一个字符串html语句;html字符串很常见//移除字符串中的所有[]括号（包括其内容）alert(str.replace(/\[.*?\]/g, ''));//=&...

1.awaitawait 的意思就是等待。它后面可以跟一个表达式。如果是值(如字符串、数字、普通对象等等)的话，返回值就是本身的值。不过最常用的是后面跟一个promise 对象。await会等待这个promise的状态由pending转为fulfilled或者rejected。在此期间它会阻塞，延迟执行await语句后面的语句。如果promise对象的结果是resolve，它会将resol...

html代码： <div id="app"> <ul> <li><span><input type="checkbox" v-model="allcheck" /></span>全选</li><br /> <li v-for="it...

错误示范，splice直接删除元素，数组会变短，循环会丢失删除元素的后一个元素var arr = ['a', 'b', 'c', 'a', 'a', 'd']arr.forEach((item, index) => { if (item === 'a') { item.splice(index, 1) } }) // arr = ['b', 'c', 'a', 'd']...

Javascript：匹配所有“\r\n”的正则表达式，把换行符替换成var atStr="字符串";var dataAt=atStr.replace(/(\r\n)|(\n)/g,'<br>');return "<p class='text-left pl-10 pr-10'>堆栈信息<br>"+dataAt+"</p>";代码如下：<script> function atStr (

<script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIp

点击button时，提示信息显示，8秒后，信息隐藏。<input id="place_order" name="place_order" type="submit" /><div class="after_submit_remind" style="display: none;"> 请耐心等待，这段文本显示8秒后会消失，安拓网络。</div>jQuery(document).ready(f

1.对象字面量表示法 2.Module模式 3.AMD模块 4.CommonJS模块 5.ES Harmony模块 6.Imports和Exports模块 7.模块加载器 API

1.单一全局变量 2.命名空间前缀 3.对象字面量表示法 4.嵌套命名空间 5.立即调用的函数表达式 6.命名空间注入 7.自动嵌套的命名空间

javascript和其他编程语言相比比较随意，所以javascript代码中充满各种奇葩的写法，有时雾里看花，当然，能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法，最初我以为是一个括号包裹匿名函数，再在后面加个括号调用函数，最后达到函数定义后

javascript获取select值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>javascript获取select值</title></head><script> //javascript获取选中select值 /* var obj = docume

<script> window.onload=function() { var obj = {name: "xxx", age: 30, sex: "female"};//定义一个object对象 var str = ''//定义一个空字符用来接收对象里的key或者value for(var item in obj) {//遍历item变量里的

JS中的数据类型：数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义数字类型var i = 100;alert( typeof i );// number(既然是数字类型，就可以进行计算：+，-，*，/等)

转换成整数：parseInt()例如，如果要把字符串 “1234blue “转换成整数，那么parseInt()将返回1234，因为当它检测到字符b时，就会停止检测过程。字符串中包含的数字字面量会被正确转换为数字，因此 字符串 “0xA “会被正确转换为数字10。不过，字符串 “22.5 “将被转换成22，因为对于整数来说，小数点是无效字符。parseInt("1234blue"); //ret

在js中，查找数组里面的所有数字<script>var arr = [ '100px', 'abc'-6, [], -98765, 34, -2, 0, '300', , function(){alert(1);}, null, document, [], true, '200px'-30,'23.45元', 5, Number('abc'), function(){ alert(3); }, '

1、创建元素动态创建新的DOM元素，是js操作网页对象模型的重要手段之一。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>创建新元素</title> <script type="text/javascript"> //创建新元素 function cre

常见的js动态加载技术之一是把一些逻辑独立的js脚本文件单独加载。这样做的好处是，比如可减少不必要的js脚本文件的加载，以提高网页浏览器的速度。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态加载js</title> <script type="text/javascript">

JavaScrip数组去重第一种方法： var arr = [1, 2, 3, 4, 1, 2, 4, 5, 6]; console.log(arr); Array.prototype.unique = function() { var n = [this[0]]; //结果数组 for(var i = 1

NaN有两中通用判定方法和数组中一种判定方法：一个是绝对不全等于(===)自身一个是ES6的isNaN()数组原型链上的Array.prototype.includes()不等特性,需要借助占位符var arr=[1,1,'true',true,true,5,'F',false, undefined, null,null,undefined, NaN, 0, 1, 'a', 'a', NaN,

<script> var obj=[{"a":"11","b":"22","c":"6"},{"a":"12","b":"23","c":"8"}]; function getInfo(obj, param1, param2){ for(var i=0;i<obj.length;i++){ if((obj[i].a==param1 && obj

<script> var values=function(object) { var values = []; for (var property in object) values.push(object[property]); return values; } //写成标准的方法(数组是object的一

<script>// js获取对象中的属性值 var slideArray = { slides: [ { "imgsrc": "a.jpg", "url": "", "alt": "这是a图片" }, { "imgsrc": "b.jpg", "url": "", "alt" : "这是b图片" }, { "imgsrc": "c.j

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>javascript用for循环制作一个V</title> <style> div{ height:50px; width: 50px; line-h

javascript中使用for循环遍历数组里数组的值var arr = [ [1, 3, 4, 56], [5, 8, 9], [2, 7, 6] ];for(var i = 0; i < arr.length; i++) { for(var j=0;j< arr[i].length;j++){ console.log(arr[i][j])

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>定时器的应用</title> <style> #Div1 { width: 100px; height: 100px; position: absolute; background-color: red; top: 50p