自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 Async/Await

一、同步异步的理解同步:同步就是在后一个任务等待前一个任务执行完毕后,再执行,执行顺序和任务的排列顺序一致。 同步案例:for循环比如:for(var i=0;i<5;i++){ console.log(i)}console.log("hello")就会先执行完for循环,在执行console.log复制代码异步:异步是非阻塞的,不用等到现在的任务执行完,就可以执行后面的内容。 异步案例:ajax,setTimeoutconsole.log(a)setTimeout(()

2020-06-18 22:04:10 177

原创 vuex的使用

1、什么是vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。介绍:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。理解:核心就是 store(仓库),仓库是用来干什么的?你就当它用来储存东西的。通俗的来讲vuex也就是我们的一个数据管理工具,如果我们在实际开发中,组件会变得非常的多,组件之间的传值也会相应变得麻烦起来,此时我们就可以用vuex来写,因为vuex中的数据是在

2020-06-16 23:30:32 111

原创 代理解决跨域问题

1. 在 vue.confifig.js 文件中使用 devServer.proxy 选项进行代理配置module.exports = { devServer: { port: 8888, // 端口号,如果端口号被占用,会自动提升1 host: "localhost", //主机名, 127.0.0.1, 真机 0.0.0.0 https: false, //协议 open: true, //启动服务时自动打开浏览器访问 proxy: { // 匹配 /dev-api 开头的请求, '

2020-06-09 01:55:38 489

原创 axios封装

1、 在 src 目录下创建 utils 目录及 utils 下面创建 request.js 文件在pubilc中创建一个db.json文件内容如下:import axios from 'axios'// 手动创建一个 axios 对象, 参考:https://github.com/axios/axios#creating-an-instanceconst request = axios.create({ // 请求配置参考: https://github.com/axios/axios#req

2020-06-09 01:30:43 143

原创 vue懒加载的用法

在我们打包构建的时候,JavaScript的包会变得非常的大,导致首页加载时间过长,浪费流量等问题。合理的方式是我们通过路由把对应的组建进行分割,然后当路由被访问的时候才加载对应的组建,这样就会高效很多。常见的几种懒加载写法1.resolve => require([URL], resolve),支持性好2.() => system.import(URL) , webpack2官网上已经声明将逐渐废除,不推荐使用3.() => import(URL), webpack2官网推荐使用

2020-06-08 09:36:29 328

原创 如何使用easy mock

在前后端分离的概念中,前端脱离与后端工作,在对好接口之后,以及后端没有假数据的情况下,可以先采用折衷的办法来请求假数据,这就有了Mock.js,可以随机生成数据,拦截ajax请求。Easy Mock 是一个可视化,并且能快速生成 模拟数据 的持久化服务。 忘掉下面这些实用但麻烦的 Mock 方式吧。在你用了 Easy Mock 之后,你肯定会爱不释手的。话不多说,先来看一下Mock.js的语法,1. 属性值是字符串 String'name|min-max': string通过重复 string 生

2020-06-04 19:31:19 289

原创 mockjs

mockjs使用官网地址http://mockjs.com一、什么是mock.js?生成随机数据,拦截 Ajax 请求。通过随机数据,模拟各种场景;不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据;支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等;支持支持扩展更多数据类型,支持自定义函数和正则。二、为什么使用mock.js在做开发时,当后端的接口还未完成,前端为了不影响工作效率,手动模拟后端接口,我们可以使用json文件来模拟后台数据,但比较局限,无法模拟数据

2020-06-04 19:06:51 106

原创 webpack

webpack安装局部安装cnpm install webpack --save-devcnpm install webpack-cli --save-dev或者全局安装cnpm install webpack webpack-cli -g卸载npm uninstall webpack webpack-cli -g检查webpack的版本号npm info webpack安装相应的版本npm uninstall webpack@(版本号) webpack-cli -g执行命令

2020-06-04 19:02:48 129

原创 webpack

webpack安装局部安装cnpm install webpack --save-devcnpm install webpack-cli --save-dev或者全局安装cnpm install webpack webpack-cli -g卸载npm uninstall webpack webpack-cli -g检查webpack的版本号npm info webpack安装相应的版本npm uninstall webpack@(版本号) webpack-cli -g执行命令

2020-06-03 21:04:53 96

原创 思维导图的使用以及常用的工具

一.什么是思维导图思维导图,又名 “心智图”,创始人是有 " 世界大脑先生 “之称的英国托尼·巴赞(TonyBuzan)。它以图文并茂的方式表达并传递信息,充分调动左右脑参与信息加工,对提高人类理解、记忆、创新能力具有重要意义。二.常见的绘制工具及使用1、百度脑图 naotu.baidu.com/百度脑图,便捷的脑图编辑工具 - 控制创意,如此简单。让您在线上直接创建、保存并分享你的思路。免安装 云存储 易分享 体验舒适 功能丰富 控制创意 简单高效 支持多种文件导入导出快捷键Ente

2020-06-02 19:23:48 549

原创 git分支

什么是git分支比如你开发项目的时候,需要不同的版本,不想一直在一个项目里边做修改,可以使用分支。在分支上边 开发可以不相互影响,需要的时候也可以切换到不同的分支。 分支就像我们在某个版本备份了一个,可以很方便的回到备份那个点。 不同的小组不同的人也可以在不同的分支上进行开发。对git分支的理解比如我们对一个项目签入了几次 如图,这个时候我们在一条线上开发 可以使用 git branch查看当前分支​ 默认是mater,当然右上角也可以看到当前所在的分支​

2020-06-01 21:29:21 117

原创 echarts的使用方法

Echarts官网echarts.apache.org/zh/index.ht…1.单页面中使用1. 先引入Echarts.js文件2. 或者引用线上地址 <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js" ></script>复制代码3. 设置一个容器(必须有宽度和高度) <div id="box" style="width:600px;height:

2020-05-30 19:08:13 1585

原创 git将本地文件提交到远程仓库的方式以及vim指令

将本地仓库代码推送到远程仓库代码的方式1.直接在代码托管平台创建远程仓库,然后将本地仓库的代码提交到远程仓库如何创建远程仓库?​ 1.注册github(代码托管平台)​ 2.创建远程仓库​ (点击+号,创建新仓库,仓库名称(英文) 对这个仓库的描述 勾选创建README.md 点击创建按钮)如何将远程仓库克隆下来?​ 1.复制仓库地址​ 2.回到桌面,鼠标右键 点击git bash here 打开命

2020-05-29 23:04:40 266

原创 Echarts2

1、授⼈以渔04_Echarts图表标准配置图示技巧2. 饼图(pie)详解标准饼图一、基本配置demo二、标题(title)配置三、提示框(tooltip)配置四、图例(legend)配置五、系列列表(series )配置3. ⼩技巧01 辅助线的作⽤及Echart3.x与2.x中的区别一、 print 从语句变为函数原: print 1,2+3改为: print ( 1,2+3 )二、range 与 xrange原 : range( 0, 4 ) 结果 是 列表 [0,1,2,3

2020-05-28 23:18:55 274

原创 git创建以及使用

什么是gitgit是当前互联网开发的主流版本分布式控制系统全称是分布式版本控制系统,git通常在编程中会用到,并且git支持分布式部署,可以有效、高速的处理从很小到非常大的项目版本管理。分布式相比于集中式的最大区别在于开发者可以提交到本地,每个开发者通过克隆(git clone),在本地机器上拷贝一个完整的Git仓库还有一个SVN是集中式版本控制系统 两者最大的区别就在于SVN只有一台主服务器,而git所用到的每一台电脑都可以当成主服务器分布式相比于集中式的最大区别在于开发者可以提交到本地,每个

2020-05-28 21:21:59 185

原创 ⼤数据可视化技术:可视化技术概述与Echarts⼊⻔

1.课程目标数据可视化概念以及Echarts的基本用法2.数据可视化概述数据可视化主要指借助于图形化手段 清晰有效的传达与沟通信息3.什么是数据可视化?数据可视化 是指将大型数据集中数据以图形图像形式表示 并利用数据分析和开发工具发现其中未知的信息处理过程。 数据可视化是指将数据以视觉的形式来呈现,如图表或地图,以帮助人们了解这些数据的意义。通过观察数字、统计数据的转换以获得清晰的结论并不是一件容易的事。而人类大脑对视觉信息的处理优于对文本的处理——因此使用图表、图形和设计元素,数据可视化

2020-05-27 22:37:16 1043

原创 typora工具的使用以及MarkDown语法

typora工具一、typora是什么Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,并且由于仍在测试中,是完全免费的Typora 是一款简单、高效而且非常优雅的 Markdown 编辑器,它提供了一种所见即所得的全新的 Markdown 写作体验。Typora 把源码编辑和效果预览两者合二为一,在输入 Markdown 代码的时候即时生成预览效果。Typora 是目前互联网上最受欢迎的 Markdown 编辑器之一。

2020-05-27 19:26:14 232

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除