JavaScript
风雨飘飘飘啊飘
这个作者很懒,什么都没留下…
展开
-
clearInterval清除定时器失效的原因
在本页面定义了一个定时器,离开页面的时候清除定时器,发现失效。原因是在本页面的不同地方调用了这个定时器,最后清除的只是最后一次调用的定时器,之前的定时器都没有清除。比如,我定义了一个定时器getTimer(){ this.timer = setInterval(() => { console.log('定时器') }, 2000)}在刚进入页面的时候调用了一次componentDidMount() { this.getTime原创 2020-08-21 16:25:47 · 11234 阅读 · 3 评论 -
Vue项目切换语言,vue项目国际化,使用vue-i18n前端实现中英文切换
在项目需求中,我们会遇到国际化的中英文切换。使用vue搭建的项目中我们可以使用i18n插件进行项目的中英文切换。npm引入i18nnpm install i18n --save-dev为了数据的使用方便,我们需要在src文件夹下建立一个如下图的文件夹index.js:import Vue from 'vue'import VueI18n from 'vue-i18n'Vu...原创 2020-04-29 11:07:32 · 1534 阅读 · 0 评论 -
javascript es6字符串的新增实例方法includes()、startWith()、endWith();判断一个字符串是否包含另一个字符串
es5中,我们判断一个字符串中是否包含另一个字符串,只有一种indexOf()方法。在es6中,新增了实例方法includes()、startWith()、endWith()可以用来判断一个字符串是否包含另一个字符串。includes()—返回布尔值,表示是否找到参数字符串。startWith()—返回布尔值,表示是否在原字符串头部找到参数字符串。endWith()—返回布尔值,表示是否在...原创 2020-04-09 16:27:52 · 1054 阅读 · 1 评论 -
H5移动端键盘弹起影响页面布局的问题
在h5页面开发的时候,遇到input输入框弹起手机键盘,会把页面元素浮动从而影响布局的解决方法绑定input的失焦事件,将页面滚动到0的位置,即可恢复页面正常布局input_blur () { // document.body.scrollTop = document.documentElement.scrollTop - 1 setTimeout(() => { var...原创 2019-10-21 10:25:48 · 2540 阅读 · 0 评论 -
React-Native在父组件中绑定子组件的点击事件,父组件传值给子组件
父组件: <CommonBottomBtn />在父组件中,我们想要给CommonBottomBtn这个组件进行事件的绑定,如果单纯使用onPress是不生效的。需要在子组件中给组件进行onPress的绑定,再在父组件中调用,如下所示父组件改变 <CommonBottomBtn itemClick={()=>{this.clickEvent()}} text={...原创 2019-09-17 15:46:55 · 1854 阅读 · 1 评论 -
element-ui的upload上传图片校验图片的宽高
使用element-ui的upload上传图片,官方文档中提供了在beforePicUpload中校验图片格式和大小的方法,但是没有提供校验宽高方法。需求:在开发的过程中,我们可能需要限制图片的width和heigth相同,也可能需要限制width比height长,还有可能需要限制height比width长。解决方法:beforePicUpload (file) { let _...原创 2019-08-06 17:20:20 · 3789 阅读 · 1 评论 -
当input的类型为number时候,限制输入的数字长度
当input的type为text的时候,使用maxlength可以有效限制输入长度。<input type="text" maxlength="5" /> 但是当type为number的时候,设置maxlength限制输入长度就会失效,长度可以无限输入。 <input type="number" maxlength="5" />解决方法:...原创 2019-07-30 10:56:45 · 4437 阅读 · 0 评论 -
循环读取json数据,将数据渲染填充到表格中
①js循环读取json数据的方式:var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022","sum":274.23},{"uid":"2689","uname":"*江阴国际会展中心管理有限公司 024","sum":0},{"uid":"2686","uname":"江苏申利实业股份有限公司 001","sum":7917.94},{"uid"...原创 2017-08-08 14:11:00 · 1667 阅读 · 0 评论 -
Ajax基础用法及讲解
Ajax:异步加载页面内容的技术使用Ajax就可以做到只更新页面的一个小部分。主要优势:对页面的请求以异步方式发送到服务器。而服务器不会用整个页面来响应请求,它会在后台处理请求,与此同时用户还能继续浏览页面并与页面交互。Ajax有自己的适用范围。它依赖Javascript,所以可能会有的浏览器不支持它,而搜索引擎的蜘蛛程序也不会抓取到有关内容。XMLHttpRequest对象...原创 2017-03-31 16:18:00 · 82 阅读 · 0 评论