csdn_cjgu-CSDN博客

原创 react antd的Table组件实现鼠标移入某一行显示该行操作

实现思路（基于react hook 实现）定义一个state 值，记录当前鼠标移入行的索引操作列使用 colume 的 render 属性自定义渲染内容，但是要给列宽，否则内容的显示隐藏会导致表格抖动，渲染内容通过对比本行索引（index）与 state 记录的索引，动态设置内容className通过Table 的 onRow 属性，通过回调方法得到当前鼠标移入行的索引，并更新state别墨迹，快上代码吧import React, { memo, useCallback, useState }

2020-09-30 09:03:40 5325

原创利用Office Online 实现文档在线预览

首先，office的在线预览无疑问是在不用下载的前提下通过浏览器直接进行浏览，所以针对浏览器的版本不同系统是有要求的，具体的浏览器支持情况可以查看官方提供的文档：点我查看利用office online 平台进行office 文档的在线查看，主旨在于获取文档的具体地址，通过Office 平台提供的链接地址指向需要预览的文档地址即可，例： http://view.officeapps.live.com

2017-04-06 14:41:39 12533 1

原创 jquery 设置浏览器屏蔽键盘回退功能

记录一下，方便日后使用，如果有人发现有什么不对的地方，请多多指教if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.history.pushState('forward', null, '#'); window.histo

2017-02-07 16:06:27 745

原创用 css 限制单行、多行文本显示长度

用css 限制文本显示长度，多于部分用…代替width:150px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;white-space: 规定段落中的文本不进行换行参数详解 text-overflow:规定当文本溢出包含元素时发生的事情参数详解

2016-12-22 10:09:40 3046 1

原创 Jquery 实现图片懒加载

直奔主题，根据jquery 提供的 lazyload.js 插件实现图片懒加载，demo 在最下面 lazyload.js 可以实现图片的分批加载，可以缓解庞大项目的网络压力，使用起来非常方便代码供上：<!DOCTYPE html><html> <head> <title>图片懒加载</title> <meta http-equiv="Content-

2016-12-07 10:03:29 998

原创 js 数组常用操作&遍历数组同时删除多个元素

1、向数组最后位置插入一个对象：arr.push(obj);2、删除数组最后一个对象（注意：pop 方法会返回被删除元素）：arr.pop();3、splice 方法：splice(index,len,[item]) 注释：该方法会改变原始数组，splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标 len: 替换/删除的长度

2016-12-05 11:18:51 1852

原创 js 复制内容到剪切板

最近客户提出来要将当前页面的url 复制到剪切板，然后直接打开其他浏览器标签粘贴播放的需求，但是上网找了很多例子都不好使（浏览器兼容），网上的的现有方案大致有两种：一：使用原生JavaScript中window.clipboardData实现复制到剪贴板功能，但是仅仅支持ie浏览器，在firefox,chrome浏览器上则不起作用二：使用Zero Clipboard库，它是基于 Flash 来实现跨

2016-12-02 11:08:15 640

原创 HTML存储--LocalStorage相关学习

1、localStorage、sessionStorage、Cookie和Session区别：localStorage 用于在客户端持久存储数据，除非主动删除数据，否则数据是永远不会过期的。sessionStorage 用于在会话期间存储数据，被存储的数据只有在同一个会话中的页面才能访问，并且当会话结束后数据也会随之销毁。与Cookie相比，localStorage有以下优势： -每个C

2016-11-30 10:07:41 392