js
DenggLin
站在风口猪都会飞,关键看透“风口”在哪里
展开
-
vue 通过运行npm run build打包后隐藏源码
正常运行npm run build 之后发现仍可通过webpack目录下看到源码如果我们不想源码在打包后仍然可见,只需修改下配置即可把config/index.js 里面的productSourceMap改为false即可修改后效果示例:...原创 2019-05-14 11:17:02 · 5216 阅读 · 0 评论 -
判断多张图片是否加载完毕
代码如下: $.when.apply(null, $(".ccc").map(function(i, e) { var dfd = $.Deferred(); if (e.complete) { console.log(`${i}`) dfd.resolve() } else { ...原创 2018-05-31 15:44:37 · 1883 阅读 · 0 评论 -
vue + ElementUI 点击页面内按钮跳转,导航栏选中问题
vue + ElementUI 点击导航栏跳转页面是可以正常跳转高亮的,但通过页面内点击按钮跳转页面就会导致侧边栏不知道该选中那个了,下面说下解决方法 <el-menu class="sidebar-el-menu" :default-active="onRoutes" > </el-menu> onRoutes(原创 2018-06-21 12:11:36 · 34702 阅读 · 21 评论 -
微信分享添加缩略图
在微信内打开链接后,点右上角【…】选择【发送给朋友】或【分享到朋友圈】,这种分享方式获取缩略图的方法:在页面 body 最上方添加 300*300 像素的 img 如该图片不需要显示,可以用 css 隐藏,但不能直接对 img 设置 display: none;。可以在父层 div 上设置 display: none; 或者对 img 设置 position: absolute; vis...原创 2018-06-04 13:49:18 · 9708 阅读 · 4 评论 -
setTimeout延时0毫秒的作用
https://www.cnblogs.com/winner/archive/2008/11/15/1334077.html转载 2018-04-28 18:14:04 · 367 阅读 · 0 评论 -
HTML5之FileReader的使用
<!doctype html><html><head><meta charset="utf-8"><title>test</title><script src="转载 2018-05-12 16:13:37 · 147 阅读 · 0 评论 -
json在html页面上高亮显示
如果不需要高亮显示,只要把json.stringify()之后的数据放在pre标签里面就行如果需要高亮显示,可参考下面代码: js function syntaxHighlight( json ) { json = json.replace( /&/g, '&amp;' ).replace( /</g, '&...原创 2018-04-18 14:19:16 · 3344 阅读 · 1 评论 -
顶部进度条
顶部进度条,效果如下 /* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress * @license MIT */;(function(root, factory) { if (typeof define === 'function' && define.amd) ...原创 2018-04-14 18:32:59 · 601 阅读 · 0 评论 -
nodejs调用接口,并把接口数据通过邮件发送(可添加附件)
公司要求晚上营业结束后 通过givex的接口获取这1w个用户的积分余额,会员等级,过期积分,及续期积分及续期日信息,所以就写了这个 主要代码 index.jsconst http = require('http'); const fs=require('fs');const qs = require('querystring'); const SendMail=require('....原创 2018-03-19 17:22:56 · 2155 阅读 · 0 评论 -
自己写的一个分页
pagination.js;(function() { window.DelinPagination=function DelinPagination(totalPages,pageSize,pageNum){ window.totalPages=(totalPages?totalPages:0)//总页数 window.pageSize=(pag...原创 2018-03-05 16:37:16 · 300 阅读 · 0 评论 -
H5视频video
H5视频video <video id="video" preload='auto' webkit-playsinline='true' playsinline='true' x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen='true' x5-video-ignore-metada...原创 2018-05-31 15:48:32 · 433 阅读 · 0 评论 -
一个模拟数据的网站
在这里可以模拟任意你想要的数据:https://easy-mock.com/dashboard原创 2018-07-18 09:54:33 · 7743 阅读 · 2 评论 -
vue2.0 子组件和父组件之间的传值(转载)
地址: https://www.cnblogs.com/daiwenru/p/6694530.html最最需要注意的一点是父组件里的子组件只能有一个 例如:父组件<child v-on:aaa="ccc"></child>这里的child组件只能有一个在父组件里是有的,可用v-if来切换...转载 2018-07-12 14:57:07 · 118 阅读 · 0 评论 -
js剪切板复制的表格自动识别
效果图如下:把excel里的表格数据粘贴到框内,自动识别数据,这个例子比较简单,只是提供个思路代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...原创 2019-04-22 15:27:42 · 1351 阅读 · 0 评论 -
一个简单的掷骰子小游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-03-06 12:23:26 · 1959 阅读 · 0 评论 -
jquery 异步导入文件
ajaxForm.js/*! * jQuery Form Plugin * version: 3.23 (11-DEC-2012) * @requires jQuery v1.5 or later * * Examples and documentation at: http://malsup.com/jquery/form/ * Project repository: https:...原创 2019-02-25 11:32:13 · 672 阅读 · 0 评论 -
js delete删除对象的某个属性发现即使把当前对象重新赋值给临时变量后删除临时变量中的属性最终原对象的属性也会被删除的解决方法
js delete删除对象的某个属性发现即使把当前对象重新赋值给临时变量后删除临时变量中的属性最终原对象的属性也会被删除例如<html><head></head><body><script>var obj={"name":"wdl","phoneNum":12345678901}var原创 2019-02-27 14:32:52 · 2068 阅读 · 0 评论 -
js canvas逐个打字并画心形
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name ="viewport"content ="width = device-width, initial-scale = 1.0, maximum-scale = 1.0,原创 2018-11-12 15:36:50 · 2287 阅读 · 0 评论 -
js 字逐个打出效果
字逐渐打出效果即:2_20_2018_&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;meta name ="vie原创 2018-11-12 11:42:21 · 569 阅读 · 1 评论 -
QQ,微信实现自定义分享
在我们做项目的时候经常会要求可以自定义分享QQ分享引入 <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script> //QQ分享 setShareInfo( { ...原创 2018-11-02 16:10:39 · 2141 阅读 · 3 评论 -
js数组里对象的某一列相加
js 对象数组,里面的某一项值相加,比如下例中,当a的值相同时,num列相加,之后得到最终数组<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"&am原创 2018-08-29 18:29:28 · 15569 阅读 · 0 评论 -
js计算数组里的对象的某个值相同,其余值相加
let arry=[ {Code:'x',Quantity:1,ItemType:'normal'}, {Code:'x',Quantity:2,ItemType:'normal'}, {Code:'x',Quantity:5,ItemType:'normal'}, {Code:'y',Quantity:1,ItemType:'spec'}, {Co...原创 2018-07-16 00:03:19 · 9642 阅读 · 2 评论 -
ES6的Promise对象
今日在做公司消息机项目时,有个需求是先通过ajax获取该第三方所拥有权限的模板id,然后在根据id再ajax获取详情,每一个都要执行一次请求,并且需要return ajax数据,而且要分奇偶展示,常规情况下用回调就行,但。。。好吧就是想装装b废话说了一堆,现在开始讲解ES6的Promise对象 all属性就是我想要的 用Promise.all来执行,all接收一个数组参数,里面的值最终都算...原创 2018-03-15 12:07:08 · 142 阅读 · 0 评论 -
这一次,彻底弄懂 JavaScript 执行机制(写的非常好)
本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。 不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:*javascript是按照语句出现的顺序执行的*看到这里读者要打人了:我难道不知...转载 2018-02-09 16:44:42 · 869 阅读 · 0 评论 -
一道递归题目
一道递归题目//斐波拉契题(兔子生兔子题目)--从出生后第3个月起每个月都生一对兔子,小兔子长到第三个月后每个月又生一对兔子,假如兔子都不死,问每个月的兔子对数为多少// 产量分析:1, 1, 2, 3, 5, 8, 13, 21 。。。//及前个数相加等于第三个数1+1=2,1+2=3,2+3=5。。。。// 第n个月的兔子总数 = 第n-1个月的兔子总数 + 第n-2个月的兔转载 2018-01-22 17:03:44 · 258 阅读 · 0 评论 -
js导出excel兼容各个主流浏览器
废话不多说直接上代码<html><head><script type="text/javascript" language="javascript"> var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ; //原创 2017-08-02 17:13:11 · 3165 阅读 · 5 评论 -
用JS获取地址栏参数的方法(超级简单)但实用
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)r转载 2017-08-03 11:02:19 · 459 阅读 · 0 评论 -
SQL连表查询
感觉好笨,老大写过想了一会才想明白。因为数据都是在两个表中的两个表中,所以是四个表。应该先把一个表中的两个表筛选出来,然后再用union. SQL UNION 操作符 UNION 操作符用于合并两个或多个 SELECT 语句的结果集。 请注意,UNION 内部的 SELECT 语句必须拥有相同数量的列。列也必须拥有相似的数据类型。同时,每条 SELECT 语句中的列的顺序必须相同。select原创 2017-08-02 14:38:35 · 427 阅读 · 0 评论 -
eventutil 跨浏览器事件对象
参考js高级程序设计(三)var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element.addEventListener){ element.addEventListener(type,handler,false); //使用DOM2级方法添加事件 }else翻译 2017-08-16 15:45:06 · 259 阅读 · 0 评论 -
indexOf 的使用
先说一下我们经常使用的情况 1.字符串中的使用var yourName='WDL';yourName.indexOf('D');//1;yourName.indexOf('L');//2;yourName.indexOf('1');//-1;如果有就返回这个字符的位置,我们常用xx.indexOf(‘*’)>=0来判断是否还有某个字符,起始位置是从0开始,如果不含有字符就返回-1;2.num原创 2017-07-24 14:55:55 · 2669 阅读 · 0 评论 -
bootstraptable获取显示隐藏列方法
目前在做一个项目要求列要可排序,可筛选,可编辑,并且支持显示和隐藏,排序、编辑、筛选都比较好做,唯一的一个显示和隐藏正常情况下我们只需加上 showColumns: true, //显示下拉框勾选要显示的列即可 但现在的要求是要勾选后,把显示隐藏项发送给后端,下次再登录时,直接显示上次的配置。看了官网文档没法先解决方案,后来看源码发现有一个方法 onColumnS原创 2017-08-01 16:35:20 · 2228 阅读 · 2 评论 -
localStorage记住用户密码
随着HTML5规范的普及,我们不再用cookie来实现记住密码,通常会用的LocalStorage及本地缓存。 对于Cookie来说它只有一个document.cookie这一个API可以使用,不管是读取Cookie还是存储Cookie你都只能使用它 然而LocalStorage,你存储的时候有localStorage.setItem(),你读取的时候有localStorage.ge原创 2017-07-24 10:55:52 · 3736 阅读 · 0 评论 -
JS正则表达式完整教程(略长)
引言 第一章 正则表达式字符匹配攻略 第二章 正则表达式位置匹配攻略 第三章 正则表达式括号的作用 第四章 正则表达式回溯法原理 第五章 正则表达式的拆分 第六章 正则表达式的构建 第七章 正则表达式编程 后记 下面简单地说说每一章都讨论了什么? 第一章 正则表达式字符匹配攻略正则表达式是匹配模式,要么匹配字符,要么匹配位置。请记住这句话。然而关于正则如何匹配字符的学习,大部分人转载 2017-07-21 15:30:58 · 1954 阅读 · 0 评论 -
bootstrap 公用导航栏添加active
只需新建一个头文件然后引入即可,不用再每个页面都重复加active,代码如下:$(function (){ $('.navbar-nav li').find('a').each(function () { if (this.href == document.location.href || document.location.href.search(this原创 2017-07-17 14:57:17 · 3484 阅读 · 3 评论 -
Jquery编写自己的插件
编写自己的插件首先我们需要搭建一个插件框架如下:(function($){})(jQuery)编写自己所需要用的插件: 下例是一个带关闭按钮的提示框/** * * @authors wdl ([email protected]) * @date 2017-07-26 10:04:44 * @version $Id$ */(function ($) { $.extend({原创 2017-07-26 11:15:22 · 1280 阅读 · 0 评论 -
动态生成input绑定事件无效如:blur
原因: 异步导致绑定事件失败。 需使用全局绑定事件,代码如下: <div class="form-group"> <select class="form-control remark"> <option value="0">已补</option> <option value="1">无误</option> <opt原创 2017-07-26 11:03:03 · 10321 阅读 · 0 评论 -
js知识总结思维导图
js思维导图转载 2017-08-04 11:08:12 · 785 阅读 · 0 评论 -
javascript 正则表达式使用说明详细教程
1,正则表达式的作用:匹配一个字符串中的一些内容2,声明和使用:1)构造函数 var reg=new RegExp(/表达式/) 2)字面量 var reg=/表达式/ 推荐使用 eg: var reg=/abc/ 表示匹配含有abc 的字符串 常用方法:reg.test(“要检测的字符串”) 返回布尔值3,最简单开始1)简单类 只要含有正则中的内容即可 var reg=/a转载 2017-12-29 14:27:35 · 165 阅读 · 0 评论 -
复选框的美化
主要借用了label input[type="checkbox"]{ appearance: none; -webkit-appearance: none;outline: none; display:none } label{width:100px;height转载 2017-12-25 14:07:56 · 184 阅读 · 0 评论 -
js判读变量是不是NaN
window.isNaN()只能检查是不是NaN和是不是数字es6之后我们可以用Number.isNaN()来检查对于不支持ES6的浏览器,我们可以像下面这样用if(!Number.isNaN){ Number.isNaN=function(n){ return n===Number&&window.isNaN(n) } }原创 2017-12-22 17:32:10 · 289 阅读 · 0 评论