- 博客(21)
- 收藏
- 关注
RSS订阅原创 前端小白入门Vue只axios库的学习
文章目录前言一、axios库特点？二、使用步骤总结前言首先，为什么要学习我们的axios网络请求库：在之前我们常用的就是Jquery的ajax库，但我们已经使用vue了，就可以使用vue推荐的axios库，不用为了一个ajax库而引入jQuery。一、axios库特点？1.在浏览器中发生XMLHttpRequests请求2.在node.js中发射http请求3.支持PromiseAPI4.拦截请求和响应5.转换请求和响应数据二、使用步骤安装axios库npm install axio
2021-01-15 22:37:45
360
1
原创 前端小白入门Vue之Promise
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言什么是router一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filte
2021-01-15 20:02:09
521
1
原创 前端小白入门VueCLI之runtime-compiler和runtime-only区别
文章目录前言一、不同之处二、开始分析理解render函数总结前言今天学到了runtime-compiler和runtime-only的区别，我们一起来走一遍学习的这个流程~一、不同之处在我们使用脚手架创建项目的时候命令行提示我们是选择1.runtime-compiler2.runrime-only从这里我们一起分析为什么会出现这个选择我们分别按照上下的选择创建两个项目：我们发现了它们不同的地方在于main.jsruntime-compiler的main.jsruntime-o
2020-12-27 23:04:07
811
1
原创 前端小白入门webpack之对webpack配置文件的抽离
文章目录前言一、配置文件的抽取流程总结今日推荐前言前面在学习当中，我们的所以的配置文件都卸载webpack.config.js的这个文件当中，现在我们为了把公共的、开发的、编译的配置文件抽离出来，以便于我们后面能更好的管理。一、配置文件的抽取流程1.建立管理配置的文件夹build，并分别创建base.config.js：公共配置dev.config.js：开发配置prod.config.js：生产配置我们进行开发时：需要base.config.js和dev.config.js我们进行
2020-12-26 22:21:03
353
原创 前端小白入门webpack之搭建本地服务器
文章目录前言一、使用流程？总结今日推荐前言webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。先暂时缓存到内存里面。一、使用流程？先安装对应搭建服务器的库安装完成之后，我们依旧按照往常到webpack.config.js中去配置再到package.json中去配置指令然后我们执行指令然后就运行到8080端口啦现在我们就可以实时的进行修改测试如果我们上传部署，
2020-12-26 21:30:16
310
原创 前端小白入门webpack之plugin
文章目录前言一、plugin是什么？二、loader和plugin区别三、plugin的使用过程四、横幅plugin的使用五、打包html的plugin六、js压缩的plugin总结今日推荐前言今天我们一起来学习webpack-plugin一、plugin是什么？1.plugin是插件的意思，通常是用于对某个现有的架构进行扩张。2.webpack中的插件，就是对webpack现有功能的各种扩展。二、loader和plugin区别1.loader主要用于转换某些类型的模块，它是一个转换器。
2020-12-26 19:11:14
1695
原创 前端小白入门webpack之使用Vue的配置过程
文章目录前言webpack配置Vue流程总结今日推荐前言好的，终于到了如何在webpack中使用Vue，在webpack中我们依旧要采取：模块化、模块化、模块化的思想来配置Vue，好的，下面我们一起来进行学习。webpack配置Vue流程1.既然我们要使用Vue，我们就需要Vue之前我们引入Vue的方式有1)下载引入2)CDN引入3)npm 安装我们前面使用了那么多的npm指令，今天我们就采取使用npm的方式来安装Vue安装指令为：npm install vue --save可
2020-12-26 14:27:06
673
1
原创 前端小白入门webpack之ES6转ES5的babel
文章目录前言一、操作流程总结今日推荐前言我们学习的前端语法在不断的与时具进，语法有在不断的转变，从我们的ES5到ES6。这样就会带来一个问题：有些浏览器不兼容ES6，但是我们是用ES6语法写的。此时我们就要用到webpack中的babel将文件打包的时候，语法设置为ES5。一、操作流程1.安装我们的babel包npm install --save-dev babel-loader babel-core bebel-preset-es2015babel-loader: 我们需要转化的转化
2020-12-26 13:37:42
556
1
原创 前端小白入门webpack中对于css、less、图片的处理
文章目录前言一、配置步骤1.我们先在src下创建一个css文件夹，再css文件夹下在创建样式文件。总结今日推荐前言本篇我们一起来进行在webpack中如何处理css，用模块化的方式来添加样式，使用webpack最重要的核心思想就是：一切皆模块一、配置步骤1.我们先在src下创建一个css文件夹，再css文件夹下在创建样式文件。1.那么又出现一个问题，页面如何于css文件链接起来呢？这个时候我们就需要导入，css文件应该是默认导出的我们到main.js中导入require("./css/n
2020-12-25 23:22:45
772
1
原创 前端小白入门webpack之基本使用
文章目录前言一、webpack文件目录的创建总结今日推荐前言这一篇我们一起来学习webpack的基本使用，文件目录的结构一、webpack文件目录的创建(1).src（source源码）：用于开发当中写的代码(2).dist（distribution发布）：用户发布时候打包的代码(3).main.js：程序的主入口(4).index.html：程序基本页补充：CommonJS中导入导出规范导出：module.exports = { add}导入：const { add }
2020-12-25 20:16:19
199
原创 前端小白入门webpack-介绍和安装
文章目录前言一、什么是webpack？1.前端模块化二、webpack的安装1.node—npm2.安装流程总结今日推荐前言首先我们一起来理解一下为什么会有webpack这个东西，我们一开始写前端的时候，都是需要什么文件就引入什么文件，但当后期我们维护代码的时候，会非常的难以维护，webpack利用了：1.模块化开发2.预处理3.脚手架的支持这三个方面会给我们后期的开发带来非常号的便利，下面我们一起来学习webpack。提示：以下是本篇文章正文内容，下面案例可供参考一、什么是webpac
2020-12-25 17:25:29
197
原创 前端小白入门之ES6模块化的导入和导出
文章目录前言一、ES6中的导入-导出方式总结今日推荐前言今天我们一起来学习ES6中模块化的导入和导出一、ES6中的导入-导出方式1.首先我们需要在html这里导入JS文件，并把type的类似为model，这样他们之间的参数才不会影响。index.html<body> <script src="aaa.js" type="model"></script> <script src="bbb.js" type="model">&l
2020-12-24 16:22:01
186
原创 前端小白入门Vue之组件的插槽slot
文章目录前言一、slot如何使用？二、具名插槽的使用三、编译作用域补充四、作用域插槽总结今日推荐前言在Vue中组件作为非常重要的思想理念，组件具有非常强的扩展性和复用性，这一篇我们一起来学习组件的插槽slot一、slot如何使用？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 <div id="app"> <cpn></cpn> <cpn><button>
2020-12-24 14:08:28
426
原创 前端小白入门Vue之父子组件之间的访问
文章目录前言一、父组件访问子组件（children）二、父组件访问子组件（refs）三、子组件访问父组件、根组件（parent、root）总结今日推荐前言父组件向子组件中传递数据时，我们可以采用在子组件中的props中进行传递。子组件向父组件中传递数据时，我们可以采用在子组件中使用$emit,自定义事件，在父组件中定义改事件的接收。今天我们继续来学习Vue中更加方便的实现父子组件的访问。提示：以下是本篇文章正文内容，下面案例可供参考一、父组件访问子组件（children）1.通过this
2020-12-24 13:00:57
152
原创 前端小白入门Vue之组件
文章目录前言一、什么是组件？二、组件的使用步骤三、全居组件和局部组件四、父组件和子组件的区别五、注册组件语法糖的写法六、组件模板分离的方法七、为什么组件中data必须要是一个函数八、组件之间的通信（父传子）九、父子组件通信-props驼峰标识十、组件之间的通信（子传父）总结今日推荐前言组件作为Vue非常重要的思想，今天我们就一起来学习如何使用Vue中的组件提示：以下是本篇文章正文内容，下面案例可供参考一、什么是组件？当我们遇到负责问题的时候，我们一般采取的解决方法是，将问题进行拆解。Vue中
2020-12-23 22:56:39
197
原创 前端之高阶函数的使用-filter/nums/reduce
文章目录前言一、实例二、高级写法三、进阶写法总结每日推荐前言在javaScript中有许多高阶函数，合理的使用高阶函数能让我们在实际开发当中，更加方便快捷，今天我们一起来学习filter/nums/reduce一、实例今天我们从实例的问题当中来使用这几个高阶函数现在有一个数组，要求进行以下几种操作：步骤一：去除nums中所有小于100的数字步骤二：将所有小于100的数字分别*2步骤三：将其中的所有数字进行相加 <script> const nums =
2020-12-23 12:41:00
591
2
原创 前端小白JavaScript学习之var/let/const/字面量的增强写法
文章目录前言一、var？二、let三、const四、字面量的增强写法总结今日推荐前言前端技术日新月异，从ES5到ES6，语法不断完善更新。var的设计可以看成JavaScript语言设计上的错误，但是这种错误多半不能修复和移除。十年前, Brendan Eich就决定修复这个问题, 于是他添加了一个新的关键字: let今天我们一起来学习var/let/const他们分别有什么区别。来巩固我们对于JavaScript的理解。一、var？在JavaScript中我们使用var来声明变量列如
2020-12-22 17:17:33
187
原创 前端小白入门Vue之Class与Style绑定
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例
2020-12-21 16:33:23
218
原创 前端小白入门Vue之侦听器
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例
2020-10-28 13:04:40
297
原创 前端小白入门Vue之计算属性
文章目录前言一、计算属性的语法二、数据变动2.读入数据总结前言首先了解为什么要引入计算属性举例： <div id="app"> <div>户籍：{{province + city}}</div> <div>居住地：{{province + city}}</div> </div> <script> var vm = new Vue({
2020-10-27 16:16:29
486
原创 前端小白快速入门Vue框架
文章目录前言一、Vue简介二、Vue简单实例三、Vue-el挂载点1.el理解2.el使用四、Vue-data1.data理解五、v-text（文本）六、v-html（标签）七、v-bind（动态设置元素属性）八、v-on（事件）九、v-show（元素是否显示）十、v-if... v-else-if...v-else（条件渲染）十一、v-for（列表渲染）十二、v-model（表单输入绑定）今日推荐前言前端小白正在学习Vue，这也是每天的一个学习记录，有兴趣的同学可以随便看看一、Vue简介Vue
2020-10-26 22:59:58
819
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人