商嘉航的博客

一、概述在开发过程中前端列表展示数据对比查看的情况是比较常见的，我最近接到的一个任务就是要处理这样的数据；一般这种需求将某一列或几列进行横向固定然后其它不固定的列可以照常实现x轴的滚动；话不多说先上图：需求设计这里实现了表格的x轴横向固定列和非固定列的滚动；实现了表格y轴同步滚动；实现思路实现滚动条大家都知道怎么处理，但是设计固定列我一开始没有什么具体的想法，本来是考虑把...

最近接到个需求是通过excel文件生成数据库，于是便做了这么个工具；开发思路：1、读取Excel文件；2、将内容转换为sql；3、生成对应类型的sql文件；读取Excel 使用现成的工具 xlsx.core.js;xlsx.core.js 中重要的两步，1、是设置读取的类型；…XLSX.read(data, {type: ‘binary’});…2、是读取的结果值进...

话不多说，先上图：点我查看演示实现技术要点目录结构层级的不可确定性；此处应当使用递归遍历的方式遍历数据对象；依据每次遍历的结果生成一个节点；贴代码：for(let i=0;i<obj.length;i++){ if(obj[i].children.length){//判断是否循环到当前叶子节点 this._forList(obj[i].children,this._s...

JQuery实现拖拽DIV之前实现的是以纯javascript进行图片拖拽，昨天发现做特效用jquery代码量减少了一倍多，实现拖拽的技术难点主要是在拖动结束点的控制，在放弃选择拖拽目标时要准确的将事件清除掉，否则就会出现鼠标明明放弃拖拽，目标却还在移动，学习的小伙伴们最好了解清楚bind和unbind在jquery中到底是做什么的。&lt;!DOCTYPE html&gt;&lt;html...

技术难点主要是对选择中元素的前后进行改变属性，选中元素的时机处理。

1、无缝连接：通过对li设置属性float：left；消除标签之间的间隔2、通过对ul整体进行偏移设置，使图片整体滚动，3、设置图片切换时机，4、蒙版遮罩移入时机的选择代码片.&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&amp

本篇博文用于简单记录图片放大功能实现功能实现还存在一些小漏洞在文章结尾提出，希望各位指正1、图片放大初考虑将图片转换为字体图片形式，然后进行放大处理，但最终本人技术不过关无法实现，后用width: 200%;进行一般的图片放大，所以当图片越大就存在一些失真；2、图片放大后的显示为本次实现的关键，通过获取鼠标指针的位置从而获取指针在图片的那一个位置，再以当前位置进行图片放大，放大后将图片...

如何使用js开发视频播放插件基本用法<script>window.onload = function(){oVdo = new Video({ name:"video", //视频video所在的父元素,必填 time:[ //必填 {"src":"./video/22.mp4",title"标题"},//"src":"视频地址","title":"标题" /...