当前标签:前端,
共17篇文章
Vue关键词搜索高亮
2019-11-19
本文基于Vue实现了在页面中搜索关键词,并且实现仿浏览器搜索结果的的高亮展示。同时将关键词搜索高亮组件vue-search-highlight发布到了npm,可以在Vue项目中直接安装使用。
CSS实现下拉菜单,点击下拉区域以外的区域关闭菜单
2019-11-16
下拉菜单是比较常见的一个需求:点击按钮,弹出下拉菜单;点击下拉菜单以外的区域,隐藏菜单。本文以介绍了纯CSS的方式实现下拉菜单的方法。
CSS布局:三栏布局
2019-06-12
其实三栏布局比较简单,而且方法也有很多。今天了解了一下传统的三栏布局方法:圣杯布局、双飞翼布局,本文简单记录一下。
所谓三栏布局,通常是指左右两栏定宽,中间一栏自适应页面宽度填满剩余空间的布局。
CSS垂直居中,你会多少种写法?
2019-04-24
谈及HTML元素居中展示,涉及到水平居中和垂直居中,以及水平垂直居中。由于HTML文档流是水平方向的,所以水平方向上的布局控制比垂直方向要简单很多,居中也是如此。CSS控制居中是前端开发中非常常用的布局技能,本文列出几种CSS控制元素居中的几种方法。
文章页面目录自动生成方案
2019-04-23
前两天项目遇到一个需要给页面添加大纲导航的功能,要求把页面中的标题加入到大纲导航中。需求本身并不难,不过想把这个东西做得通用一些,也就是以后再有别的页面需要加导航,不用再重新写很复杂的逻辑了。本文说一下具体实现思路,并且文末会给出简便易用的导航生成工具。