- 博客(15)
- 问答 (1)
- 收藏
- 关注
原创 React路由的使用
一、安装npm i react-router-dom@5.0安装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 123
原创 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 1153
原创 百度地图全方位解析(一)
1.注册百度地图首先我们进入百度地图 http://lbs.baidu.com/2.此时我们点击开发文档3.进入javascript API4.此时我们需要进行相应的注册5.等注册完成后就可以进行使用了二.使用1.页面引入2.创建一个盛放地图的容器3.实例化地图和添加控件效果如下:3..静态/动态添加点圈线面点线添加线是要借助双击事件,单击选点,双击划线圆BMapGL....
2022-04-02 00:21:32 1024 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 130
原创 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 755
原创 几分钟看懂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 3304
原创 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 212
原创 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><
2022-03-16 10:10:41 297
原创 傻瓜版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 123
原创 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 637
原创 看了这些,还担心学会不会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 377
原创 从小白到Vue大拿你只需要干这么多......
1.什么是vue?vue 是一套用于构建用户界面的渐进式框架。简单,高效,生态丰富(插件多),他是我们前端学习的三大框架之一(React Vue Angular )。2.如何使用Vue?说到底vue还是js的一种,他的用法和我们使用jQurey一样,只需去官网下载下了文件引用即可。3.如何创建Vue实例?...
2022-02-24 19:04:15 451 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 338
原创 es6基础笔记(二)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script > // 创建一个类 // class Animal{ // t...
2022-02-22 20:11:15 307
原创 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 148 1
空空如也
各位们看看我的vscode一直弹这个黑窗口是为啥?一直弄不好
2022-04-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人