- 博客(18)
- 收藏
- 关注
原创 React路由
1.安装打开cmd在项目文件夹安装:npm i react-router-dom@5.0 -S2.导入路由的相关组件import { HashRouter as Router, //HashRouter哈希路由 as起别名 router路由 Route, //Route 存放路由的容器 NavLink, //navlink 导航链接 Redirect, // Redire
2022-04-10 15:35:58
186
原创 react入门
前置知识我们假定你已经对 HTML 和 JavaScript 都比较熟悉了。即便你之前使用其他编程语言,你也可以跟上这篇教程的。除此之外,我们假定你也已经熟悉了一些编程的概念,例如,函数、对象、数组,以及 class 的一些内容。如果你想回顾一下 JavaScript,你可以阅读这篇教程。注意,我们也用到了一些 ES6(较新的 JavaScript 版本)的特性。在这篇教程里,我们主要使用了箭头函数(arrow functions)、class、let语句和const语句。你可以使用Babe...
2022-04-04 19:55:20
1180
原创 百度地图的使用
1.首先添加script <script type="text/javascript"src="https://api.map.baidu.com/apiv=1.0&&type=webgl&ak=cVqXBY6pTjuDbTDLLOcqidmTSLQtao1I"> </script>2.复制百度地图官网提供的代码<!DOCTYPE html><html> <head> <meta cha
2022-04-01 17:34:30
1739
原创 echarts案列
1.首先导入echarts文件<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>2. bar 柱状图:样式:柱状图代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &l.
2022-03-28 22:54:10
431
原创 Vue项目的部分错误
C:\youmi\src\views\AboutView.vue出错的文件地址16:17 error 'reactive' is not defined no-undef第16行17字符错误 reactive 没有定义check被定义了没有备调用const 不能重复赋值
2022-03-23 21:02:28
559
转载 mock.js知识点
语法1.属性值是字符串 String 'name|min-max': 'value' 通过重复 'value' 生成一个字符串,重复次数大于等于 min,小于等于 max。 'name|count': 'value' 通过重复 'value' 生成一个字符串,重复次数等于 count。2.属性值是数字 Number 'name|min-max.dmin-dmax': value 'name|min-max.dcount': value 'name|count.dm...
2022-03-21 19:21:06
281
转载 兄弟萌,Vue路由器知识梳理来了
介绍Vue Router 是Vue.js的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。功能包括:嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由 Vue.js 的过渡系统提供的过渡效果 细致的导航控制 自动激活 CSS 类的链接 HTML5 history 模式或 hash 模式 可定制的滚动行为 URL 的正确编码安装直接下载 / CDNhttps://unpkg.com/vue-r..
2022-03-04 20:08:30
208
原创 Vue 组件与动画
目录1.组件components组件的组织全局组件监听子组件发出的事件组件的插槽(嵌套)具名插槽2.动画transition动画-使用关键帧动画动画-引入第三方动画模式3.模板引用4.总结组件components 动画模板引用 1.组件components组件的组织全局组件app.component 来创建组件:const app = Vue.createApp({ })app.component(...
2022-03-02 19:20:38
1056
原创 Vue3.0 一些知识 点开你就会了
创建应用实例-完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>第一个vue案例</title> <script src="../js/vue.js"></script> </head> <body> <div id="app"> hello Vue!
2022-02-28 21:48:38
125
原创 Vue3.0 你不能不知道的知识
Vue模板语法-文本渲染指令 是带有 v- 前缀的特殊 attribute。指令 的属性值预期是单个 JavaScript 表达式{{ }} 语法<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>&l
2022-02-28 20:53:25
104
原创 Vue基础知识
目录01.Vue概述02.Vue的安装与使用03.Vue模板语法-文本渲染文本渲染 v-text指令文本渲染html04.Vue模板语法-属性渲染指令参数属性渲染属性渲染简写05.总结:Vue的安装与引用:Vue实例:Vue指令:文本渲染指令:属性渲染:01.Vue概述vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。 简单,高效,生态丰富(插件多)前端三大框架:React Vue An...
2022-02-24 21:35:47
356
原创 吃惊, 就连小学僧看了都会的Vue选择卡
如何用Vue写出(如图)的选择卡呢?首先要在文本中引入Vue文件<script src="./js/vue.js" type="text/javascript" charset="utf-8"></script>//Vue文件的位置内容代码块:<body> <div id="app"> <p> <button @click="num=1" :class="num==1?...
2022-02-24 20:53:33
313
原创 ES进阶(3)
目录Promise承诺Promise解决回调地狱promise实现网络请求asyc与awaitSymbol符号迭代器(Iterators)Generator生成器Proxy 代理Promise承诺ES6 对 Promise 有了原生的支持,一个 Promise 是一个等待被异步执行的对象,当它执行完成后,其状态会变成 resolved 或者rejected。promise 承诺resolve 完成解决 reject ...
2022-02-23 20:44:38
142
原创 ES6进阶(2)
可迭代对象set 不重复的数组var s2 = new Set([1, 2, 3,2]); console.log(s2);// {1, 2, 3}常用方法add delete clear has sizeset去重let arr = [1,2,1,2,5,2,5];arr =[...new Set(arr)] console.log(arr)输出结果:(3) [1, 2, 5]WeakSetWeakSet结构与Set类似,也是不重...
2022-02-23 20:19:53
213
原创 ES6进阶(1)
类ES6 中有 class 语法。值得注意是,这里的 class 不是新的对象继承模型,它只是原型链的语法糖表现形式。函数中使用 static 关键词定义构造函数的的方法和属性:class Animal { constructor(color,age){ this.color = color; this.age = age; } yeil(){ alert("我在卖萌");
2022-02-23 20:00:05
129
原创 初识ES6(3)
紧接上文 箭头函数2. 多个参数 或者没有 都用括号包起来var arr3 = ["nana","n","娜娜"];arr3.forEach( (item,index,self) => console.log(item,index,self) )结果为:nana 0 (3) ['nana', 'n', '娜娜']n 1 (3) ['nana', 'n', '娜娜']娜娜 2 (3) ['nana', 'n', '娜娜']3 执行语句有多个的.
2022-02-22 21:23:36
184
原创 初始ES6(2)
ES6--解构解构就是把数组或者对象拆分为单个的变量交换变量 var a = 15; var b = 88; [a, b] = [b, a]; console.log("a:",a); console.log("b:",b);得到的结果为:a: 88b: 15不定参(剩余值)与跳过 var arr = [1, 3, 9, 24, 74, 98, 202]; [c, ,d, ...rest] = arr;//,,之..
2022-02-22 21:01:44
256
原创 初识ES6
基本概念:ECMAScript 6 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。let和const关键词:let 允许创建块级作用域,ES6 推荐在函数中使用 let 定义变量,而非 var:1.let是块级作用域(在一对大{} 里面起作用){ let a = 15; console.log(a); }2. 不能重复声明..
2022-02-21 17:35:25
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人