标签: Javascript

Vue路由分文件拆分管理详解

这里说的路由拆分指的是将路由的文件,按照模块拆分,这样方便路由的管理,更主要的是方便多人开发。具体要不要拆分,那就要视你的项目情况来定了,如果项目较小的话,也就一二十个路由,那么是拆分是非常没必要的。但倘若你开发一些功能点较多的商城项目,路由可以会有一百甚至几百个,那么此时将路由文件进行拆分是很有必...

JavaScript 2021-05-21 175 0 0 阅读全文

VUE实现图片验证码功能

本文实例为大家分享了VUE实现图片验证码的具体代码,供大家参考,具体内容如下1.概述1.1说明在开发过程中,有时候需要使用图片验证码进行增加安全强度,在点击图片时更新新的图片验证码,记录此功能,以便后期使用。2.示例2.1vue示例代码exportdefault{methods:{/***窗口代码*...

JavaScript 2021-05-06 202 0 0 阅读全文

基于Websocket实现简单聊天室对话

首先搭建一个node的环境,在app.js中写入以下代码npminstallsocket.io-clientsocket是一个高性能的服务器框架,开发者只要实现一两个接口,便可以开发出自己的网络应用,例如Rpc服务、聊天室服务器、手机游戏服务器等。npminstallhttp-server一般提供s...

JavaScript 2021-07-01 184 0 0 阅读全文

VUE实现密码验证与提示功能

本文实例为大家分享了VUE密码验证与提示功能的具体代码,供大家参考,具体内容如下1.概述1.1说明vue项目中,为了较为明了的让用户看到所输入的密码信息的长度与复杂度是否满足要求,开发一个组件来满足此需求(当密码输入时进行密码验证操作,当密码的长度在8到24位之间,密码中包含数字/小写字母/大写字母...

JavaScript 2021-05-06 153 0 0 阅读全文

详解React Native与IOS端之间的交互

前置准备首先最好了解一点关于oc的语法知识,不然很多都是看不懂的创建声明文件nativeModule.h#import#import@interfacenativeModule:NSObject@end创建文件nativeModule.m#import#import"nativeModul...

JavaScript 2021-06-23 180 0 0 阅读全文

Vue 接口请求地址前缀本地开发和线上开发设置方式

开发环境config/dev.env.js'usestrict'constmerge=require('webpack-merge')constprodEnv=require('./dev.env')module.exports=merge(prodEnv,{NODE_ENV:'"deve...

JavaScript 2021-05-21 209 0 0 阅读全文

Js定时器出现第一次延迟的原因及解决方法

我们在使用js定时器,经常会出现间隔几秒获取一次数据,这是通过setInterval实现的。而且如果setInterval()参数传递不当,定时器会延迟试行。本文向大家介绍js定时器第一次延迟的原理及实现过程。setInterval()作用是在播放动画的时,每隔一定时间就调用函数、方法或对象。语法s...

JavaScript 2021-04-05 159 0 0 阅读全文

Vue的路由映射问题及解决方案

今天在项目中遇到了一个问题,明明在Router文件夹下的路由js映射文件中,配置好了,如下://生日贺卡{path:'birthdayRemind',component:load('@/components/app/birthdayRemind/BirthdayRemind')}然后我是通过进入ho...

JavaScript 2021-04-29 171 0 0 阅读全文

Js全屏事件Fullscreenchange 实现全屏、退出全屏操作

本文实例为大家分享了js全屏事件fullscreenchange,实现全屏、退出全屏操作,供大家参考,具体内容如下1.进入全屏functionlaunchFullscreen(element){if(element.requestFullscreen){element.requestFullscre...

JavaScript 2021-04-28 136 0 0 阅读全文

小程序实现滑动块效果

本文实例为大家分享了小程序实现滑动块效果的具体代码,供大家参考,具体内容如下当你在复制的时候一定要把js逻辑的list数据更改就行了小程序的css样式.box{width:100vw;background:#F2F2F2;transition:all3s;}.box-b{height:8vh;wid...

JavaScript 2021-04-21 152 0 0 阅读全文

JavaScript实现页面高亮操作提示和蒙板

本文实例为大家分享了JavaScript实现页面高亮操作提示和蒙板的具体代码,供大家参考,具体内容如下在页面上,有时候会遇到操作提示,如下图所示。可以很直观的告诉用户,关键的操作在哪里,有什么做作用。需要说明的是,被高亮的部分,并不是目标的真实标签,而是用的其他标签模拟的。真实的标签被mask层盖住...

JavaScript 2021-04-05 132 0 0 阅读全文

手把手教你从零开始React+Antd搭建项目

之前的文章都是自己的学习日志,主要是防止自己遗忘之前遇到的坑。这次将从最基础的项目搭建开始讲起,做一个基于react和antd的后台管理系统。我会一步步进行下去,所以看完本文你哪怕不了解react,应该也会使用react做一个简单的项目。话不多少,直接开始。完整项目请前往GitHub查看,体验请点击...

JavaScript 2021-06-23 167 0 0 阅读全文

详解BootStrap表单验证中重置BootStrap-Select验证提示不清除的坑

还是表单验证的问题,发现如果表单内有使用BootStrap-select的下拉选框,在重置表单内容时,会触发对下拉选框的验证,并且验证的提示不会被清除,仍然会存在。1.HTML结构...自东向西自西向东由南往北由北往南...重置2.错误的重置按钮绑定事件$('#resetForm').on('cli...

JavaScript 2021-04-28 205 0 0 阅读全文

微信小程序上传图片并等比列压缩到指定大小的实例代码

微信小程序官方API中wx.chooseImage()是可以进行图片压缩的,可惜的是不能压缩到指定大小。实际开发中需求可能是压缩到指定大小:原生js可以使用canvas来压缩,但由于微信小程序对canvas有封装,使得利用canvas来压缩图片有了一些区别:代码放在了git:https://gith...

JavaScript 2021-05-06 225 0 0 阅读全文

简单分析Js中的This的原理

很多人可能会有疑问,this到底是什么?为什么this的值变化多端?首先我们来概括下this.this是一个对象,一般存在于函数中,表示当前函数的执行上下文;值得一提的是,当函数在执行后,this才有绑定的对象,函数未执行时,this没有内容接下来我们看看在不同场景下的this的指向1.函数默认执行...

JavaScript 2021-04-27 146 0 0 阅读全文

Js模拟F11页面全屏显示

本文实例为大家分享了js模拟F11页面全屏显示的具体代码,供大家参考,具体内容如下测试全屏全屏按钮退出全屏varbtn=document.getElementById('btn');varcontent=document.getElementById('content');btn.onclick=f...

JavaScript 2021-04-28 147 0 0 阅读全文

原生Js实现自定义消息提示框

本文实例为大家分享了js实现自定义消息提示框的具体代码,供大家参考,具体内容如下效果图上代码Document.popupStyle{display:none;width:160px;background-color:rgb(85,85,85);color:#fff;text-align:center...

JavaScript 2021-04-09 140 0 0 阅读全文

Uniapp电商小程序实现订单30分钟倒计时

本文实例为大家分享了uniapp实现订单30分钟倒计时的具体代码,供大家参考,具体内容如下倒计时函数如下://cm参数是截至时间-当前时间//截至时间是后台返回的数据,当前时间通过newDate()的方式进行获取runBack(cm){if(cm>0){//如果时间是超过1分钟,则需要展示的样...

JavaScript 2021-04-13 171 0 0 阅读全文

Vue Form表单Post请求结合Servlet实现文件上传功能

前端测试页面代码:exportdefault{created(){this.path=this.$route.query;for(letiinthis.path){this[i]=decodeURIComponent(this.path[i]);}},methods:{change(ev){letf...

JavaScript 2021-03-16 151 0 0 阅读全文

Cordova(Ionic)项目实现双击返回键退出应用

Android原生项目实现双击返回键退出应用,是十分简单的,添加如下代码即可实现://记录按键时间privatelongexitTime;@OverridepublicbooleanonKeyDown(intkeyCode,KeyEventevent){if(keyCode==KeyEvent.KE...

JavaScript 2021-04-28 185 0 0 阅读全文