文章目录1、安装2、使用2.1、导入路由2.2、 创建2.3、创建路由实例2.3、导出2.4、使用2.5、使用router-link 完成切换2.6、介绍2.6.1、to2.6.2、active-class2.6.3、exactactive-class与exact 的使用例子2.6.4、使用children实现页面的显示2.6.5、使用 this.$route 去解决 2.6.4的问题2.6.6
在项目中会遇到开发环境和正式环境访问效果不一样，例如开发环境可以正常访问但是打包之后放到服务器上，图片居然访问不到了等等。。。。对于以上问题提供两种解决方案：第一：对于背景图片访问不到的情况，如下这种写法在打包正式环境下是无法访问的，.login {
width: 100%;
height: 100%;
background: url("../ass
ECMAScript1ES6基础1.1ES6简介1.2let命令1.3const命令2.变量的结构赋值2.1数组的解构赋值2.2对象的解构赋值2.3解构赋值的主要用途3.箭头函数3.1箭头函数的定义3.2箭头函数与解构赋值4.数组方法4.1map（）方法4.2forEach（）方法4.3filter（）方法4.4every（）方法和some（）方法4.5reduce()方法5.字符串的扩展5.1
legend2---开发日志7（vue的使用场景有哪些，或者说使用的优缺点）一、总结一句话总结：任何页面都可以使用vue，尤其是有交互的或者用ajax的，但是vue插件及其它各种插件加载需要时间，所以会有延迟交互较多又想页面不重新刷新的ajax通信的优点：vue双向绑定省掉页面更新的那些js 缺点：vue加载延迟 1、让标签上移用什么操作（比如子元素和母元素之间有间隔，但是不方便操作母元
转载
2024-07-15 11:22:46
33阅读
函数增强写法# ES5const obj = { run: function() { }, eat: function() { }}# ES6const obj = { run() { }, eat() { }}属性增强法const name = 'Bill';const age =
原创
2022-06-27 11:16:05
242阅读
一.ES6新特性1.let和const原因： var有一个问题，就是定义的变量有时会莫名奇妙的成为全局变量let： let所声明的变量，只在let命令所在的代码块内有效const： const声明的变量是常量，不能被修改2.解构表达式数组解构let arr = [1,2,3] const [x,y,z] = arr;// x，y，z将与arr中的每个位置对应来取值对象解构const person
转载
2024-08-19 09:45:23
39阅读
vue中导入导出excel，并根据后台返回类型进行判断，导入到数据库中功能：实现js导入导出excel，并且对导入的excel进行展示，当excel标题名称和数据库的名称标题匹配时，则对应列导入的数据自动渲染展示在表格中，预览展示10条，不足10条的的用空行表示。可通过下拉框动态切换对应列的值。图片保存到系统中是将有src属性的img值替换为后台传递过来的七牛云地址，导入完成后，部分导入失败的数据
整个过程大概分两个部分： 1.安装node.js和npm 2.安装vue插件 一、首先安装node.js和npm 1.安装 直接在官网下载就可以，选择你所需要的版本，一般window选下面的这个就可以 点击下载的程序，点“next”进行安装， 注意可以根据自己的需要修改安装路径。然后一直next，直到install。安装完成finish 安装完成后，目录展示： 可以通过命令行验证是否安装成功：键盘
最近的一个项目使用的是React+React-router+Redux框架，刚开始编写代码的时候，客户的需求不明确，没有明确要求兼容IE8,当第一个版本出来之后，用户发现不能在IE8下使用，才提出兼容IE8的事情。但当时整体的代码框架和主要功能都已经实现，如果更换框架来实现，相当于放弃前面几个月的React代码重写。这带来的工作量是难以估计的。 查找网上的R
概述map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。语法
array.map(callback[, thisArg])参数
callback原数组中的元素经过该方法后返回一个新的元素。
currentValuecallback 的第一个参数，数组中当前被传递的元素。indexcallback 的第二个参数，数组中当前被传递
转载
2024-05-17 16:53:03
135阅读
ES5及ES6 JavaScript这种语言的基本语法结构是由ECMAScript来标准化的, 所以我们说的JavaScript版本一般指的是ECMAScript版本.es5是2009.12月发布的，es6是2015.6月发布的。vue2完全支持es5的（vue3完全支持es6的），react完全支持es6一、es5的新特性1、严格模式（对应的相反的称为怪异模式）'use strict'
转载
2024-04-09 16:26:44
221阅读
目录 1. 变量的定义letconst2. 模版字符串3. 数据解构4. 函数扩展设置默认值箭头函数5. 类的定义 class6. 对象的单体模式 "@ ES6新增了关于变量的定义，函数扩展，数据结构，类，模块等概念，本文将详细介绍常用的ES6语法。 ***1. 变量的定义letES6中新增了let语法，用来声明变量，用法类似var。 ==let定义的变量只在当前代码块内有效.== 如下示例
一、模块化1.什么是模块化模块化就是把系统分离成独立功能的方法，这样我们需要什么功能，就加载什么功能每个模块都是独立的，良好设计的模块会尽量与外部的代码撇清关系，以便于独立对其进行改进和维护可以重复利用，而不用经常复制自己之前写过的代码 模块化主要解决两个问题，"命名冲突"、"文件依赖"。1）命名冲突在一个js文件中，如果我们的两个变量名字相同，则前面的会被覆盖，而在不同的js模块，就可
转载
2024-07-22 17:03:54
176阅读
一.Vue 模块化1.es6模块化用法1.1 默认导出解释：这样里面的内容就可以供其调用，接受：import char from './1.js'，其中参数char就表示默认导出的所有内容即export default里面的内容let a = 5
let b = 6
export default{a,b}1.2 按需导出解释：跟上面数据互不相通，按需导入：import {c,d},char fro
vue 简介：Vue 是我们的前端三大框架之一，Vue 是一个渐进式框架。Vue 不支持 IE 浏览器的 IE8 版本及以下因为 Vue 里使用了 es5 的新特性，而 IE8 不支持 es5 的新特性。要使用 Vue 最基础的一件事情就是要去官网上先下载 Vue.js。建议在使用 Vue 进行项目开发时先在谷歌浏览器中安装一个叫：vue devetools 的扩展程序。以及在 Vs code 中
转载
2024-03-26 15:48:37
133阅读
动态导入是JavaScript ES2019中新增的语法特性，它可以通过将代码按需导入，从而实现更加高效的加载方式。动态导入允许用户在运行时动态地加载模块，这是ES6中静态导入所无法实现的。在实际运用当中，我们可以通过导入语法结合WebPack等打包工具，来构建出一个按需加载的前端工程，实现对运行时依赖的处理。通过动态导入，我们可以在代码运行时才加载需要的模块，而不是将所有的模块一次性加载，这样一
转载
2024-04-20 20:14:02
357阅读
创建对象我们开始可以用Object构造函数或者对象字面量来快速创建对象，但使用这种方式创建多个对象时会产生大量重复代码，所以我们有了以下几种创建对象的方式。（1）工厂模式function createPerson(name, age,sex){ //传入的参数可以类比成送入工厂的原材料
var o = new Object();
o.name = name;
转载
2024-03-21 14:21:34
60阅读
1995年，JavaScript作为网景浏览器的一部分首次发布，起初并不叫JavaScript，而是叫LiveScript，但是因为当时Java正火，也算是为了搭上java的顺风车，于是改成了JavaScript，然而二者一点关系也没有。 1996年的时候，网景将JavaScript提交给了
转载
2024-04-22 05:54:46
38阅读
目录1. 介绍1.1 说明1.2 安装 1.3 分析vue 脚手架1.3.1 子文件1.3.2 src 文件夹 1.3.3 public 文件夹1.4 render 函数1.5 脚手架的默认配置1.6 ref 属性1.7 props 父传子参数 1.8 mixin 混入1.8 插件1.9 scoped 样式 2. ToList案例2.1 组件化编
1.3.1 通过 与大多数的前端框架库一样，在 HTML 页面中，可以通过 <script src="https://unpkg.com/vue@next"></script>当然，可以将这个链接指向的 JavaScript 文件下载到本地计算机中，再从本地计算机导入。需要说明的是，Vue.js 3 有多个版本，例如 Vue.js 3.0.0、Vue.js 3.1.0等，同
