- 博客(24)
- 收藏
- 关注
原创 vue 动态组件名_vue动态组件的使用,根据后端返回的信息对本地组件进行动态排序...
后端返回的数组里边元素的顺序是动态的,比如: [“001”,“002”,“003”] 或 [“003”,“002”,“001”] 或 [“002”,“003”,“001”] 等等。3.这里我使用了axios模拟获取后端数组信息,来如何根据后端数组信息对本地组件动态排序。注意:One为我们当前注册在父组件的子组件的组件名称,如图1:(002 003 同理)使用axios,发送axaj请求,模拟请求后端数据,得到数组:tabListTmp,1.1 原先本地页面我们将页面拆成三个子组件,并在父组件中引入。
2022-09-06 14:53:57
589
1
原创 vue.nextTick()方法的使用详解
vue.nextTick()方法的使用详解面试中this.$nextTick大概是会被经常问到的问题了吧,下面就在这里总结记录一下他的用法及理解。定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom
2021-07-08 14:38:49
265
原创 深入点了解JSON.stringify使用
深入点了解JSON.stringify使用用过 json 的应该都知道,把一个对象通过 stringify 之后提交给后台是很常用的手段。但是 IE6-7 下没有 jsON 对象,所以要借助 json2.js 来实现。1、经典用法var data = [ {name: "悟空", sex:1, age: 30}, {name: "八戒", sex:0, age: 20}, {name: "唐僧", sex:1, age: 30} ];//JavaScript数组中包含对
2021-06-30 18:17:23
233
原创 javascript如何分装数据和方法
Javascript是一种基于对象的语言,你遇到的所有东西几乎都是对象。但是,他又不是一种真正的面向对象编程的语言,因为他的语法中没有class类。那么,如果我们要把“属性”(property)和“方法”(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?一、生成实例对象的原始模式假定我们把猫看成一个对象,他有“名字”和“颜色”两个属性。var cat = { name: '', color: ''}现在,我们需要根据这个原型对象的规格,生成两个实例对象。
2021-03-04 16:41:25
433
2
原创 const定义的对象,其属性是否可以改变
今天参加了一个面试,面试官问我const 定义一个对象,然后修改他的属性值可不可以,我想都没想,直接回答不可以,const不是定义常亮的吗?怎么可以修改?面试官微微一笑……面试结束后,查阅了一下const的定义,才明白了他的原理。const是用来定义常量的,而且定义的时候必须初始化,且定义后不可以修改。对于基本类型的数据来说,自然很好理解了,例如 const PI = 3.14。如果定义的时候不初始化值的话就会报错,错误内容就是没有初始化。具体的错误信息如下图:如果我们修改const定义的常量也是会
2020-10-21 19:45:28
4047
原创 父子组件的生命周期顺序
一、加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted二、子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated三、父组件更新过程父beforeUpdate->父updated四、销毁过程父beforeDestroy-&g
2020-10-20 15:53:30
451
原创 var let const的区别与理解
复制变量值复制基本类型的值var num1 = 5;var num2 = num1;num1和num2中的5是完全独立的,互不影响复制引用类型var obj1 = newObject();var obj2 = obj1;obj1.name = ‘lucyStar’;console.log(obj2.name);// lucyStar我们可以看到,obj1保存了一个对象的实例,这个值被复制到 Obj2中。复制操作完成后,两个变量实际引用的是同一个对象,改变了其中一个,会影响另外一
2020-10-15 17:10:55
170
原创 vue中函数方法的执行顺序
情景:vue框架中通常在created钩子函数里执行访问数据库的方法,然后返回数据给前端,前端data中定义全局变量接收数据但是如果你在created中执行了好几个访问数据库的函数,如果对他们的执行顺序是有要求的,那么哪个会先返回,哪个会后返回呢并不是谁在前谁就先返回,如果你这样想,并且在后执行的函数中对先执行的函数返回的数据进行操作,经常会报错,提示某些属性不存在,或未定义原因:这是因为js中默认执行网络请求是异步的,他们会按顺序发出请求之后就不管了,谁先返回是不确定的,这样在加载数据的时候不会因为
2020-10-14 14:58:05
5549
原创 ES6中的新特性
ES6中的新特性(一)ECMAScript6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。我们来看看ES6都做了哪些扩展。Let和const关键字变量的解构赋值字符串,数值的扩展数组,对象的扩展函数的扩展for…of先从let和const这两个关键字看起。let关键字类似于var,但是他又和var有些不同,主要有两点,避免了变量提
2020-10-12 16:27:33
120
原创 node.js历史老版本下载及版本切换
https://nodejs.org/en/download/releases/https://npm.taobao.org/mirrors/node在开发的工程中,我们可能需要经常切换node版本来应对不同的开发环境,所以需要经常使用不同版本的node一、安装npm插件n ,通过n模块来管理node版本1、全局安装n模块npm instlal -g n2、安装当前稳定版本n stable或者sudo n stable3、安装最新版本的n latest或者sudo n latest4、安
2020-09-01 13:21:07
10980
1
原创 vue自定义指令v-nodata在项目中的使用总结
自定义指令首先需引入vue,import Vue from ‘vue’全局注册一个自定义指令: v-nodata,Vue.directive(‘nodata’, ‘需要用到的钩子函数’)将需要用到的钩子函数单独写在一个js中,然后引入noData.js。import noDataDirective from './noData'Vue.directive('nodata', noDat...
2019-12-13 10:58:52
875
原创 脚本编辑CodeMirror的用法与配置
1、npm install vue-codemirror-lite, 安装vue-codemirrir-lite;2、在需要用到的文件里面引入{codemirror}, codemirror/lib/codemirror.css, 语言:codemirror/mode/python/python.js,主题样式:codemirror/theme/blackboard.css, codemirr...
2019-12-13 10:56:23
1808
转载 关于飞机绕地球飞行一圈的加油问题
已知:每个飞机只有一个油箱,飞机之间可以相互加油,注意是相互,没有加油机,一箱油可供一架飞机绕地球飞半圈。问题:为使至少一架飞机绕地球一圈回到起飞时的飞机场,至少需要出动几架飞机?A:所有飞机从同一机场起飞,而且必须安全返回机场,不允许中途降落,中间没有飞机场B:所有飞机从同一机场,同一方向起飞,而且必须安全返回机场,不允许中途降落,中间没有飞机场下面就是我给出的答案:至少需要三架飞机...
2019-10-12 11:19:39
652
原创 vue使用axios实现与后台Java调用
先安装axios:npm install axios再在main.js中引入下图配置:import axios from 'axios'Vue.prototype.$axios = axios// axios 配置axios.defaults.timeout = 5000;//axios.defaults.headers.post['Content-Type'] = 'applic...
2019-09-29 09:58:27
670
原创 前端使用crypto.js进行加密解密
最近在保存数据的时候,接触到crypto,在这里记录一下。可以在这个GitHub的https://github.com/brix/crypto-js上下载该js,它可以单独引入所需要加密方式的js;也可以引入一个crypto-js.js 这个文件,它相当于引入了所有的加密方式,我使用的就是后者一次引入所有的加密文件。因为我的需求是加密可逆,具有一定的安全性(对安全性要求并不是特别高),所以使用...
2019-09-27 14:17:18
3868
转载 Vue中ref属性与refs
ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例注意:只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册实例:这里为了在create的时候引用DOM元素,先在DOM中使用ref标签进行了注册,然后便可以通过’this.$refs’再跟注...
2019-09-20 18:17:26
326
原创 vue中一些需要注意的点
1.修改prop中的数据每次父组件更新时,子组件的所有 prop 都会更新为最新值。不能在子组件内部改变 prop。如果这么做了,Vue 会在控制台给出警告。在两种情况下,我们很容易忍不住想去修改 prop 中数据:Prop 作为初始值传入后,子组件想把它当作局部数据来用;Prop 作为原始数据传入,由子组件处理成其它数据输出。对这两种情况,正确的应对方式是:定义一个局部变量,并用 p...
2019-08-27 14:36:21
311
原创 时间戳与日期之间的转换方法
时间戳与日期之间的转换1、将时间戳转换成日期格式:var date = new Date(时间戳); //获取一个时间对象下面是获取时间日期的方法:比如需要这种格式的日期==》yyyy-MM-dd hh:mm:ssvar date = new Date(1566921599000);y = date.getFullYear() + '-';M = (date.getMonth()...
2019-08-27 11:02:12
423
原创 vue中watch和computed的分析
vue中watch和computed的分析在某些场景中watch和computed有相同的用处,下面来详细说明其异同之处。先来说说computed属性:computed是一个计算属性,类似于filter过滤属性,对绑定到view上的数据进行处理并响应。computed的用法:data: { firstName: 'Foo', lastName: 'Bar' }, ...
2019-08-26 17:20:53
420
原创 node——响应数据类型 Content-Type(解决中文乱码问题)
第一个node服务器程序:新建一个空文件夹:project,在project文件夹里新建一个js文件,复制如下代码:const http = require('http');const hostname = '127.0.0.1';const port = 3000;const server = http.createServer((req, res) => { res.s...
2019-08-20 15:58:27
691
原创 cascader级联选择器的用法
cascader级联选择器的用法cascader级联选择器一般用在省市联动选择,分类选择等地方。在传值方面需要注意必须传数组,不能传字符串,不然会有vue警告。就拿elementUI中的cascader来举例子:options传的值就是要显示的所有选择项,属性show-all-levels定义了是否显示完整的路径,将其赋值为false则仅显示最后一级,比如陕西省/西安市,则显示西安市。默...
2019-07-22 14:34:25
1542
原创 vue去除字符串前后空格
vue去除前后空格在表单验证里面有时候会验证名字的重复性,但是如果前后有空格,就会显示名字不同,这显然不正确,在这个时候就需要将字符串前后的空格去掉,才能传给后台,下面就来介绍一下vue中去除字符串前后空格的方法。使用v-model.trim来绑定去除输入字符串的前后空格。...
2019-07-22 14:11:54
8156
3
原创 vue二级路由和重定向问题
如果不使用二级路由,而且项目中有很多router-view的话,router-view中的内容显示就会产生混乱,这样就不太友好。当触发二级路由时,此路由就会将对应内容传给自己父级路由组件里的router-view中显示,这样内容就不会混乱。下面来介绍一下二级路由和重定向的使用:二级路由的配置,给对应的一级路由加children属性数组,里面放置二级路由。使用时直接在父级路由中添加router...
2019-06-24 14:51:04
3628
转载 vue创建项目的步骤
vue创建项目的步骤这是我第一次写文章,以后有什么问题就用这个来记录吧,俗话说:“好记性不如烂笔头”还是很有道理的。接下来就开始吧……1.由于vue项目依赖node.js npm需要安装。若 没有请先安装:检查是否有node.js npm vue1)window+R输入cmd输入node -v 回车 会出现node.js的版本输入npm -v 回车会出现npm的版本2.安装vuen...
2019-06-20 14:28:13
720
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人