ks795820的博客

html中新增标签canvas的介绍

grid布局

CSS中常用的flex布局

页面中实现导入表格的三种方式，包括纯前端以及前后端配合方式

利用element-ui实现表格动态增删，并实现将表格中复制的文本自动解析到页面进行展示功能注意 删除按钮可设置第一行不可见或不可用，以防用户将模板行删掉；或利用表格动态增减 上面用表单的方法虽然实现了我们的动态增减功能，但是表头标题每次复制时都会重现一行，有些冗余，基于此，如果我们利用表格形式，只复制表格内容，表头标题只出现一次，岂不美哉？其余部分与表单方法一样；上述方法虽然弥补了表单缺陷，但是表格组件中无对数据......

国际化配置即多语言配置，使用到的插件是vue-i18n，本例中亦通过设置下拉选框，切换界面语言；安装依赖npm install vue-i18n@8.26.5 --save亲测该版本有效～在main.js中引入并尝试打印看下是否引入成功；import VueI18n from 'vue-i18n'console.log(VueI18n, 'VueI18n');控制台输出则表明成功引入；配置多语言文件在项目asset目录下新建language/language文件夹，

批量导入自定义svg图片如果项目中需要用到自定义的svg图片，则可用如下方法批量导入svg图片：安装插件在项目目录下，安装svg-sprite-loader插件；npm install svg-sprite-loader --save创建SvgIcon组件在components文件夹下新建SvgIcon文件夹，并在SvgIcon文件夹下新建index.vue文件，内容如下：<template> <svg :class="svgClass" aria-hi

NProgress是页面跳转时出现在浏览器顶部的进度条，如下所示：nprogress使用起来非常简单；安装npm install nprogress --save使用主要用到两个代码：NProgress.start(); // 路由进入之前NProgress.done(); // 路由进入之后使用时在路由的index.js文件中，先导入，再使用：//导入import NProgress from 'nprogress'import 'nprogress

依次执行如下命令即可：sudo npm uninstall npm -gsudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*sudo rm -rf /usr/local/include/node /Users/$USER/.npmsudo rm /usr/local/bin/nodesudo rm /usr/local/share/man/man1/node.1sud

目录简介安装与基本使用路由器的工作模式嵌套路由params传参和query传参query传参params传参命名路由路由组件传参（props配置）对象模式布尔模式函数模式router-link的replace属性编程式路由/导航缓存路由组件路由守卫/导航守卫全局守卫独享守卫组件内守卫路由元信息完整的导航解析流程简介Vue-router是vue的一个插件库，专门用来实现SPA（single page web app

简介Vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。该状态自管理应用包含以下几个部分：state，驱动应用的数据源； view，以声明方式将state映射到视图； actions，响应在view上的用户输入导致的状态变化。以上，就是一个表示“单向数据流”理念的简单示意，但是当我们的应用遇到多个组件共享状态时，单项数据流的简洁性就会很容易被破坏：多个视图依赖于同一状态。 来自不同视

vue脚手架即@vue/cli，Cli是command line interface是一个基于Vue.js进行快速开发的完整系统，Vue CLI致力于将Vue生态中的工具基础标准化，它确保了各种构件工具能够基于智能的默认配置即可平稳衔接，这样就可以专注在撰写应用上，而不必花好几天就纠结配置的问题。安装脚手架npm install -g @vue/cli或者yarn global add @vue/cli安装后可通过vue --version来检查其版本是否正确；创建项目切换到你要创

组件是可复用的Vue实例，因此它们与new Vue接收相同的选项，如data、computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样跟实例特有的选项。组件是用来实现局部（特定）功能效果的代码(html/css/js)和资源(mp3/mp4/ttf/zip)的集合等组件的优势：可复用代码，简化项目编码，提高运行效率;组件的分类：单文件组件（一个文件中只包含有一个组件，大型项目中多用此方法）、非单文件组件（一个文件中包含有n个组件）；局...

每个Vue实例在被创建时都要经过一系列的初始化过程----如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己代码的机会；生命周期又称生命周期回调函数、声明周期函数；上一张官网的生命周期图示：其中红字红框白底的内容为生命周期钩子，图中所示共有八个钩子（4对），分别是：beforeCreate---created，beforeMount---mounted，beforeUpdate---up

函数的定义与调用函数有三种定义方式：自定义函数（命名函数）function fn() {};函数表达式（匿名函数）var fun = function() {};new Function()var fn = new Function('参数1', '参数2', '函数体')该种方式执行效率低，也不方便书写，因此较少使用；所有函数都是Function的实例(对象);函数也属于对象；构造函数；函数的调用方式有很多，分为普通函数、对象的方法、构造函数、绑定事件函数、定时器函..