摘要: <route-link to=””>标签代替a 标签, 属性to=”/search” 表示跳转至 /search 注意:route-link组件不适宜用于二三级分类等需要创建大量组件的情况,影响性能 2.this.$router.push("/search") 在a标签中设置点击事件,定义点击事件为 阅读全文
posted @ 2022-09-05 11:22 Pray386 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 一、注册的全局组件无法使用 在main.js注册全局组件时: ① Vue.component(TypeNav.name, TypeNav); ② 改为: ③ Vue.component('TypeNav', TypeNav); 且全局组件放在components文件夹中 二、Vuex无法获取 请求 阅读全文
posted @ 2022-09-05 11:20 Pray386 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 一.ajax获取评论列表,显示了标签 原因:直接复制粘贴html中的元素, <span></span>标签 改变了,变成< span>< /span>标签(标签中带有空格) 解决方法:把空格去掉; 二、axios二次封装 为什么需要进行二次封装? 请求拦截器,响应拦截器:请求拦截器,可以在发请求之前 阅读全文
posted @ 2022-08-11 10:06 Pray386 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 一.注册事件 ie8以后:EventTarget.addEventListener() ie8一以前 : EventTarget.attachEvent() 二.注册事件兼容性处理 三.删除事件兼容性处理 四.事件对象兼容性处理 事件对象常见属性和方法 五.页面被卷去的头部兼容性解决方案 使用的时候 阅读全文
posted @ 2022-08-06 21:32 Pray386 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 一、less基础 @变量名:值 二、less嵌套 #header { .logo { width: 300px; } } 三、less运算 less提供了+ - * / 四则运算 运算中间符号左右有空格 阅读全文
posted @ 2022-07-27 16:19 Pray386 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 一、动态设置html标签 font-size大小 3.元素大小取值 1. 页面元素的rem值 = 页面元素值(px)/ (屏幕宽度 / 划分的份数) 2.屏幕宽度/划分的份数 就是html font-size的大小 3.或者rem = 页面元素值(px)/ html font-size字体大小 阅读全文
posted @ 2022-07-27 16:19 Pray386 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 一、rem基础 rem单位 rem(root em)是个相对单位,em就是父元素大小 阅读全文
posted @ 2022-07-26 21:19 Pray386 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 一、flex 弹性布局 设置为flex布局,子元素的float,clear和vertical-align 属性将失效 伸缩布局 = 弹性布局 = 伸缩盒布局 = flex布局 二、flex常用排列方式 flex-direction 主轴方向 属性:row 从左到右 | row-reverse 从右到 阅读全文
posted @ 2022-07-26 21:15 Pray386 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 一、移动适配 移动端调试: 二、视口 (viewport) 2.1 布局视口 layout viewport 早期使用,一般设置为980px 2.2视觉视口 visual viewport 用户正在看到的网站的区域 2.3理想视口 ideal viewport 需要手动添加meta视口标签,为了使布 阅读全文
posted @ 2022-07-25 23:50 Pray386 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 一、logoSEO优化 二、box一行放不下浮动元素 描述:一个box盒子。里面放了12个ul li项浮动元素,因为box宽度不足,无法实现一行放4个 问题: 解决: 解决方法:设定 ul 的宽度为4个 li 的宽度 ,从而使一行放置了4个li项,溢出部分可以隐藏,方法是在box盒子样式设置 ove 阅读全文
posted @ 2022-07-23 00:08 Pray386 阅读(39) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示