摘要: 什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 为什么使用 Bootstrap? 移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式 阅读全文
posted @ 2022-05-12 09:45 小马学编程 阅读(40) 评论(0) 推荐(0)
摘要: 一、开发常用,特殊需求表达式 1.Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$2. 域名:[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?3. Inter 阅读全文
posted @ 2022-05-12 09:39 小马学编程 阅读(71) 评论(0) 推荐(0)
摘要: (1)贪婪匹配 默认情况下,正则表达式使用最长匹配原则(也叫贪婪匹配原则)。 例如:要将"zoom"中匹配"zo?"的部 分替换成"r",替换的的结果是"rom"。如果要将"zoom"中匹配"zo*" 的部分替换成"r",替换后的结果是"rm"。 (2)非贪婪匹配 当字符?紧随其他限定符(*、+、? 阅读全文
posted @ 2022-05-12 09:36 小马学编程 阅读(492) 评论(0) 推荐(0)
摘要: 什么是正则表达式? 正则表达式(Regular Expression)是用于描述一组字符串特征的模式,用来匹配特定的字符串。通过特殊字符+普通字符来进行模式描述,从而达到文本匹配目的工具。 正则表达式目前被集成到了各种文本编辑器/文本处理工具当中。 如何定义正则表达式? ① 1)显式定义 所谓显式 阅读全文
posted @ 2022-05-12 09:33 小马学编程 阅读(54) 评论(0) 推荐(0)
摘要: 一、state:组件之间共享的数据集合 组件中获取方法 1.直接获取 this.$store.state.xxx; 2.使用对象运算符mapState的形式获取 ...mapState(['xxx','xxx']) 二、getters:相当于store对象计算属性(主要用于对state的数据进行过滤 阅读全文
posted @ 2022-05-11 15:57 小马学编程 阅读(59) 评论(0) 推荐(0)
摘要: 1.下载并引入vuex相关内容 import {creatsStore} from 'vuex' 2.创建状态管理库对象store const store = createStore({ }) 3.对外抛出store对象 export default store; 4.在main.js中将store 阅读全文
posted @ 2022-05-11 15:54 小马学编程 阅读(47) 评论(0) 推荐(0)
摘要: 一、Vue3最重要的新特性之一 作用:之前vue对象规定了我们必须把某一类数据放到某一个结构。这样在一定程度上对我们的代码进行了强制的分割。在vue3中,我们引入了setup()合成API语法,它可以将某数据关联的内容都整合到一个部分,即使setup()中的内容越来越多,也会围绕着大而不乱的形式开发 阅读全文
posted @ 2022-05-11 15:52 小马学编程 阅读(130) 评论(0) 推荐(0)
摘要: 1.父子组件之间的数据通信 ①第一种:父-->子 props传递数据;子-->父 触发自定义的形式 ②第二种:provide....inject结构 父组件provide抛出数据,子组件inject接收数据 2.非父子组件之间的数据通信 ①第一种:事件总线Bus(空vue对象) ②第二种:状态管理库 阅读全文
posted @ 2022-05-11 15:42 小马学编程 阅读(40) 评论(0) 推荐(0)
摘要: 定义:我们经常需要把某种模式匹配到的所有路由,全部映射到同个组件,例如,我们一个User组件,对于所有id个不同的用户,都需要这个组件来渲染 //动态路由设置 {path:'/user/:id/:name/:age',component:User} <router-link to="/user/1/ 阅读全文
posted @ 2022-05-11 15:40 小马学编程 阅读(799) 评论(0) 推荐(0)
摘要: src文件下新建router文件夹 建index.js import{createRouter,createWebHashHistory} from 'vue-router'​import Bar from "./components/Bar.vue";import Foo from "./comp 阅读全文
posted @ 2022-05-11 15:37 小马学编程 阅读(227) 评论(0) 推荐(0)