随笔分类 -  CSS

摘要:不知道怎么起这篇文章的标题才能表达出我实现的页面效果, 项目背景:嵌在原生开发的APP中。 上图给大家看一下 左侧图片代表进入app时页面的展示效果,右侧为页面滑动时的效果。 因为原生开发的APP有导航栏的,所以根据他们封装的抛出H5的API,将导航栏设置为透明色,这样才可以将原生开发的导航栏的背景 阅读全文
posted @ 2019-05-12 20:34 前端加油站 阅读(1001) 评论(0) 推荐(0) 编辑
摘要:昨天就想着将三级联动菜单封装成函数式,结果昨天工作比较忙,所以只能今天来更了。 还是前两天写的那个三级联动菜单栏,只不过将它改成了js函数调用的形式。函数中并没有增加点击事件,跳转页面事件也是在a标签中实现的。 想着周末再在此基础上增加它的复杂度。 简单实现一个三级联动菜单菜单栏的,用纯css即可实 阅读全文
posted @ 2018-08-31 11:40 前端加油站 阅读(141) 评论(0) 推荐(0) 编辑
摘要:昨天因为项目中想要把二级联动菜单改成三级联动菜单,所以我就单独写了一个tab导航栏,用纯css的方式实现的三级联动。一开始我想着可以用js实现,但是js的hover事件和mouseenter,mouseover,mouseleave,mouseout事件都会有一个问题,就是当鼠标移出区域块儿的时候, 阅读全文
posted @ 2018-08-29 10:48 前端加油站 阅读(892) 评论(0) 推荐(0) 编辑
摘要:项目中很多情况都要求多余的文字要以省略号的形式展示在前端页面上。虽然用的多,但是我也不知道为啥,我始终记不住。所以,通过这种方式,让自己加深一下印象 情况一:单行文字超出规定宽度后,以省略号形式展示 具体的样式如图: 代码: 情况二:多行文字超出规定宽度和高度后,以省略号形式展示 这种情况需要给装文 阅读全文
posted @ 2018-08-15 11:54 前端加油站 阅读(836) 评论(0) 推荐(0) 编辑
摘要:昨天早上看到了一篇很棒的文章,这篇文章将布局的一些知识点整理的很不错。我也想整理一下,这样在以后的项目中可以活学活用,避免只用一种方式。 参考文章:https://segmentfault.com/a/1190000013565024;https://segmentfault.com/a/11900 阅读全文
posted @ 2018-03-23 16:02 前端加油站 阅读(212) 评论(0) 推荐(0) 编辑
摘要:上次在面试中,面试官问了我一个关于页面重绘和回流的问题,我解释的不怎么好。今天把它整理了一下,又参考了一些其他的文章。 参考文章:http://www.css88.com/archives/4996 页面加载过程 1、浏览器将获取到的HTML代码解析成一个DOM树,HTML中的每一个标签都是DOM树 阅读全文
posted @ 2018-03-20 21:31 前端加油站 阅读(256) 评论(0) 推荐(0) 编辑
摘要:引用文档:http://caibaojian.com/vw-vh.html; http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/; http://blog.csdn.net/ZN 阅读全文
posted @ 2018-03-18 09:05 前端加油站 阅读(1780) 评论(0) 推荐(0) 编辑
摘要:引用文档:http://www.divcss5.com/html/h529.shtml;http://blog.csdn.net/qq_35432904/article/details/51804227 前几天面试了一个最基本的问题,现在复习一下它的原理 CSS中的长度单位有8个,px,em,rem 阅读全文
posted @ 2018-03-15 22:15 前端加油站 阅读(992) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示