Pray386 - 博客园

2022年9月

摘要： <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) 编辑

Vuex使用过程的问题

摘要：一、注册的全局组件无法使用在main.js注册全局组件时： ① Vue.component(TypeNav.name, TypeNav); ② 改为： ③ Vue.component('TypeNav', TypeNav); 且全局组件放在components文件夹中二、Vuex无法获取请求阅读全文

posted @ 2022-09-05 11:20 Pray386 阅读(36) 评论(0) 推荐(0) 编辑

2022年8月

ajax

摘要：一.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) 编辑

2022年7月

Less css扩展语言

摘要：一、less基础 @变量名:值二、less嵌套 #header { .logo { width: 300px; } } 三、less运算 less提供了+ - * / 四则运算运算中间符号左右有空格阅读全文

posted @ 2022-07-27 16:19 Pray386 阅读(47) 评论(0) 推荐(0) 编辑

rem实际开发适配

摘要：一、动态设置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单位 rem（root em）是个相对单位，em就是父元素大小阅读全文

posted @ 2022-07-26 21:19 Pray386 阅读(30) 评论(0) 推荐(0) 编辑

移动端页面布局-flex布局

摘要：一、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) 编辑

CSS 商城项目前端

摘要：一、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) 编辑