js
关注
分享
扫一扫
龙小王
这个作者很懒，什么都没留下…
展开
-
VUE中使用lodash的debounce和throttle方法
http://www.884358.com/lodash-debounce-throttle/#fang_doudebounce原创 2021-02-02 19:42:50 · 470 阅读 · 0 评论 -
lodash的防抖debounce和节流throttle
lodash的防抖debounce和节流throttle目录隐藏1防抖debounce2节流throttle文章目录收缩防抖debounce 节流throttle防抖debounce用户在输入框内频繁输入时，默认会被触发多次。如果希望在用户输入后，延迟一定时间的再触发，则可以使用防抖debounce。DEMO：在输入框内输入时，在规定时间（0.5秒）内只触发一次开启防抖前 每次输入都会触发 开启防抖后 输入间隔一段时间后才触发 代码：...转载 2021-02-02 19:40:35 · 875 阅读 · 0 评论 -
前端常用的60多种JavaScript工具方法
推荐一个Github工具库，喜欢去看看，有60多种常用的JavaScript代码方法，比如判断邮箱，是否是移动浏览器，获取URL参数，洗牌随机算法，检查密码强度等。 1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) =>原创 2021-02-01 13:18:24 · 177 阅读 · 0 评论 -
js遍历数组对象的键值，给相同的键值和不同的键值设置分类属性
var arr = [ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":"值1","value":"11111"}, {"id":"1002","name":"值2","value":"25462"}, {"id":"1002","name":"值2","value":"23131"}, ...原创 2021-01-20 21:05:54 · 820 阅读 · 1 评论 -
移动端video视频播放器不全屏播放
<video id="my-player" class="video-js vjs-default-skin vjs-big-play-centered" controls x5-playsinline="" playsinline="" webkit-playsinline="" x-webkit-airplay="true" preload="auto" ...原创 2020-07-21 10:30:42 · 806 阅读 · 0 评论 -
记一次electron打包exe过程
electron打包exe文件的坑比较多。本次打包方式为：electron-packager。具体操作如下：1、在https://github.com/electron/electron-quick-start下载压缩文件，加压。进入electron-quick-start文件夹cmd命令安装node_modules。常用方法 npm install ，但非常慢，安装不成功。有些同学会想：...原创 2020-05-08 08:53:52 · 479 阅读 · 0 评论 -
js中的hasOwnProperty()和isPrototypeOf()
这两个属性都是Object.prototype所提供:Object.prototype.hasOwnProperty()和Object.prototype.isPropertyOf()先讲解hasOwnProperty()方法和使用。在讲解isPropertyOf()方法和使用看懂这些至少要懂原型链一、Object.prototype.hasOwnProperty()概述ha...转载 2018-07-22 10:06:45 · 931 阅读 · 0 评论 -
对js原型简单的理解和图解
最近在努力的学习js中，今天就抽了个空把自己理解的原型，记下一下在笔记中，以后自己查看，有空在会把原型链记录一下。1.prototypeprototype:是一个函数的属性，每个函数中都会有一个prototype属性，这个属性是一个指针，指向一个对象。该如何查看prototype创建一个Person函数，打开chrome里面，F12打开开发者工具在Sources,在最右边的Wa...转载 2018-07-22 10:08:27 · 161 阅读 · 0 评论 -
星号替换手机号码的中间四位数
应用场景在个人中心或者中奖人名单是用户的手机号码，为了保护用户隐私，需要将手机号码的中间四位数替换为星号！替换的用法phoneNumber.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');1应用实例function withPhone(phoneArr){ let arr = []; phoneArr.forEac...转载 2018-08-19 09:36:23 · 1302 阅读 · 0 评论 -
vue中引入常用的js插件npm方法
移动端图片压缩插件localResizeIMG、介绍： 解决Webapp项目中上传图片时，拍照或者选择的图片太大，导致上传速度缓慢，用户体验差，高并发下，后台处理较大的文件压力大。 为了降低类似问题带来的影响，我们采用Vue2.0压缩图片插件localResizeIMG（lrz），压缩图片。 大体的思路：每次拍照或选择一张图片-然后压缩图片-预览上传。上传图片压缩插件是localR...原创 2019-02-23 09:12:42 · 1518 阅读 · 0 评论 -
TinyMCE添加图片 路径自动处理成相对路径
在vue中使TinyMCE编辑器。在往编辑器插入图片，保存后，数据库中的图片路径下会自动转换你的图片路径如：转换：/path/name.jpg为../path/name.jpg带有域名的路径也会被转换为相对路径。如何让路径带域名呢？只要在初始化时候，多添加一个参数就ok了：tinymce.init({selector: 'textarea', // change thi...原创 2019-05-09 18:14:20 · 4661 阅读 · 1 评论 -
H5项目常见问题汇总
https://www.qdfuns.com/article/23172/305a52a57eMeta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面HTML复制全屏 1//一、HTML页面结构2<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum...转载 2018-07-21 11:26:50 · 302 阅读 · 0 评论 -
js获取坐标
在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容 鼠标点击位置坐标相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screen...转载 2018-07-21 11:03:55 · 1387 阅读 · 0 评论 -
为 Javascript 数组添加 shuffle 方法
第一种：Javascript代码 //Array Remove - By John Resig (MIT Licensed) Array.prototype.remove = function(from, to) { var rest = this.slice((to || from) + 1 || this.length); this.length...转载 2018-07-17 18:36:01 · 1133 阅读 · 0 评论 -
j's判断是否是手机端跳转代码
<script type="text/javascript"> function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|...原创 2018-02-28 15:17:34 · 183 阅读 · 0 评论 -
不可错过的javascript迷你库
cookie.js如果你操作过cookie的接口，那么你一定会感觉这东西的规范真的是太复杂了，根本记不住啊，其实你是对的，因为cookie的接口设计的是有问题的，也就是说设计的太底层了，根本不友好，那么来试试这个js库吧。store.js再来说说浏览器的localStore吧，这东西太赞了，可惜尼玛每个浏览器都实现的各不相同，我也是醉了，如果你也有同样的烦恼，不如来试试这个迷你库，它有更简单...转载 2018-02-28 15:20:17 · 166 阅读 · 0 评论 -
本地存储localstorage
https://segmentfault.com/a/1190000007539338?share_user=1030000011970377store.js 是一个兼容所有浏览器的 LocalStorage 包装器转载 2018-02-28 15:23:57 · 300 阅读 · 0 评论 -
图片上传前压缩 lrz库
之前手机微信端的项目因为图片太大导致体验十分不流畅，后来采用把上传的图片统一压缩大小后解了燃眉之急。但这个方法的遗憾就是得等到图片上传后在服务器端压缩，用户如果上传比较大的图片耗时太大，而且也耗流量。关键是在用户上传前就把图片压缩了，如今找到了解决方法；用了lrz这个库，http://www.jq22.com/jquery-info3419，感谢这个地址平常手机照片2M的图一般能压缩到150kb左...转载 2018-02-28 15:58:03 · 2542 阅读 · 1 评论 -
JavaScript闭包
这篇文章使用一些简单的代码例子来解释JavaScript闭包的概念，即使新手也可以轻松参透闭包的含义。其实只要理解了核心概念，闭包并不是那么的难于理解。但是，网上充斥了太多学术性的文章，对于新手来说，看完这些文章可能会更加一头雾水。这篇文章面向的是使用主流开发语言的程序员，如果你能读懂下面这段代码，恭喜你，你可以开始JavaScript闭包的学习之旅了。JavaScript12345678func...转载 2018-02-28 17:32:40 · 189 阅读 · 0 评论 -
JS 实现抛物线动画
author: 陈家宾email: 617822642@qq.comdate: 2018/2/24在做小程序的项目中，需要在添加购物车的时候，增加抛物线小球动画。先给大家看下效果图（其实已经是实现后的效果了，顺便给自己公司打广告了哈哈）分析这种不固定起始位置的动画，自然不能用 gif 图，所以只能用原生代码实现那我们有什么工具来实现动画呢？小程序提供了 JS API createAnimati...转载 2018-03-01 12:46:40 · 1646 阅读 · 0 评论 -
本地存储localStorage以及它的封装接口store.js的使用
点击打开链接转载 2018-03-01 22:44:30 · 302 阅读 · 0 评论 -
得到html传递的参数
/** * 得到html传递的参数 * @param name * @returns */function getQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(r...转载 2018-06-14 08:24:47 · 284 阅读 · 0 评论 -
js获取class中的属性
js获取class中属性需要的函数obj.currentStyle[attr]和getComputedStyle(element, null)var oDiv = document.getElementById('div1'); function getStyle(obj, attr){ return obj.currentStyle ? obj.currentStyle[a...原创 2018-07-17 09:49:09 · 14097 阅读 · 0 评论 -
为 Javascript 数组添加 shuffle 方法
为 Javascript 数组添加 shuffle 方法PHP 里面有个非常方便的打乱数组的函数 shuffle() ，这个功能在许多情况下都会用到，但 javascript 的数组却没有这个方法，没有不要紧，可以扩展一个，自己动手，丰衣足食嘛。为 Javascript 数组添加 shuffle 方法 – 示例 <script type="text/javascript"&g...转载 2018-07-17 18:23:28 · 1468 阅读 · 0 评论 -
jquery 的ajax跨域访问jsonp用法
* 跨域访问 * 用于后天生的静态页面里面使用 * * */function societyDetailPageForCrossdomainForPhone(){ $.ajax({ url:"http://m.hbace.net/society/getSocietyJsonForCrossdomain", type:"post", async:true, dataTy...转载 2018-02-28 15:14:41 · 310 阅读 · 0 评论