XYY0504-CSDN博客

原创 React路由的使用

一、安装npm i [email protected]安装react5.0版本二、导入import{HashRouter as Router,Route,NavLink,Redirect,Switch} from 'react-router-dom' 导入路由相关的组件 HashRouter哈希路由 as起别名 router路由 router 存放路由的容器 Navlink 导航链接三、一般路由使用大家可以尝试一下哦！可以看看和v.

2022-04-10 21:38:23 112

原创 react新手入门方法

一、安装1. npm i create-react-app -g 2. create-react-app 项目名称 3. cd 项目 npm start 二、元素渲染1.文本渲染2.HTML渲染3.条件渲染4.列表渲染三、事件四、响应式数据

2022-04-05 18:01:23 1141

原创百度地图全方位解析（一）

1.注册百度地图首先我们进入百度地图 http://lbs.baidu.com/2.此时我们点击开发文档3.进入javascript API4.此时我们需要进行相应的注册5.等注册完成后就可以进行使用了二.使用1.页面引入2.创建一个盛放地图的容器3.实例化地图和添加控件效果如下：3..静态/动态添加点圈线面点线添加线是要借助双击事件，单击选点，双击划线圆BMapGL....

2022-04-02 00:21:32 951 1

原创 less，css的进阶版你知道吗?

1 变量我们常常在 CSS 中看到同一个值重复多次，这样难易于代码维护。理想状态，应是下面这样：const bgColor="skyblue";$(".post-content").css("background-color",bgColor);$("#wrap").css("background-color",bgColor);$(".arctive").css("background-color",bgColor);只要我们修改 bgColor这一个变量，整个页面的背景颜色都会

2022-03-26 20:17:58 119

原创 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..

2022-03-24 22:31:44 678

原创几分钟看懂ts你确定不来

ts:官网地址：https://www.tslang.cn/首先通过 npm 全局安装 TypeScript：npm i -g typescript全局安装 ts命令： npm install -g typescript使用 tsc -v 检测是否安装成功创建ts项目过程：1.新建一个ts文件2.在控制终端输入tsc --init3.点击终端然后打开配置任务4.运行项目即可什么是ts ：ts就是添加了类型系统的 js ；适用于任何规模；js的超集，他可以编译成纯javascri.

2022-03-21 21:43:00 1948

原创 10分钟学会mock.js

1.1、安装：yarn add mockjs -S输入：yarn add mockjs -S1（在当前项目下安装 Mock） myapp 是项目名称1.2、看网站的示例，实例就是语法1.3、创建文件夹在项目下创建》 mock文件夹》再创建 index.js总结mock.mock()参数1：请求地址选填 url参数2: 请求类型选填 type参数3：数据模板 | 函数mock.mock()网址： https://github.com/nuysoft/Mock/wik

2022-03-21 20:48:45 198

原创 vue3最全知识点你知道吗？

1.写8个vue内置指令{{}} v-text v-html v-if v-show v-else-if v-else v-for v-bind v-on2.写4 个vue内置组件<template></template> 模板<slot></slot> 插槽<transition></transition> 过渡<transition-group> 过渡组<component>&lt

2022-03-16 10:10:41 276

原创傻瓜版vue教学

路由理解：一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。1.基本使用安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编写router配置项: //引入VueRouterimportVueRouterfrom'vue-router'//引入Luyou 组件importAboutf...

2022-03-06 15:57:36 111

原创 vue3路由还有多少你不知道的秘密

路由理解：一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。1.router-link在vue中，我们没有使用常规的 a 标签，而是使用一个自定义组件router-link来创建链接。这使得 Vue Router 可以在不重新加载页面的情况下更改 URL，处理 URL 的生成以及编码。我们将在后面看到如何从这些功能中获益。2.router-viewrouter-view 将显示与 u

2022-03-06 15:56:04 602

原创看了这些，还担心学会不会vue3

一、组件1.组件就是把复杂项目拆分成简单的组件，可以让团队开发更高效，组件更是我们是可以重复使用的模块。通俗的来说，组件其实就是个小的Vue，它也具有data，methods，watch，computed等！2.创建一个组件下面来看一个注册完整使用的组件吧！（看看你有没有创建成功哦！！！）二、组件的传参1.父传子props <steper :value="5"> steper内部props:{value:{type:Number,default:1}...

2022-03-02 21:43:42 368

原创从小白到Vue大拿你只需要干这么多......

1.什么是vue？vue 是一套用于构建用户界面的渐进式框架。简单，高效，生态丰富（插件多），他是我们前端学习的三大框架之一（React Vue Angular ）。2.如何使用Vue？说到底vue还是js的一种，他的用法和我们使用jQurey一样，只需去官网下载下了文件引用即可。3.如何创建Vue实例？...

2022-02-24 19:04:15 439 1

原创 es6基础知识（三）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="inp"/> <p id="myp"></p> </body&...

2022-02-23 23:25:04 321

原创 es6基础笔记（二）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script > // 创建一个类 // class Animal{ // t...

2022-02-22 20:11:15 278

原创 es6基础笔记（一）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- <ul> <li>1</li> <li>2</li>...

2022-02-21 21:31:44 137 1

XYY0504的博客