不是对你没感觉，是你没开保时捷

原创 React路由的安装与使用

安装安装版本为5.0npm i react-router-dom@5.0 -S导入路由相关组件import { HashRouter as Router,//HashRouter哈希路由 as起别名 router路由 Route,//router 存放路由的容器 NavLink,//navlink 导航链接 Redirect,// Redirect 重定向 Switch,// Switch一次匹配一个页面} from "react-router-dom";路由案

原创 React简单易上手

React 是什么？React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。React 特点 1.声明式设计−React采用声明范式，可以轻松描述应用。 2.高效−React通过对DOM的模拟，最大限度地减少与DOM的交互。 3.灵活−React可以与已知的库或框架很好地配合。 4.JSX− JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。 5.组件− 通过 Re...

原创 世界那么大，我想去看看——【百度地图的使用】

在日常生活中，地图的应用很广泛，作为前端小白，我们应该如何去使用呢？接下来就跟着小蜗牛一起去学习吧。我们在这里以百度地图为例：一、准备工作1：首先打开百度地图开放平台网站百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com)https://lbsyun.baidu.com/?qq-pf-to=pcqq.group2：注册一个个人开发者账号。创建好后点击控制台，找到应用管理--我的应用，新建一个应用新建一个应用创建一个名为mymap的应用..

原创 作图，用ECharts就够了

认识 EChartsECharts，缩写来自 Enterprise Charts，商业级数据图表，是百度的一个开源的数据可视化工具，一个纯Javascript的图表库，能够在 PC 端和移动设备上流畅运行，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的 Canvas 库ZRender，ECharts 提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了...

原创 【Less】的世界，你知道吗？

什么是LESS？LESS是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。LESS是一种动态样式表语言，扩展了CSS的功能。LESS也是跨浏览器友好。CSS预处理器是一种脚本语言，可扩展CSS并将其编译为常规CSS语法，以便可以通过Web浏览器读取。它提供诸如变量，函数， mixins 和操作等功能，可以构建动态CSS。一、Less 使用初体验1. 使用 Less 写样式使用 Npm 全局安装 Less$ npm install less -g...

原创 通宵也要搞懂的Vue常见错误

Compiled with problems:编译问题C:\myel\src\views\HomeView.vue错误出现文件3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs第3行的第一个字符第4函的第一个字符Mixed spaces and tabs错误原因：混合的空格与tabno-mix..

原创 ts(typescript)+setup+volar+vue3

typescript是基于JavaScript的（JavaScript构建出来的），在它上面拓展出来的，在它基础上新增加其他类型，也有了类型的束缚，而且支持js，因为是从js拓展的，有es的特性和支持es不具有的特性（算是一种扩展吧），还兼容js平台，但是不能直接运行.ts文件（说到这里，我想到了之前学习小程序和小程序框架uniapp过程中老师用的scss和less直接编写然后通过vscode的插件转化成wxss和uniapp对应的一个loader转换成的），ts也是要转化成js才能运行（老师视频中说的ts

原创 mockjs介绍

mockjs介绍官网：https://github.com/nuysoft/Mock/wiki/Getting-Started一、为什么使用mockjs在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口，我们可以使用json文件来模拟后台数据，但比较局限，无法模拟数据的增删改查使用json-server模拟，但不能随机生成所需数据使用mockjs模拟后端接口，可随机生成所需数据，可模拟对数据的增删改查二、mock优点1.引入库1.前后端分离，2.可随机生成大量的

原创 vue3.0中setup使用(两种用法)

这篇文章主要介绍了vue3.0中setup使用，本文通过两种用法给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下一、setup函数的特性以及作用　　可以确定的是 Vue3.0 是兼容 Vue2.x 版本的 也就是说我们再日常工作中 可以在 Vue3 中使用 Vue2.x 的相关语法 但是当你真正开始使用 Vue3 写项目时 你会发现他比 Vue2.x 方便的多　　Vue3 的一大特性函数 ---- setup　　1、setup函数是处于 ...

原创 Vue3常用API总结

一、前言大家都知道，现在Vue3的各个版本已经陆续发布了，并且有很多的团队已经着手各个库的开发与Vue2向Vue3的升级，我们当然也不能落后，所以赶紧将你手中的Vue2升级到Vue3，跟着本文一起学习新的API吧二、正文Vue2每次都把整个Vue导入，例如Vue2的main.js文件中的代码import Vue from 'vue'import App from './App.vue'Vue.config.productionTip = falsenew Vu...

原创 Vue创建项目的详细步骤

一、安装node.js1、本例环境node.js: v16.14.0npm：8.3.1vue：@vue/cli 5.0.12、node.js环境安装与测试由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。下载地址：Node.js (nodejs.org)下载完成安装之后，检测一下，查看是否安装成功。检测方式：打开cmd命令窗口（Window + R，输入cmd然后回车），输入n.

原创 Vue Router的介绍、安装及入门

Vue Router 是Vue.js的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。功能包括：嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由 Vue.js 的过渡系统提供的过渡效果 细致的导航控制 自动激活 CSS 类的链接 HTML5 history 模式或 hash 模式 可定制的滚动行为 URL 的正确编码入门或使用playground(详见README.md来运行它们)。安装直...

原创 你 + CMD = 大咖【cmd必备知识】

CMD是微软 Windows系统的命令行程序，是进入命令提示符窗口的一个纽带。通过CMD命令进入命令提示符窗口，则将会显示 Windows的版本和版权信息。通过使用CMD命令可以很方便地进入其他子应用程序。CMD是一个32位的命令行程序，运行在 Windows nt2000XP上。运行方法按下windows键和R键会弹出一个运行框接着在里面输入cmd，然后点击回车，会出现如下黑黑丑丑的窗口显示如上窗口之后我们就可以在里面自由飞翔了，尽情遨游在漆黑的代...

原创 【Vue】初学者，这一篇就够了

文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言概述：Vue是一款前端渐进式框架，可以提高前端开发效率。特点：​ Vue通过MVVM模式,能够实现视图与模型的双向绑定。​ 简单来说，就是数据变化的时候, 页面会自动刷新, 页面变化的时候，数据也会自动变化.一、Vue是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。[5]与其它大型框架...

原创 ES6笔记二

类 特点 用class声明 本质是function constructor 构造 extends 继承 new 实例化 类名建议大写开头 实例 class Cat extends Animal{ constructor(name,color){ super(name); this.color = color;...

原创 ES6笔记一

变量声明 let 1、不会提升变量 2、不能重复声明 3、局部作用域 const 1、建议变量名大写 2、必须赋值 3、赋值购不能修改 4、局部作用域 5、没有变量提升 解构 把对象或者数组解析为单独的变量 数组 用，分割可...

原创 Python之旅 — 第一个Python程序

本节小蜗牛将给大家介绍最简单、最常用的Python程序——在屏幕上输出一段文本。Python 使用 print 函数在屏幕上输出一段文本，输出结束后会自动换行。在这里我们使用了Python中的print()函数，print()方法用于打印输出在 IDLE 下的演示效果：运行 print('Hello World!')

原创 Python之旅 — Pycharm个性化设置

设置控制台“字体、字号”File -> Settings -> Editor -> Fonts

原创 Python之旅 — 配置环境

一、Python环境变量配置（1）使用快捷键windows+r，输入sysdm.cpl，敲击回车进入。（2）点击高级。选择最底部的环境变量（3）在系统环境变量中点击编辑。（4）定义一个变量名称python。点击浏览文件。找到需要添加变量的软件所在的路径。然后点击确定，配置完成二、 PyCharm环境首次使用配置（1）打开PyCharm

原创 Python之旅 — 下载与安装

Python下载与安装　　Python目前已支持所有主流操作系统，在Linux,Unix,Mac系统上自带Python环境，一般默认装的是Python2版本，Windows系统上没有Pyhton环境，需要我们手动安装一下，过程很简单，下面就让跟着我进行安装吧！　　第一步：进入官网选择版本下载Python Releases for Windows | Python.org...

转载 Python之旅 — 简介

Python（一种计算机编程语言）Python由荷兰数学和计算机科学研究学会的Guido van Rossum于1990 年代初设计，作为一门叫做ABC语言的替代品。Python提供了高效的高级数据结构，还能简单有效地面向对象编程。Python语法和动态类型，以及解释型语言的本质，使它成为多数平台上写脚本和快速开发应用的编程语言，随着版本的不断更新和语言新功能的添加，逐渐被用于独立的、大型项目的开发。Python解释器易于扩展，可以使用C或C++（或者其他可以通过C调用的语言）扩展新的功能和..

原创 小蜗牛课堂开课了，快来跟小蜗牛一起学习吧。