摘要:
一、移动端常用UI组件库——1.Vant2.CubeUI3.MintUIh二、PC端常用UI组件库——1.ElementUI2.IViewUI 阅读全文
摘要:
一、<router-link>的replace属性1、作用:控制路由跳转时操作浏览器历史记录的模式2、浏览器的历史记录有两种写入方式:分别为push和replace,push是追加历史记录,replace是替换当前记录。路由跳转时候默认为push3、如何开启replace模式:<router-lin 阅读全文
摘要:
一、基本使用 定义:一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理注:key为路径,value可能是function(后端路由)或component(前端路由) vue-router是vue的一个插件库,专门用来实现SPA应用npm i 阅读全文
摘要:
一、概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信二、什么时候使用Vuex 1.多个组件依赖于同一状态2.来自不同组件的行为需要变更同一状态三、搭建vuex环境 1、安装npm 阅读全文
摘要:
1、vue脚手架配置代理 方法一:在vue.config.js中添加如下配置devServer:{ proxy:"http://localhost:5000"} 1. 优点:配置简单,请求资源时直接发给前端(8080)即可。 2. 缺点:不能配置多个代理,不能灵活的控制请求是否走代理。 3. 工作方 阅读全文
摘要:
1、scoped样式 作用:让样式在局部生效,防止冲突 写法:<style scoped>...</style> 2、浏览器本地存储webStorage——localStorage和sessionStorage 存储内容大小一般支持5MB左右(不同浏览器可能还不一样)浏览器端通过 Window.se 阅读全文
摘要:
1、初始化脚手架步骤 第一步(仅第一次执行):全局安装@vue/cli。npm install -g @vue/cli第二步:切换到你要创建项目的目录,然后使用命令创建项目vue create xxx第三步:启动项目npm run serve 注:1、如出现下载缓慢请配置npm淘宝镜像:npm co 阅读全文
摘要:
1、定义:实现应用中局部功能代码和资源的集合模块化:当应用中的js都以模块来编写的,那这个应用就是一个模块化的应用组件化:当应用中的功能都是多组件的方式来编写的,那该应用就是一个组件化应用2、非单文件组件(1)Vue中使用组件的三大步骤I、定义组件(创建组件) 使用Vue.extend(option 阅读全文
摘要:
1、新选择器 E:nth-child(n)-选择器匹配其父元素的第n个子元素,不论元素类型,n可以是数字、关键字或公式E:nth-of-type(n)-选择与之其匹配的父元素的第N个子元素E:frist-child-相对于父级做参考,“所有”子元素的第一个子元素,并且“位置”要对应E:frist-o 阅读全文
摘要:
1、概述 网页设计根据设备环境进行相应的响应与调整 优点:对用户友好;后台数据库统一;方便维护缺点:增加加载时间;开发时间 原理:<meta>标签;使用媒体查询/媒介查询适配对应样式;使用第三方框架(如Bootstrap)2、关于屏幕适配的常用术语 像素和屏幕分辨率 像素,全称图像元素,是尺寸单位 阅读全文