摘要:
一、vue-router是什么 通过改变URL,在不重新请求页面的情况下,更新页面视图 二、vue-router两种模式 更新视图但不请求页面,是前端路由原理的核心之一。目前在浏览器中,实现这一点主要有两种方式: 1.hash 模式(默认) 2.history 模式 两种模式根据mode参数来决定选 阅读全文
摘要:
1.安装: 1 npm install -g http-server 2.启动: 1 http-server 3.如果本地联调接口时,加上 -P 域名地址 就不会有跨域的问题了 http-server -P http://tp.iuoooo.com 4.参数说明 -p 端口号 (默认 8080) - 阅读全文
摘要:
异步加载JS有哪些方式? js数据类型有哪些? typeof 返回的数据类型有哪些? var let const 区别 null 和 undefied 区别 == 和 有什么不同 typeof 和 instanceof 区别 instanceof 运算符的实现原理以及手写实现? 判断数组的方法有哪些 阅读全文
摘要:
vw与百分比区别 如何让谷歌浏览器支持小字体 padding 与 margin 行内元素与块级元素的区别 如何用css绘制三角形 css加载会造成阻塞吗? line-height和height 区别 css选择符有哪些?css哪些属性可以继承 哪些属性不可以继承? css优先级如何计算? 清除浮动有 阅读全文
摘要:
问题:h5页面如果用到overflow-y:scroll 时,在ios设备上滑动页面会很卡顿不流畅 解决办法:给网页添加如下样式 body { -webkit-overflow-scrolling:touch; /* 用于 ios5+ */ } -webkit-overflow-scrolling 阅读全文
摘要:
rem是什么? rem是一个长度单位,常用的长度单位有: * px: 绝对长度单位,最常用 * em: 相对长对单位,相对于父元素,不常用 * rem: 相对长度单位,相对于根元素,常用于响应式布局 * vw: 视口宽度, 100vw = 可视窗口的宽度 * vh: 视口高度,100vh = 可视窗 阅读全文
摘要:
父元素设置ling-height;子元素继承父元素的line-height 1.ling-height:固定像素 此时p元素的line-height = 24px 2.line-height: 百分比 此时p元素的 行高是body 计算之后的。line-height = 200% * 20 = 40 阅读全文
摘要:
水平居中 行内元素: * 如果父元素是块级元素,则直接给父元素设置text-align:center; * 如果父元素是不是块级元素,先将父元素设置为块级元素,再给父元素设置text-align:center; 块级元素: * 需要谁居中,给其设置 margin: 0 auto * 父元素设置相对定 阅读全文
摘要:
实现麻将中三点筛子:效果如下图 具体实现代码: html代码: css 代码: 阅读全文
摘要:
一、什么是 Flex 布局? flex(Flexible Box)意为“弹性盒子”,用来为盒状模型提供最大的灵活性。 将一个容器指定为Flex布局: display:flex; 行元素也可使用flex 布局: display:inline-flex; 注:设置为flex布局以后,子元素的float、 阅读全文