这是我在51CTO博客的第一篇文

自我介绍：

我是一名java开发，目前擅长springmvc、springboot、springcloud等后端框架，vue2、vue3、bootsrtap等前端框架、oracle、mysql等数据库。从事开发已经八年了。

技术分享：

这段代码是在开发中遇到的问题，解决原生table固定列功能：

<script type="text/javascript">
		$(document).ready(function() { 
			getFixedColumn();
		});
		
		function getFixedColumn(){
        	//这是外层div
	        var tableDiv = document.querySelector("#yearStatics");
	        //这是水平可滚动距离
	        var diff = tableDiv.scrollWidth - tableDiv.clientWidth;
	        //获取前两列单元格
	        var names = tableDiv.querySelectorAll(".tr1 td:nth-child(1)");
	        /*******固定的逻辑基本就下面这些*********/
	        var scroll_x = 0;
	        tableDiv.addEventListener("scroll", function (e) {
	            //水平滚动固定前两列和最后一列
	            if (this.scrollLeft != scroll_x) {
	            	if(this.scrollLeft == 0){
	            		scroll_x = this.scrollLeft;
	            	}else{
	            		scroll_x = this.scrollLeft - 16;
	            	}
	                for (var i = 0; i < names.length; i++) {
	                    names[i].style.transform = "translateX(" + scroll_x + "px)";
	                }
	            }
	        })
        }
	</script>

个人目标：

希望自己以后坚持每天都在51CTO博客上发布文章，包含技术分享、遇到问题的处理方案、项目部署等。