- 博客(24)
- 收藏
- 关注
RSS订阅原创 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关注的人