全情海洋

2021年2月1日

关于flex:1详解(用来设置 flex-grow, flex-shrink 与 flex-basis。)

摘要：关于flex:1详解；https://blog.csdn.net/qq_40138556/article/details/103967529 flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。 CSS属性 flex 阅读全文

posted @ 2021-02-01 11:50 全情海洋阅读(3452) 评论(0) 推荐(0) 编辑

利用flex关于边线自适应（利用flex）

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2021-02-01 00:24 全情海洋阅读(77) 评论(0) 推荐(0) 编辑

2021年1月31日

前端必懂之Sticky Footer(粘性页脚)

摘要：什么是Sticky Footer？页脚footer永远固定在页面的底部，页面内容不够长的时候页脚黏在视窗底部，内容足够长时会被向下移动。当内容较少时，正常的文档流效果如下图在正常的文档流中，页面内容较少时，页脚部分不是固定在视窗底部的，这时就要用到Stickyfooter布局。 Sticky f 阅读全文

posted @ 2021-01-31 15:15 全情海洋阅读(411) 评论(0) 推荐(0) 编辑

给顶部设置背景图片（filter饱和度）

摘要： filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。样式，给header设置绝对行为，给图片设置相对定位，图片的z-index设置为最低， filter属性设置图片饱和度效果不设置filter属性阅读全文

posted @ 2021-01-31 14:32 全情海洋阅读(207) 评论(0) 推荐(0) 编辑

移动端关于图片适配2X和3X图

摘要： 1.准备2x,3X图片，在vue项目中的assets中新建stylus文件夹，新建mixin.stylus 适配图片 //关于2X,3x图的兼容 bg-image($url) //正常情形 background-image: url($url + "@2x.png") // 3X图时 @media 阅读全文

posted @ 2021-01-31 11:14 全情海洋阅读(848) 评论(0) 推荐(0) 编辑

本地webapp想看手机上看效果

摘要： 1.已经运行了的webApp项目在终端查看本机ip ipconfig , 查看本机ip地址，打开草料二维码网站，https://cli.im/ 将localhost:8080/#/sellers 换成http://192.168.0.235:8080/#/sellers地址将项目地址生成二维码阅读全文

posted @ 2021-01-31 01:50 全情海洋阅读(151) 评论(0) 推荐(0) 编辑

移动端1px产生原因及解决方案

摘要：在retina屏中，像素比为2(iPhone6/7/8)或3(iPhone6Plus/7Plus/8Plus)，1px的边框看起来比真的1px更宽。本文默认你已经对视口、物理像素、逻辑像素、设备像素比、css像素等移动端基本概念已经解。产生原因设备像素比：dpr = window.device 阅读全文

posted @ 2021-01-31 01:42 全情海洋阅读(544) 评论(0) 推荐(0) 编辑

2021年1月30日

router-link默认的激活的 class

摘要：点击路由连接(router-link)，默认有个 "router-link-active"，在router配置，点击路由连接，让active类名与router-link-active"关联，active自动生效 <div>  <v-headers></v-headers> 阅读全文

posted @ 2021-01-30 22:42 全情海洋阅读(745) 评论(0) 推荐(0) 编辑

Vue-cli 4在vue.config.js中配置别名

摘要： vue-cli3或者4中使用脚手架创建的项目，没有webpack.base.config.js文件，那么咋搞？手动创建呗？就可以配置一些额外的操作了，如何配置别名呢，直接上手吧。创建vue.config.js文件 const path = require('path');//引入path模块阅读全文

posted @ 2021-01-30 22:08 全情海洋阅读(1417) 评论(0) 推荐(0) 编辑

Syntax Error: ValidationError: Invalid options object. Stylus Loader has been initialized using an

摘要：报错信息如下： Syntax Error: ValidationError: Invalid options object. Stylus Loader has been initialized using an options object that does not match the API 阅读全文

posted @ 2021-01-30 21:19 全情海洋阅读(2383) 评论(0) 推荐(0) 编辑

公告