JS插件
关注
分享
扫一扫
文章平均质量分 73
liu__software
这个作者很懒，什么都没留下…
展开
-
wangeditor ios点击无效，不聚焦问题
使用中遇到一点问题，就是 ios 系统的时候，点击了编辑器，键盘也弹出了，但是编辑器无法输入，无法编辑，也米有光标，于是就在网上找有没有相关的解决方案，试了几个也没有解决，最后试了一个，可以解决contenteditable 查询结果： https://www.runoob.com/tags/att-global-contenteditable.html还遇到一个问题，自动聚焦的问题，手机端打开页面，自动弹出键盘 我们找到源代码 找到这一行注释掉,就可以了还有一个问题，wangeditor 在移转载 2022-06-01 16:07:06 · 900 阅读 · 0 评论 -
Vue使用加载进度条组件NProgress
NProgress是页面跳转是出现在浏览器顶部的进度条官网：http://ricostacruz.com/nprogress/github：https://github.com/rstacruz/nprogress如下图所示，绿色的进度条就是NProgress实现的效果1、安装$ npm install --save nprogress 或者$ yarn add nprogress//用法NProgress.start();NProgress.done();...转载 2022-05-20 15:07:36 · 365 阅读 · 0 评论 -
js-xlsx使用-解析生成xlsx文件
1.js-xlsx 介绍由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库，功能强大，支持格式众多，支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。本文全部都是以xlsx格式为例。官方github：https://github.com/SheetJS/js-xlsx本文配套demo在线演示地址：http://demo.haoji.me/2017/02/08-js-xlsx/本文同步首发于我的个人博客和博客园。转载 2022-02-22 14:53:51 · 5882 阅读 · 0 评论 -
js实现word转换为html_效果不甚好
前言最近接到一个需求，实现上传一个word文档，然后将该word转换成html丢给服务端存上。进行技术调研后发现有三种方法可以实现这个功能：ActiveXObject、docx2html、mammoth。IE的 ActiveXObject var oWordApp=new ActiveXObject("Word.Application"); var oDocument=oWordApp.Documents.Open("C://test.doc");转载 2022-02-22 14:47:36 · 1856 阅读 · 0 评论 -
前端预览 PDF 文件几种方式汇总（使用PDFJS）
哈喽大家好啊。前半年还挺忙的，一直也没有发文章，有老哥想我了嘛。这两天发现老有人私信问我 PDF 相关的内容。那么好，为了我能安心摸鱼，我准备出一篇文章来介绍一下如何使用 PDFJS。PDF.js 是什么？PDF.js由 Mozilla 提供支持。目标是创建一个通用的、基于 Web 标准的平台，用于解析和呈现 PDF。预览 PDF使用 iframe、embed、新窗口打开测试地址，方案比较简单，属于看天吃饭，全靠浏览器爸爸赏。使用方式<embed src="htt..转载 2022-02-22 14:25:19 · 22429 阅读 · 0 评论 -
js-xlsx 读取和导出excel实现前端 Excel 导出(支持多 sheet)
之前写文章介绍了使用 js-xlsx 实现导入 excel的功能，现在再介绍一下如何使用js-xlsx 进行 excel 导出。【实现步骤】1. 首先安装依赖npm install xlsx --save2. 在组件中导入 xlsximport XLSX from 'xlsx';3. 提供导出按钮，编写导出方法<Button type='primary' onClick={this.handleExport}>EXCEL 导出</Button>..转载 2021-12-22 10:19:44 · 4785 阅读 · 0 评论 -
jsPDF将html页面生成pdf文件的前端解决方案及html2canvas如何真正解决跨域图片的问题
jsPdf是一个可以把html转成pdf的插件，有人多人在用。GitHub:https://github.com/MrRio/jsPDF 官方文档:http://raw.githack.com/MrRio/jsPDF/master/docs/ 但是老外做的很多东西没考虑过英文之外的语言，这个也不例外，不支持中文，而且页面还原度也不是很好。 网上实例导出的是 A4 大小，用到的是addImage，以及需要html2canvas库。其实就是把需要导出的网页，利用 html2canv...转载 2020-12-23 16:29:32 · 1934 阅读 · 1 评论 -
Ueditor屏蔽图片上传功能
dialogs目录为编辑器的功能的详细实现.以1.4.3为例修改ueditor1_4_3-utf8-php\dialogs\image\image.html <div id="tabhead" class="tabhead"> <span class="tab" data-content-id="remote"><var id="lang_tab_remote"></var></span>转载 2020-12-22 11:25:03 · 834 阅读 · 0 评论 -
Template-TModJS：使用tmodjs
1、安装npm install -g tmodjs2、配置我的模板都放在tpl文件夹中，htmls用于存放模板页面，每一个后缀名都是.html，而build用于存放编译后输出的模板js。如果不设置type，默认会将所有的模板编译合并为template.js ，而如果设置了type，就会单独生成对应js文件。运行后htmls文件夹下会生成一个package.js...转载 2020-04-30 16:32:24 · 616 阅读 · 0 评论 -
前端模板template-web简单使用
template-webM：template-web是什么东西，有什么作用？Z： 这是一个模板引擎，简单来说就是构建一个模板，让其生成html的js代码。如果不用该js，手动来操作，我们可能需要繁杂的拼接html标签，还要做for循环。（使用方法完全同tmodjs.js）M：具体使用的方式是怎么样的呢？Z：这里有个demo<!DOCTYPE html><h...转载 2020-04-30 16:29:59 · 1586 阅读 · 0 评论 -
nativeShare 移动端浏览器调用原生分享插件
原文地址https://github.com/fa-ge/NativeShare/blob/master/README.md起因最近有一个活动页需要在移动端浏览器分享网页到微信，QQ。虽然每一个浏览器都有分享到微信的能力，但不是每个都提供接口供网页来调用。及时有提供，浏览器暴露出的api也各不相同，而我写NativeShare的目的只是为前端开发者提供一致的api来调用浏览器的原生分享组...转载 2020-04-23 09:46:26 · 495 阅读 · 0 评论 -
H5唤起APP进行分享的尝试
H5唤起APP进行分享最近很久没有写blog和note，倒是过家家的开发日志简单草草写了一点。这次记录下这个学习过程由来我们的 "通达有你"，web h5页面的分享功能体验太差了，我一直想改变提高体验度。通常点分享然后跳转到另一个页面，比如QQ、空间、微博，还有微信。微信通常要扫二维码分享，（我们只有一个手机啊，还要再屏幕上扫二维码，通常要是我是尝试分享者，微信这么麻烦的分享我肯定...转载 2020-04-23 09:43:41 · 3630 阅读 · 0 评论 -
jquery.slimScroll插件 div添加滚动条
项目中左侧菜单栏中子菜单展开时长度过长，导致页面撑开。使用该插件为菜单栏的div加上滚动条github地址：https://github.com/kujian/jQuery-slimScroll?utm_source=caibaojian.comsimScroll插件项目下载地址：https://github.com/rochal/jQuery-slimScroll转载 2017-10-11 15:18:09 · 771 阅读 · 0 评论 -
移动web开发，12个触摸及多点触摸事件常用Js插件
如今移动互联网已经占据了主流地位，越来越多的开发者开始从桌面转向移动平台。与桌面开发不同的是，在移动领域中，不同的操作系统、大量不同屏幕尺寸的移动设备、触摸手势操作等，这都给开发者带来了一定的难度和挑战。虽然一些触摸事件，自己写起来也比较简单，但为了尽量不重复的造轮子，提高开发效率。这里收集整理了一些常用的手势事件脚本插件来供你参考。 QUO JS支持事转载 2018-01-20 02:27:30 · 1523 阅读 · 0 评论 -
cropper.js 裁剪图片并上传（文档翻译+demo）
官网http://fengyuanchen.github.io/cropper/ 文档https://github.com/fengyuanchen/cropper/blob/master/README.md –v3.x版本引入+使用<link href="/path/to/cropper.css" rel="stylesheet"><script src="/pa...转载 2018-11-23 19:36:24 · 728 阅读 · 0 评论 -
html2image原理简述
前言看到 TJ 大神 star了dom-to-image，也一直很好奇html怎么转 image那么就翻下源码，看下是如何实现的，其实一共就不到800行代码，还蛮容易读懂的工作原理使用svg的一个特性，允许在<foreignobject>标签中包含任意的html内容。（主要是 XMLSerializer | MDN这个api将dom转为svg）所以，为了渲染那个d...转载 2019-02-14 14:58:31 · 1175 阅读 · 0 评论 -
UEditor第二次加载总是不渲染的解决方案
转载自http://blog.youkuaiyun.com/zrk1000/article/details/46865093提出问题使用UEditor-1.4.3中遇到第一次跳转到使用UEditor的界面后，编辑器加载正常，返回后第二次再跳转到这个界面就出现UEditor无法正常加载，也没百度到答案，看UEditor源码，发现这样一段：/** * @file * @na...转载 2019-03-25 15:43:35 · 425 阅读 · 0 评论 -
jQuery - 滚动条插件 NiceScroll 使用详解（滚动条美化）
有时为了保持页面风格的统一，我们需要修改滚动条的样式。虽然我们可以通过CSS设置滚动条各部分的颜色样式，但这种方式不支持老版本的浏览器。而且不同的浏览器下，CSS滚动条属性的写法也不一样，如果各个浏览器都需要兼容（特别是移动设备的浏览器），那就十分麻烦了。 这里推荐一个十分好用的滚动条插件：Nicescroll一、NiceScroll 介绍NiceScroll是一...转载 2019-04-22 17:27:50 · 6800 阅读 · 2 评论 -
web,jsp,html网站中英文切换，资源国际化解决方案及代码（其中包含动态切换数据源及URL拦截器）
项目需求：在现有系统的基础上，实现网站的中英文切换，要求现有代码基本保持不变。解决方案：在经过众多的方案筛选后，选出了一个比较合适的方案。方案如下。首先要实现网站的中英文切换总共分为两部分。第一部分是网站上的静态文字。第二部分是从数据库查询出来的数据。第一部分解决方案：使用jquery的i18n插件，有关该插件的详细描述，请自行百度，这里不做过多的介绍。第二部分解决方...转载 2019-08-14 17:49:58 · 1139 阅读 · 0 评论 -
jQuery.i18n.properties 中文说明文档
jQuery.i18n.properties版本： 1.2.2关于jQuery.i18n.properties是一个轻量级的jQuery插件，用于从.properties文件中提供javascript的国际化，就像在Java资源包中一样。它根据提供的语言和国家代码（ISO-639和ISO-3166）或浏览器报告的语言加载和解析资源包（.properties）。资源束是包含区域设置...转载 2019-09-02 14:49:48 · 825 阅读 · 0 评论 -
jstree使用方法
if($("#browser").hasClass("jstree")){//刷新 //$("#browser").jstree().destroy();//方法一 destroy在生成 //方法二 直接刷新数据 $("#browser").jstree().settings.core.data = common.treeDataChangeField(res1.da转载 2017-10-16 20:54:44 · 1753 阅读 · 0 评论