目前前后端数据交互通常会使用json，如果前后端变量命名风格不一致，就会导致某一端要迁就另一端，这样在自己的代码中就会同时出现两种命名风格。为了避免这种尴尬，我们可以在接口获取数据和发送数据的地方做统一处理，将收到的数据统一转为前端的风格，而将发出的数据转为后端的风格。 这不，项目里后端用了下划线形式的命名风格，而前端用的是小驼峰格式，所以写了两个函数进行转换，主要用到了递归算法和字符串正则替换。

经常有同学问树结构的相关操作，也写了很多次，在这里总结一下JS树形结构一些操作的实现思路，并给出了简洁易懂的代码实现。

本文基于Vue实现了在页面中搜索关键词，并且实现仿浏览器搜索结果的的高亮展示。同时将关键词搜索高亮组件vue-search-highlight发布到了npm，可以在Vue项目中直接安装使用。

下拉菜单是比较常见的一个需求：点击按钮，弹出下拉菜单；点击下拉菜单以外的区域，隐藏菜单。本文以介绍了纯CSS的方式实现下拉菜单的方法。

本文介绍一下快速排序、归并排序、冒泡排序的JS实现。

其实三栏布局比较简单，而且方法也有很多。今天了解了一下传统的三栏布局方法：圣杯布局、双飞翼布局，本文简单记录一下。 所谓三栏布局，通常是指左右两栏定宽，中间一栏自适应页面宽度填满剩余空间的布局。

谈及HTML元素居中展示，涉及到水平居中和垂直居中，以及水平垂直居中。由于HTML文档流是水平方向的，所以水平方向上的布局控制比垂直方向要简单很多，居中也是如此。CSS控制居中是前端开发中非常常用的布局技能，本文列出几种CSS控制元素居中的几种方法。

前两天项目遇到一个需要给页面添加大纲导航的功能，要求把页面中的标题加入到大纲导航中。需求本身并不难，不过想把这个东西做得通用一些，也就是以后再有别的页面需要加导航，不用再重新写很复杂的逻辑了。本文说一下具体实现思路，并且文末会给出简便易用的导航生成工具。