JavaScript
关注
分享
扫一扫
就像风1样
这个作者很懒，什么都没留下…
展开
-
javascript验证手机号码js简单验证
直接封装在一个方法中，需要用的时候传入一个input的jq对象即可。当然，您也可以直接传入字符串function isPoneAvailable(str) { var myreg=/^[1][3,4,5,7,8,9][0-9]{9}$/; if (!myreg.test(str)) { return false;...原创 2018-08-14 10:31:30 · 4255 阅读 · 11 评论 -
随鼠标拖拽demo（完整代码）
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> body{ margin:0; ...原创 2019-08-28 11:11:27 · 904 阅读 · 0 评论 -
js实现鼠标点击跟随CSS3动画demo（代码全）
效果：完整代码：<!DOCTYPE html><html><head> <title>鼠标跟随</title> <meta charset="utf-8"> <style type="text/css"> body{ heigh...原创 2019-07-16 13:15:33 · 2055 阅读 · 0 评论 -
vue简单上传图片，压缩图片功能实现（js原生通用）
可以先看 只有上传图片的js完整demohttps://blog.youkuaiyun.com/qq_42221334/article/details/84827369vue 完整demohttps://blog.youkuaiyun.com/qq_42221334/article/details/93198417参考上传图片 添加了canvas 方法压缩图片，判断图片宽度大于1000时 进行压缩...原创 2019-06-29 10:23:39 · 4781 阅读 · 0 评论 -
js闭包详细总结分析（面试必问）
之前做笔试题，好多关于JS闭包问题，就整理出来，分享一下。首先，引用下所谓的“官方解释”：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。请注意加粗部分，会有益于你的理解。来看例子1：function a(){ var i = 1; function b(){ alert(i); ...转载 2019-05-31 11:29:30 · 1418 阅读 · 1 评论 -
js禁止滚动条滚动并且隐藏滚动条
禁止鼠标滑过滚动条滚动document.body.onmousewheel = function () {return false;}恢复鼠标滑过滚动条滚动document.body.onmousewheel = function () {return true;}禁止键盘控制滚动条滚动document.body.onkeydown = function (e) { ...原创 2019-03-14 11:58:06 · 7221 阅读 · 1 评论 -
js实现随机验证功能（随机数）demo代码全
验证码 验证是网页常出现的一个验证点，所谓验证码类型有很多，下面代码只是实现一个简单的验证功能。html<div> <input type = "text" id = "input" value="" /> <input type = "button" id="code" onclick="c原创 2019-02-12 15:52:43 · 945 阅读 · 0 评论 -
js创建函数，封装函数，调用函数
一、简单函数创建、封装二、实例原创 2018-12-18 10:03:56 · 1250 阅读 · 0 评论 -
数组中多条对象去重方式
废话不多说，直接上代码！var oldArr = [ {id:1,name:"zhangs",age:18,contact_id:1}, {id:1,name:"zhangs",age:18,contact_id:2}, {id:1,name:"zhangs",age:18,contact_id:3}, {id:1,name:"zhangs",age:18,...原创 2018-12-22 16:18:20 · 558 阅读 · 0 评论 -
js事件-点击事件、失去焦点、键盘事件等
事件驱动： 我们点击按钮 按钮去掉用相应的方法。demo： <input type="button" value="点击" onclick="func()"> function func(){ alert(1); ...转载 2018-11-26 08:20:09 · 673 阅读 · 0 评论 -
简单的聊天对话（代码全）
废话不多说，上代码html：<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=原创 2018-09-18 16:46:12 · 6804 阅读 · 4 评论 -
js关于日期的获取(年，星期，月，毫秒。。。等)
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1; myDate.getDate()...转载 2018-09-03 14:10:46 · 925 阅读 · 0 评论 -
vue(单页面应用)实现按需加载页面的方式三种
1. vue异步组件技术vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。但是，这种情况下一个组件生成一个js文件。/* vue异步组件技术 */{ path: '/home', name: 'home', component: resolve => require(['@/components/home'],resolve)},{ ...原创 2018-08-21 16:19:22 · 6452 阅读 · 0 评论 -
JavaScript中push()两层循环数据及多层，vue用iview(2.0+)UI 组件库时，制作级联全国地址下拉列表
项目需求，让用iview制作地址下拉框，在网上找的全国地址列表引用了一下全国城市列表.js 链接: https://pan.baidu.com/s/1Q0mgXwqMmTrwnUCSxW_R3Q 密码: rivp但是都知道下拉列表是需要两个名称的，就像下图写的假数据不废话，直接上代码了，这个方法能我是就循环了两层，还可以循环多层的。。。自己加一下就行！cityAr...原创 2018-08-31 16:35:54 · 1412 阅读 · 0 评论 -
微信自定义分享功能;分享朋友，分享到朋友圈
要先在你们的微信公众号开发平台上 配置引入东西经常在微信朋友圈分享一些好的文章或者让人哭或笑的段子，就在手机右上角的三个竖点一键分享就ok了，那么对于分享到朋友圈是怎么实现的呢？对于那种活动分享送流量是怎么定位分享者的呢？而想要将文章发送给朋友又是怎么获取到的朋友列表的呢？ 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。...原创 2018-08-21 10:05:25 · 21196 阅读 · 0 评论 -
Promise的使用，all和race的使用，降低异步编程的复杂性，不会阻塞和等待长时间的操作
异步模式在web编程中变得越来越重要，对于web主流语言Javascript来说，这种模式实现起来不是很利索，为此，许多Javascript库（比如 jQuery和Dojo）添加了一种称为promise的抽象（有时也称之为deferred）。通过这些库，开发人员能够在实际编程中使用 promise模式。 随着Web 2.0技术的深入，浏览器端承受了越来越多的计算压力，所以...原创 2018-08-15 11:50:48 · 715 阅读 · 0 评论 -
JavaScript去掉字符串中其中的符号
①有一种比较取巧的方法，就是分割成数组，再重新拼接成新的字符串。var str = "abcdaabbssaaa";var a = str.split("a").join("");console.log(a);②假设一个data里面的数据是[tian,12],现在去掉[],代码如下data=data.replace("[","");data=data.replace("]&q原创 2018-08-14 10:49:39 · 5500 阅读 · 0 评论 -
点击图片下载保存（完整demo代码全）
需求：点击图片下载，看了好多都没实现 ，加 download测试也没成功原因：浏览器已经限制死跨域下载多媒体文件的各种方式。最正规的办法还是让后端做一次转发。请求后端，后端向第三方请求文件，返回给前端，前端保存文件。不过在网上找了下用canvas的方式前端实现点击图片另存完整代码：<!DOCTYPE html><html> <head&...原创 2019-09-07 15:28:16 · 1452 阅读 · 0 评论