商嘉航-CSDN博客

原创 jquery---仿淘宝商品图片局部放大

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

2018-11-05 16:35:30 974

原创 jquery实现图片无缝滚动，蒙版遮蔽效果

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

2018-11-01 14:29:03 562

创建一个自签名的SSL证书文章目录创建一个自签名的SSL证书前言一、服务器私钥与证书的生成（以apache 2.4 为例）1.生成服务器私钥server.key2.生成服务器证书server.crt总结前言Https是标准Http协议架构在SSL/TLS上的一种架构，主要提供通讯双方的身份认证和加密通信认证。在数据通信之前需要客户端、服务器进行握手（身份认证），建立连接后，此后通信数据均进行加密传输，保证通信安全，Https通信端口443。身份验证过程：1、客户端的浏览器向服务器传送客户端 S

2021-11-09 15:35:14 1164

原创关于js表格固定列实现

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

2019-12-17 15:04:44 2551

原创 js读取Excel 文件并依据指定内容生成sql文件

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

2019-11-04 15:01:57 692

原创原生js 实现可拖拽树形目录结构

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

2019-10-16 19:50:36 2912

原创 video.js的使用

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

2019-08-19 14:29:11 467

转载 windows桌面github简单使用

https://github.com/ 这是GitHub的官方网站，在官网上可以注册属于自己的GitHub账号使用方法1. 连接到账号 2. 首先要在本地创建一个ssh key 这个的目的就是你现在需要在你电脑上获得一个密匙，就是咱们平时的验证码一样的东西，获取之后，在你的GitHub账号里边输入之后，你的电脑就和你的GitHub账号联系在一起了，这样以后就可以十分方便的通过Git...

2019-07-18 16:27:00 147

原创仿京东轮播图-----无缝连接

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

2018-10-22 17:24:50 496

原创 CSDN-----jquery拖拽图片

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

2018-09-28 10:13:37 229

TableClass.js

实现表格的x轴横向固定列和非固定列的滚动；实现表格y轴同步滚动；实现表格联动相关；自定义表格相关插件；

2019-12-17

js 实现获取对应数据生成 .sql建表文件

通过获取的数据，将数据进行相关的规则处理生成不同的sql建表文件；使用方法：new Data2Sql(data,type); data：获取的数据； type：转换的类型文件，如：mysql,sqlserver,oracle(目前仅支持此三种数据库)；此文件也可以配合本人的 GetExcelData.js 工具一起使用； GetExcelData.js 用来读取Excel文件数据，

2019-11-04

GetExcelData.js

基于xlsx.core.js的原生js 实现读取Excel 数据使用方法1：new GetExcelData(document.getElementById("file"));实例化对象时传入绑定上传文件的对象使用方法2：实例化对象后 GetExcelData.domclick(document.getElementById("file"));通过domclick（）传入上传文件的对象

2019-11-04

基于input的，适用下拉框、自动补全

使用方法： var arr = [1,2,3,4,5,6,7,8]; $("input").addSelectDom(arr); 简单上手，提供自动补全筛选规则

2019-10-22

ztree.sh.js

原生js 实现可拖拽树形目录结构通过使用递归遍历的方式遍历数据对象；依据每次遍历的结果生成ul->li的结构目录；

2019-10-16

video.js 基于js的video标签视频播放插件，简单上手

基于js的video标签视频播放插件； window.onload = function(){ oVdo = new Video({ name:"video", time:[ {"src":"./video/22.mp4","title":"shangjiahang@tinysoft"}, {"src":"./video/23.mp4","title":"shangjiahang1@tinysoft"}, {"src":"./video/24.mp4","title":"shangjiahang2@tinysoft"} ] }); }

2019-08-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

商嘉航的博客