摘要: 1,vw、vh、vmin、vmax 的含义 (1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗(Viewport)大小来决定的,单位 1,代表类似于 1%。 视窗(Viewport)是你的浏览器实际显示内容的区域—,换句话说是你的不包括 阅读全文
posted @ 2018-05-31 23:21 古兰精 阅读(980) 评论(0) 推荐(0) 编辑
摘要: 一、css作用域 之前一直很困扰css的作用域问题,即使是模块化编程下,在对应的模块的js中import css进来,这个css仍然是全局的。导致在css中需要加上对应模块的html的id/class 使用css选择器 保证css的作用域不会变成全局 而被其它模块的css污染。 在vue中引入了sc 阅读全文
posted @ 2018-05-31 22:45 古兰精 阅读(67177) 评论(0) 推荐(6) 编辑
摘要: Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。 vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素,它是通过使用PostCSS来改变以下内容实现的: 一、混合使用全局属性和局部属性 二、关于子组件的根元素 使用 阅读全文
posted @ 2018-05-31 22:04 古兰精 阅读(48567) 评论(0) 推荐(6) 编辑
摘要: 一、devServer 1、作用:通过devServer,可以在NodeJS架设起临时的服务器用于项目的运行与调试。 module.exports = { // webpack-dev-server 相关配置 devServer: { open: true, inline: true, host: 阅读全文
posted @ 2018-05-31 21:51 古兰精 阅读(14351) 评论(0) 推荐(0) 编辑
摘要: 在 typescript 里面,有两个概念十分容易混淆,那便是 type 和 interface,它俩都可以用来表示 接口,但是实际使用上会存在一些差异 一、相同点 它俩就是对 接口定义 的两种不同形式,目的都是一样的,都是用来定义 对象 或者函数 的形状 1、interface 如何定义接口或函数 阅读全文
posted @ 2018-05-31 13:46 古兰精 阅读(5416) 评论(0) 推荐(0) 编辑