箭头函数的使用的this指向

前言:箭头函数也是一种创建函数的方法。这是ES6中一种创建函数的方法ES6中的箭头函数什么时候使用箭头函数最多?当我们准备把一个函数作为参数传到另外一个函数里面的时候用的最多创建const 函数名 = (参数列表)=> {}参数问题无参数const aaa = () => { return hhhh}放入两个参数const sum = (num1,num2) =>{ return num1 + num2}放入一个参数const chen.
分类: 其他 发布时间: 01-29 22:43 阅读次数: 0

router-link其他的属性

router-link的属性to:用于指定跳转的路径tag:可以指定之后渲染成什么标签replace:不会留下history记录,所以指定replace的情况下,后退键返回不能返回到上一个页面中active-class:当对应的路由匹配成功时,会自动给当前元素设置一个router-link-active的class,设置active-class可以修改默认的名称。在进行高亮显示的导航菜单或者底部tabbar时,会使用到该类。但是通常不会修改类的属性,会直接使用默认的router-link-ac
分类: 其他 发布时间: 01-29 22:42 阅读次数: 0

router路由的懒加载和路由嵌套

什么是路由的懒加载?当打包构建应用时,js包(只有一个)会变得非常大,影响页面加载如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件,这样就更加高效了简单来说,就是不同的路由对应的那些组件打包到不同的js文件中。只有在这个路由被访问的时候,才加载对应的组件。打包的命令:npm run build路由懒加载的实现懒加载的方式方式一结合Vue的异步组件和webpack的代码分析。(不常用)const Home = resolve => {requ
分类: 其他 发布时间: 01-29 22:42 阅读次数: 0

Vuex概念及作用解释

一、Vuex是什么?vuex是一个专门为vue.js应用程序开发的状态管理模式。简单来说,可以把vuex看成把需要多个组件共享的变量全部储存在一个对象里面,然后,将这个对象放在顶层的Vue实例中,让其他组件可以使用。(响应式真好!)二、Vuex管理什么状态呢?(使用)多个状态,在多个页面间的共享问题比如用户的登录状态、用户名称、头像、地理位置等等比如商品收藏、购物车中的物品等等这些状态信息,我们可以统一放在一个地方,对它进行保存和管理,而且他们还是响应式的。注:在创建vuecil时若没有
分类: 其他 发布时间: 01-29 22:42 阅读次数: 0

vue实现滚榜效果

前言:基于vue做一个类似于比赛滚榜的榜单要实现这个效果需要用到vue里面的一个组件–vue-seamless-scroll使用这个插件相对而言实现起来比较容易。想要了解更多可点击https://github.com/chenxuan0000/vue-seamless-scroll安装和导入vue-seamless-scrollNPM安装:npm install vue-seamless-scroll --saveCDN安装:https://cdn.jsdelivr.net/npm.
分类: 其他 发布时间: 01-29 22:41 阅读次数: 0

vuex--Getters的使用

vuex里的getters(好像最新版本的vuecli没有给出vuex里的getters)这里的getters相当于vue里的computed计算属性就是如果在state里定义的属性需要变化时,就在getters里去做变化。state:{ }getters:{ power(state){ return state.counter*state.counter }, more20student(state){ return state.
分类: 其他 发布时间: 01-29 22:41 阅读次数: 0

html自适应

前言:做项目的时候发现自适应是个很重要的事情!!!所以了解了很多怎么去做自适应。找到了一种比较好的方法。下面是基于vue框架的自适应在App.vue中写入<style scoped>html,body{ font-size: calc(100vw/80);}<style>接着在其他的页面以rem作为单位即可。注:1、上面的calc只是做项目时试的合适尺寸,不合适可以再改2、在页面中应用时,最外面的盒子最好不要使用%作为单位,否则页面会随着屏幕缩放,最.
分类: 其他 发布时间: 01-29 22:41 阅读次数: 0

Vuex-actions的使用

一、Action的基本定义我们知道,不能在mutations中进行异步操作。但是某些情况我们希望在vuex中进行一些异步操作,比如网络请求,必然是异步的,那这个时候就需要用actions了。action类似于mutation,但是是用来代替mutation进行异步操作的。二、action的使用可以传递参数也可以不传递参数actions:{ //context:上下文,可以看成是store(默认参数) aUpdateInfo(context,payload){
分类: 其他 发布时间: 01-29 22:41 阅读次数: 0

Vuex-modules的使用

一、什么是modules?modules是模块的意思。为什么要在vuex中使用模块呢?Vue使用单一状态树,那么也意味着很多状态都会交给Vuex来管理。当应用变得非常复杂时,store对象就有可能变得相当臃肿。所以vuex允许我们将store分割成模块(modules),而每个模块拥有自己的state、mutations、actions、getters等就像下面这个意思:modules:{ moduA:{ state:{}, mutations:{}
分类: 其他 发布时间: 01-29 22:40 阅读次数: 0

Vuex的mutations和vuex-devtools

vuex-devtools这是一个浏览器关于vuex的一个插件,安装和使用这里就先不说了,有兴趣的可以上网找找安装的教程。一、mutations是用来干嘛的?mutations相当于可以在里面定义方法,通过里面的方法来达到修改state里的状态值。注:Mutation中的方法必须是同步方法即Vuex的store状态的更新的唯一方式:提交mutationsmutations主要包括两部分:字符串的事件类型(type)一个回调函数(handler),该回调函数的第一个参数就是state。(不管
分类: 其他 发布时间: 01-29 22:40 阅读次数: 0

vue中音乐播放控件播放不了音乐

前言:在vue中使用HTML中的<audio>标签去实现音乐播放的过程中,出现找不到文件源的问题。详情如下:在浏览器控制台中出现如下报错: NotSupportedError: The element has no supported sources.代码如下:<template> <audio :src="currentSrc" controls="" @ended="nextSong"></audio> <ul v-for=".
分类: 其他 发布时间: 01-29 22:40 阅读次数: 0

vue中把变量从.js文件中引入

前言:在vue开发中,我们通常把数据定义在data()里面。但是当此页的数据很多的时候,就会去定义很多个变量名,这样不仅不太美观,而且不利于模块化的开发。所以可以尝试着将这些变量放到一个.js文件里面,然后再在.vue文件里去使用就好啦!一、目录结构如下在assets下新建一个js文件夹,在components下新建一个index.vue文件二、操作如下在index.vue中写入<template> <div class="index"> &l.
分类: 其他 发布时间: 01-29 22:40 阅读次数: 0

vue使用element走马灯实现文字覆盖在图上

前言:使用任何的UI模板确实是件烦人的事情,有时候想改个样式死活都改不成功。这次使用element-UI模板里面的走马灯,想实现文字覆盖在图片上跟着图片轮播的效果,可事实却不如人愿,不过后面总算解决了。就是要定个位。图示如下:代码如下:<template> <div class="block"> <el-carousel trigger="click" height="25rem" > <el-carousel-item v-fo.
分类: 其他 发布时间: 01-29 22:39 阅读次数: 0

vue中从后台渲染文章列表及根据id跳转文章详情

前言:vue里面怎样从后台渲染列表,怎么根据文章的id获取文章的具体内容。以及值与值之间的传递,vue-router 里query和params的区别及使用。一、query和params先来看看query和params是怎样传值和接收参数的吧!后面会用到的哦!(1)query方式传参和接收参数query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数传递参数:把数据发送出去this.$router.push({ path:'/aaa/bbb/ccc', query:{ id.
分类: 其他 发布时间: 01-29 22:39 阅读次数: 0

01.数据科学的简单介绍(概论)

前言:文章基于人大的《数据科学概论》,主要是总结第一章—数据科学概论 的一些重点内容。里面有些比较细的概念,有心的读者可以自己去查找资料。文章目录1.1数据科学的定义(1)数据科学1.2数据科学和统计学、人工智能机器学习、数据挖掘、数据库与数据处理、大数据分析、基于数据的决策 的关系(1)数据科学跨学科的特点(2)数据科学与数据库、大数据分析的关系(3)数据科学与基于数据的决策的关系1.3数据科学家1.4数据科学的基本原则(1)原则1:数据分析可以划分成一系列明确的阶段(2)原则2:描述性分析与预测性.
分类: 其他 发布时间: 01-29 22:39 阅读次数: 0

02.OLTP与数据服务(数据科学概论)

前言:基于人大的《数据科学概论》,主要给第二章做个总结。了解什么是数据服务、数据服务的特点、面向OLTP应用的RDBMS数据库技术、面向数据服务的NoSQL数据库技术、NewSQL数据库技术。有些概念还需自己去细抠。目录:文章目录一、什么是数据服务二、数据服务的特点三、面向OLTP应用的RDBMS(关系数据库管理系统)数据库技术什么是OLTP?关系数据库技术与SQL查询预语言关系模型的完整性关系操作什么是SQL语言查询优化器事务处理并发控制与恢复技术数据库的安全性并行数据库和分布式数据库四、面向数据.
分类: 其他 发布时间: 01-29 22:39 阅读次数: 0

03.OLAP与结构化数据分析(数据科学概论)

前言:基于人大的《数据科学概论》第三章OLAP与结构化数据分析。主要分为三部分,OLAP联机分析处理、高性能OLAP系统的关键技术、结构化数据分析工具。一、OLAP—Online Analytic Processing联机分析处理简说:大量的业务系统采用关系数据库来进行数据管理后,随着业务的不断发展,各个企业事业单位和政府部门积攒了大量的业务数据。为了避免数据处理时间过长,对业务顺利运行产生干扰,一般在业务数据库之外建立数据仓库系统。它从业务数据库**抽取、转换、装载**数据,帮助人们在上面执行各种.
分类: 其他 发布时间: 01-29 22:38 阅读次数: 0

04.数据清洗与数据集成(数据科学概论)

前言:基于人大的《数据科学概论》。第四章,数据清洗与数据集成。主要内容分为三部分:数据抽取、转换和装载;数据清洗;数据集成。文章目录一、数据抽取、转换和装载(1)数据清洗1、数据清洗的意义2、数据异常的不同类型3、数据质量二、数据清洗1、数据清洗的任务和过程(1)数据清洗的过程,可以分为4个主要的步骤,分别是:1、数据审计2、制定数据清洗工作流3、执行数据清洗工作流4、后续处理和控制阶段2、数据清洗的具体方法(1)数据解析(Parsing)(2)数据转换(Transformation)(3)实施完整性.
分类: 其他 发布时间: 01-29 22:38 阅读次数: 0

05.数据的深度分析(数据挖掘、机器学习)--《数据科学概论》

前言:基于人大的《数据科学概论》第五章,数据的深度分析(数据挖掘、机器学习)。主要是机器学习与数据挖掘、具体的算法、主流工具、特征选择的内容。文章目录一、机器学习与数据挖掘(1)什么是机器学习?1、机器学习和人工智能紧密关联(2)什么是数据挖掘?(3)机器学习的目的(4)机器学习的基本过程(5)监督、非监督、半监督学习二、具体的机器学习算法2.1决策树(1)决策树构造过程(2)决策树的裁剪2.2聚类分析K-means算法K-means算法的缺点2.3分类算法支持向量机SVM1、二维空间(即平面)数据点.
分类: 其他 发布时间: 01-29 22:38 阅读次数: 0

06.流数据处理 (数据科学概论)

前言:基于人大的《数据科学概论》第六章的内容。主要提纲为:流数据处理应用、流式处理和批处理的区别、流数据模型、数据流上的查询、流数据处理系统的查询处理、查询处理的基础算法、流数据处理系统。文章目录一、流数据处理应用二、流式处理和批处理的区别1、批处理2、流式处理三、流数据模型流数据模型和传统的关系模型的区别:四、流数据上的查询实例数据流上的查询和传统数据库上的查询的区别(1)一次性查询和持续查询(2)预定义查询和即席查询对系统的影响五、流数据处理系统的查询处理5.1内存需求5.2近似查询结果5.3滑动.
分类: 其他 发布时间: 01-29 22:38 阅读次数: 0