- 博客(20)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 js数组快速去重方法
1、filter()方法let arr = [1,1,2,3,4,5,5,6]let arr2 = arr.filter(function(item,index) { // indexOf() 方法返回指定字符串值首次出现的位置 return arr.indexOf(item) === index})2、reduce()方法let arr = [1,1,2,3,4,5,5,6]let arr2 = arr.reduce(function(rs, cur) { // includes
2020-07-05 22:16:15
388
原创 如何实现Object数据深拷贝
方法一：利用JSON.stringify()转换为json字符串的方式实现JSON.parse(JSON.stringify())利用以上方法可以深拷贝Array、Object类型数据，但此方法有一个缺点，如果原Array、Object数据里面含有function方法，则function数据会被丢弃，无法完全拷贝。方法二：利用递归原理写函数实现function cloneObject(obj) { var newObj = {} //如果不是引用类型，直接返回 if (typeof o
2020-07-05 21:43:41
1598
原创 解决vscode打开空白的问题
win7下安装vs code，有出现打开空白情况，如图：问题：打开后窗口全黑，但是原按钮对应位置还有触摸手势，显示tag等，卸载重装等无效方法一启动方式后加 --disable-gpu 【推荐】方法二以兼容方式启动该程序【使用该方法，vs code的终端无法使用，无法输入】...
2020-02-03 14:58:55
6549
2
转载 react/vue使用Snap.svg巨坑
在react/vue中可以使用snapsvg，然而在使用时会碰上巨坑“Uncaught TypeError: Cannot read property ‘on’ of undefined”，这个问题可以用以下方法解决。首先需要先npm install snapsvg将其引入，其次需要引入npm install imports-loader，然后在使用时需要对其进行一定的处理如下：impor...
2019-02-21 17:33:27
3958
6
转载 Nicescroll滚动条插件的用法
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。官网地址：http://www.areaaperta.com/nicescroll/引入核心文件，插件需要引入1.5.X以上版本的jquery库最简单的用法如下：$(document).re
2017-12-08 10:46:18
244
转载 流程图插件
1、jsplumb：https://jsplumbtoolkit.com/ 截图： 2、FlowDiagram：https://github.com/mengmakies/FlowDiagram 截图： 3、kityminder：https://github.com/fex-team/kityminder 截图：
2017-09-14 10:56:06
8462
转载 MinDoc 接口文档在线管理系统
MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。MinDoc 的前身是 SmartWiki 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂，所以改用 Golang 开发。可以方便用户部署和实用，同时增加Markdown和HTML两种编辑器。开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的
2017-08-07 10:13:32
1943
原创 QRCode插件生成二维码
QRCode.js是用于制作QRCode的JavaScript库。QRCode.js支持在DOM中使用HTML5画布和表格标签的跨浏览器。<div id="qrcode"></div><script src="js/qrcode.js"></script>简单使用new QRCode("qrcode", "http://jindo.dev.naver.com/collie");//qrcode为
2017-05-16 11:40:02
3163
原创 利用html2canvas将网页内容导出为pdf
本文内容需要用到两个js插件，html2canvas.js及jsPDF.js，其中利用html2canvas.js将html内容转换成图片Base64编码，然后利用jsPDF.js将图片转换成pdf。引入js文件<script src="js/html2canvas.js"></script><script src="js/jspdf.js"></script>代码使用$('.pdfExport
2017-05-15 15:50:43
1086
原创 网页内容导出word文档jquery插件
插件描述：jquery.wordexport.js是一款将网页制定标签容器中的文本内容生成并导出word文档插件，借助该jQuery插件，可以将网页内容导出Word文档。先需要引入jquery，然后引入FileSaver.js、jquery.wordexport.js<script type="text/javascript" src="js/FileSaver.js"></script><sc
2017-05-15 15:11:41
7596
2
原创 JS 图片转Base64编码
不多说直接上代码：function getBase64Image(path, callBack, type) { var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); var img = new Image(); img.src = path; //图片
2017-05-10 17:49:09
1464
转载 twitter、facebook、pinterest、linkedin 分享代码
<a href="javascript:window.open('http://twitter.com/home?status='+encodeURIComponent(document.location.href)+' '+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, directories=no,
2017-05-04 16:46:29
2465
原创 利用jquery实现瀑布流效果
前言：现在很多内容型网站都会采用瀑布流布局来实现内容展示，包括文章类及图片类，我们可以自己动手来编写属于我们自己的瀑布流插件。效果：CSS部分： *{ margin: 0; padding: 0; } body { font-family: "Droid Serif","Helvet
2017-05-04 15:12:01
1350
原创 几行代码实现AJAX延迟请求
使用Input做关键词实时搜索功能是许多开发都会遇到的，然后实际很多情况下需要做延迟AJAX请求功能，网上也有很多可以使用延迟请求函数的插件如Underscore.js，但如果只为了这一个功能需求就引入一个插件未免太小题大作了，所以我们可以自食其力，自己动手写延迟函数。正常代码：<input type="search" class="keyword" placeholder="请输入关键词" />$
2017-04-28 10:33:41
9690
转载 懒加载——网页图片的加载技术
目前，网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度，具体实现的技术并不复杂，下面分别对其说明。首先，在页面中准备一个id为div1的div,在这个div中放一个ul,ul中准备了一些li,然而这些
2017-04-25 17:01:44
475
原创 JS 跨时区时间解决方案
由于地球的物理运行规律，地球时间被划分有24个时区，每个时区间隔一个小时，所以经常国外出差的朋友们也会关注一下目的地的时区及当地时间。 当然不仅生活中会受时间的影响，对于WEB程序员开发者开发国际化项目时也会遇到不小的麻烦，比如公司WEB服务器在中国，要确保国外客户访问数据的正常与正确性，得考虑跨时区的问题。既要确保服务器时间的统一性，又要确保时间的重要性。 javaScript开发国际
2017-04-18 17:32:27
3147
原创 Web存储storage、cookie的综合使用
作为一个前端，storage存储及、浏览器cookie是经常用到的。storage存储由HTML5提出的，包含localStorage及seesionStorage存储。cookie属于较早浏览器数据存储技术，可用于后台数据交互。优缺对比localStorage 优：数据存储在本地电脑，只要不清除，永久存在 缺：因数据存储在本地，数据存储安全性没有保障 sessionStorage 优：属浏
2017-03-07 12:37:00
296
原创 Vue实现国际化多语言开发
Vue是现如今比较流行的前端开发框架，具体怎么使用本文就不多介绍了，现在主要分享下自己在开发中所用到的国际化多语言开发，环境使用vue2.0，vue-i18n，vue-resource。引入必要插件import Vue from 'vue'import VueI18n from 'vue-i18n'import VueResource from 'vue-resource'Vue.use(Vu
2017-03-01 11:10:52
14293
1
原创 使用FormData进行Ajax上传文件
常用Ajax提交通过URL参数提交，提交方式“POST”,”GET”等，而如果需要通过Ajax提交文件则需要用到FormData。FormData用法：1、使用FormData实例化表单数据//实例化表单var form=document.getElementById('myForm');var formData=new FormData(form);//添加数据formData.appe
2017-02-28 16:27:27
852
jQuery1.11.0 API中文手册
2015-01-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人