随笔分类 - 前端基础
摘要：<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选择器 > 类选择器/伪类选择器 > 元素选择器 > 继承或者＊ 权重叠加：复合选择器由权重叠加的问题，虽然可以叠加但是永远不会有进位 二、盒子 ｂｏｘ border: border-width || border-sty
阅读全文
摘要：CSS主要由两部分组成，选择器以及一条和多条声明 h1 { color: red; font-size: 25px;} ↑ ↑ ↑ 选择器 属性: 值 （声明） 一、选择器 就是选择标签用的，分为两类：基础选择器和复合选择器 基础选择器由单个选择器组成，包括：标签选择器（直接使用HTML标签名称）、
阅读全文
