• web中ajax请求后台的节流方式,减轻服务器压力
    2018-09-21 08:28
    场景web前端中有一些需要与后台一起完成的用户体验,比如输入提示,下拉搜索等,监听键盘事件或者websocket流等不断的通过ajax向后台发送请求,获取详情的数据,而页面中的oninput,mousemove之类的事件是处罚很频繁的,有时候我们需要延长发请求的间隔来节省服务器资源,并且还不丢失用户体验度。这就需要一种解决方案。解决方案let arr=[]; //输入框 dom=document.getElementById("myinput"); dom.addEventListener("i...
  • Vue使用vuex报错 “was assigned to but it has no setter”
    2018-08-27 11:42
    vue中使用vux出现这个错误的原因是,这个computed变量一定在某个地方使用了类似 this.popupState2=xxx的赋值操作,包括v-model这种绑定操作.
  • Vue的watch中调用this的注意项
    2018-08-24 20:19
    vue的watch方法中的this有时调用会出现调用不到组件方法和变量的方法。正确的应该这么写出现上面那种问题的原因是,watch的回调函数使用了箭头函数:所以this会取上下文,而不是组件里面的this了。
  • oninput事件和onpropertychange事件的用途
    2018-07-03 23:36
    onpropertychange和oninputonpropertychange事件是IE浏览器提供的一个事件,可以检测一个元素上属性的变化,包括input的value值以及自定义属性。oninput事件是H5提供的一个事件,可以用来检测input/textarea的value值得变化,包括输入,剪切,粘贴引起得value值变化。在对于input/textarea的值需要检测的时候,我们可以使用oninput事件,这一个事件就可以代替onblur,onpaste,oncut,onkeyup好几个事件的功能(IE9+的浏览器都支持),而...
  • 快速掌握区块链及比特币运作原理
    2018-04-15 13:43
    区块链区块链(1.0)是一个基于密码学安全的分布式账本,是一个方便验证,不可篡改的账本。通常认为与智能合约相结合的区块链为区块链2.0, 如以太坊是典型的区块链2.0很多人只了解过比特币,不知道区块链,比特币实际是一个使用了区块链技术的应用。而区块链是采用哈希函数进行运算的,所以我们要了解一下哈希函数哈希函数哈希函数:Hash(原始信息) = 摘要信息原始信息可以是任意的信息, hash之后会得到一个简短的摘要信息哈希函数有几个特点:同样的原始信息用同一个哈希函数总能得到相同的摘要信息原始信息任何微小的变化都会哈希出面目全非的摘要信息...
  • 通过Node结合express和http-proxy-middleware实现完全的代理服务器
    2018-02-08 23:34
    http-prox-middleware实现代理前面的文章我们讲过了通过node和express来实现请求的转发代理,但是那些代码只是简单实现,对于post请求,文件上传之类的请求并不起作用,因为参数传递不过去。要想通过node实现完全的代理服务器,我们可以通过一个叫http-proxy-middleware的中间件来实现。http-proxy-middleware实现代理的代码很简单:var express = require('express'); var proxy&nbs...
  • FormData通过ajax2上传文件在IOS上的坑
    2018-02-08 23:08
    今日在项目中需要上传文件,而且又是移动端的项目,所以就采用了通过ajax2使用formData上传文件的方式。代码完成以后,进行测试,在PC端正常,在andriod手机上也正常,只有在ios手机上不正常。刚开始还以为是ios不支持formData呢,经过测试是支持的。后来发现,不是ios不支持formData,而是ios不支持formData对象上的某些方法。var form=new FormData(); form.set("upfile",input.files[0]);这是刚开始的代码,而...
  • 在web页面中onscroll事件不触发的状况记录
    2018-02-05 22:14
    起因今日在用vue开发前端页面的时候,需要添加一个无限加载的效果。这时候就用到了onscroll事件,拿出来以前开发的无限加载的vue组件来使用,发现并没有实现预期的效果。然后进行排查,发现是一直不触发onscroll事件。既然找到了问题的所在,就要找到解决的办法,排查了好久,发现是因为css样式导致的scroll事件不触发。onscroll不触发的原因和解决这种scroll事件不触发的原因是因为下面这样一段css代码:html,body{overflow:auto;height:100%;}这行代码一般会出现在reset的css重置...
  • vue本地开发之Node搭建代理服务器访问线上API
    2018-02-09 00:03
    vue实际开发中的服务器问题如果你是一个vue的开发人员,而且后台是使用的java,php,asp等语言开发的话,那么我们在使用webpack+vue进行开发的时候,在本地开发,往往需要调用后台提供的ajax访问的API接口,这时候,我们就需要在node服务器端模拟后台返回的json文件,返回约定好的数据。这就是前后端分离。而实际过程中,前端的开发效率往往要比后台的开发效率慢,不论是java还是php,我们所需要的接口可能只是一个CRUD(增删查改)而已,后台使用框架,很可能半天甚至两三个小时就搞定了;然后于此同时,前端所等待的设计甚...
  • Vue中v-model在组件中的使用
    2018-02-02 23:34
    vue组件中的v-model一个组件的 v-model 会使用 value prop 和 input 事件,但是在注入单选框,复选框中可能把value用做其他用途,这时候我们可以通过组件中的model参数来进行设定。我们先看最简单的在input上v-model的使用:<input type='text' v-model='username'/>这在vue中其实是一个简化的写法,我们把他写完整,v-model就等价...
妹纸前端
妹纸前端工作室 | 文章不断更新中
京ICP备16005385号-1