随笔分类 - 前端基础
摘要:<route-link to=””>标签代替a 标签, 属性to=”/search” 表示跳转至 /search 注意:route-link组件不适宜用于二三级分类等需要创建大量组件的情况,影响性能 2.this.$router.push("/search") 在a标签中设置点击事件,定义点击事件为
阅读全文
摘要:一、注册的全局组件无法使用 在main.js注册全局组件时: ① Vue.component(TypeNav.name, TypeNav); ② 改为: ③ Vue.component('TypeNav', TypeNav); 且全局组件放在components文件夹中 二、Vuex无法获取 请求
阅读全文
摘要:一.ajax获取评论列表,显示了标签 原因:直接复制粘贴html中的元素, <span></span>标签 改变了,变成< span>< /span>标签(标签中带有空格) 解决方法:把空格去掉; 二、axios二次封装 为什么需要进行二次封装? 请求拦截器,响应拦截器:请求拦截器,可以在发请求之前
阅读全文
摘要:一.注册事件 ie8以后:EventTarget.addEventListener() ie8一以前 : EventTarget.attachEvent() 二.注册事件兼容性处理 三.删除事件兼容性处理 四.事件对象兼容性处理 事件对象常见属性和方法 五.页面被卷去的头部兼容性解决方案 使用的时候
阅读全文
摘要:一、flex 弹性布局 设置为flex布局,子元素的float,clear和vertical-align 属性将失效 伸缩布局 = 弹性布局 = 伸缩盒布局 = flex布局 二、flex常用排列方式 flex-direction 主轴方向 属性:row 从左到右 | row-reverse 从右到
阅读全文
摘要:一、移动适配 移动端调试: 二、视口 (viewport) 2.1 布局视口 layout viewport 早期使用,一般设置为980px 2.2视觉视口 visual viewport 用户正在看到的网站的区域 2.3理想视口 ideal viewport 需要手动添加meta视口标签,为了使布
阅读全文
摘要:一、logoSEO优化 二、box一行放不下浮动元素 描述:一个box盒子。里面放了12个ul li项浮动元素,因为box宽度不足,无法实现一行放4个 问题: 解决: 解决方法:设定 ul 的宽度为4个 li 的宽度 ,从而使一行放置了4个li项,溢出部分可以隐藏,方法是在box盒子样式设置 ove
阅读全文
摘要:一、精灵图 原理:把许多张小图片拼成大图片 作用:为了减少服务器接收和发送请求的次数,提高页面的加载速度 实现:backgroud-position 二、字体图标 iconfont 字体图标 特点:展示的是图标,实际上是文字 字体图标下载:icomoon 字体库:http://icomoon.io/
阅读全文
摘要:一、CSS优先级 !important > 行内样式style="" > ID选择器 > 类选择器/伪类选择器 > 元素选择器 > 继承或者* 权重叠加:复合选择器由权重叠加的问题,虽然可以叠加但是永远不会有进位 二、盒子 box border: border-width || border-sty
阅读全文
摘要:CSS主要由两部分组成,选择器以及一条和多条声明 h1 { color: red; font-size: 25px;} ↑ ↑ ↑ 选择器 属性: 值 (声明) 一、选择器 就是选择标签用的,分为两类:基础选择器和复合选择器 基础选择器由单个选择器组成,包括:标签选择器(直接使用HTML标签名称)、
阅读全文