本篇文章给大家分享的内容是关于实例解析Js中的this,有需要的朋友可以参考一下零 从一个例子说起前几天在看面试题的时候看到了这样一段程序:obj = {name: a,getName: function () {console.log(this.name);} };var fn = obj.getName;obj.getName();fn();要求问题是这里fn()执行的结果和执行时this的指向问题。下面结合这个例子与其中的疑问重新总结一下this的使用。一 this的执行环境this的指向要根据其执行环境来决定,主要有以...
项目中签到模块需要导出每天的签到数据,一开始用poi在后台导出,window下运行没什么问题,但是把项目部署到linux环境上,提示导出路径不存在,思索良久也没有找到解决的办法,最后只能在前端使用js导出表格。本篇文章给大家分享的是实例剖析js如何导出报表的操作详解,内容挺不错的,希望可以帮助到有需要的朋友注意:js导出表格是利用浏览器自带的下载功能去实现的,所以不需要定义下载路径,很好用,唯一的缺点就是,表格样式不知...
本篇文章给大家分享的是浅谈对闭包的理解 ,内容挺不错的,希望可以帮助到有需要的朋友作用域链要更清楚的理解闭包应该先充分的理解作用域链,这样理解闭包就会轻松很多。作用域链就是一个指向不同变量存储空间的列表,通常在全局下都会被window的变量环境所包围。每一个执行环境的[[scope]]的属性都存放着作用域链的引用。var name = "tianci";当我们执行完上面的代码的时候,在浏览器中window.name属性便是“tianci”,此时windo...
本文主要和大家分享js中delete操作符与内部属性实例详解,在讲解Configurable之前,我们首先来看一道面试题:a = 1;console.log( window.a ); // 1console.log( delete window.a ); // trueconsole.log( window.a ); // undefinedvar b = 2;console.log( window.b ); // 2console.log( delete window.b ); // falseconsole.log( window.b ); // 2从上面的这道题可以看出两个的区别:在没有使用var声明变量时,使用delete关键词...
前端很多时候还是需要保存一些数据的,这里的保存指的是长久的保存。以前的思想是把数据保存在cookie中,或者将key保存在cookie中,将其他数据保存在服务器上。这几个场景用处很多,也非常的成熟好用。但是我还是想要一种能够长久的保存在本地的数据,类似数据库或者类似web sql。新一代浏览器基本都支持了本地数据库,需要用的时候直接使用就好了。实在不行还可以使用Storage将就一下。假如我需要的是一个数据库那种功能并且没有兼...
本文主要和大家分享jjs实现模糊查询实例详解,主要以代码的方式和大家分享,希望能帮助到大家。1、简述实现模糊查询方法有很多种,后端可以实现,前端使用js也可以实现。后端实现起来需要根据输入框中搜索的关键字,去后台拼接SQL语句查询。前端直接使用字符串的indexOf()方法或者正则表达式匹配实现,相比后端实现这种方法的用户体验更友好。2、demo当输入框中输入内容或者点击查询按钮时,根据输入框中的关键字,模糊查询下面表...
本文主要和大家分享js实现获取短信验证码实例,主要以代码的形式和大家分享,希望能帮助到大家。$(".form-data").delegate(".send","click",function() {var phone = $("#tel").val();if (phone == "") {alert(请先填写手机号)$("#tel").css("background-color","#ff2f28");return false;}$(this).hide();$.ajax({url: "/sendsms",type: "get",dataType: json,data: {phone: phone },async: false,success: function (data) {conso...
本文主要和大家分享Koa2 文件上传下载实例,上传下载在 web 应用中还是比较常见的,无论是图片还是其他文件等。在 Koa 中,有很多中间件可以帮助我们快速的实现功能。文件上传在前端中上传文件,我们都是通过表单来上传,而上传的文件,在服务器端并不能像普通参数一样通过 ctx.request.body 获取。我们可以用 koa-body 中间件来处理文件上传,它可以将请求体拼到 ctx.request 中。// app.js const koa = require(koa); const app ...
本文主要和大家分享js鼠标键盘无操作实例,主要以代码的方式和大家分享,希望能帮助到大家。<script>var count = 0; var outTime=30;//分钟window.setInterval(go, 1000); function go() {count++; if (count == outTime*60) {alert("您因长时间未进行操作导致页面过期");}} var x ; var y ; //监听鼠标document.onmousemove = function (event) {var x1 = event.clientX; var y1 = event.clientY; ...
最近做了一个前端的项目,要求:输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号。本文主要和大家分享JavaScript中的E-mail 地址格式验证,项目要求输入的数据必须包含@符号和点号。代码简单易懂,希望能帮助到大家。1:代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>利用JavaScript验证是否符合电子邮箱地址</title> </head> <script type="text/javasc...
本文主要为大家分享一篇实例详解js如何实现模糊查询的解决办法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧。1、简述实现模糊查询方法有很多种,后端可以实现,前端使用js也可以实现。后端实现起来需要根据输入框中搜索的关键字,去后台拼接SQL语句查询。前端直接使用字符串的indexOf()方法或者正则表达式匹配实现,相比后端实现这种方法的用户体验更友好。2、demo当输入框中输入内容或者点击查询按钮时,...
本文主要为大家分享一篇关于vue的购物车checkbox全选和反选等功能实例分析,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧。由于逻辑相对简单,直接附上代码咯!愿君多采撷~~~~html代码:<p class="select-buyer"><checklist :options="fullValues"></checklist><span>id: {{selectedData}}</span><p class="weui-cells weui-cells_checkbox"><label v-for=(item, index) in checkboxData :key="item.id" class=...
本文主要和大家分享js内置对象正则表达式应用实例,主要以代码的方式和大家讲解,希望能帮助到大家。//1、身份证正则表达式验证function checkIdNo(){ var idno = $("#idno").val();//15位数身份证验证正则表达式:var isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/; //18位数身份证验证正则表达式 :var isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;if(!(isIDC...
本文主要和大家分享自定义js模板加载数据文件实例,主要以代码形式和大家分享,希望能帮助到大家。1、代码如下:var model={reg:/\$\{([\w]*)\}/ig,/** 填充列表模板 */loaderList:function(list, template, container){for(var i=0; i<list.length; i++){var obj = list[i];this.loaderInfo(obj, template, container);}},/** 填充表单模板 */loaderInfo:function(obj, template, container){var html = template.replace(model.r...
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对...