onpropertychange和oninputonpropertychange事件是IE浏览器提供的一个事件，可以检测一个元素上属性的变化，包括input的value值以及自定义属性。oninput事件是H5提供的一个事件，可以用来检测input/textarea的value值得变化，包括输入，剪切，粘贴引起得value值变化。在对于input/textarea的值需要检测的时候，我们可以使用oninput事件，这一个事件就可以代替onblur,onpaste,oncut,onkeyup好几个事件的功能（IE9+的浏览器都支持），而...

区块链区块链(1.0)是一个基于密码学安全的分布式账本，是一个方便验证，不可篡改的账本。通常认为与智能合约相结合的区块链为区块链2.0, 如以太坊是典型的区块链2.0很多人只了解过比特币，不知道区块链，比特币实际是一个使用了区块链技术的应用。而区块链是采用哈希函数进行运算的，所以我们要了解一下哈希函数哈希函数哈希函数：Hash(原始信息) = 摘要信息原始信息可以是任意的信息, hash之后会得到一个简短的摘要信息哈希函数有几个特点:同样的原始信息用同一个哈希函数总能得到相同的摘要信息原始信息任何微小的变化都会哈希出面目全非的摘要信息...

http-prox-middleware实现代理前面的文章我们讲过了通过node和express来实现请求的转发代理，但是那些代码只是简单实现，对于post请求，文件上传之类的请求并不起作用，因为参数传递不过去。要想通过node实现完全的代理服务器，我们可以通过一个叫http-proxy-middleware的中间件来实现。http-proxy-middleware实现代理的代码很简单：var express = require('express'); var proxy&nbs...

今日在项目中需要上传文件，而且又是移动端的项目，所以就采用了通过ajax2使用formData上传文件的方式。代码完成以后，进行测试，在PC端正常，在andriod手机上也正常，只有在ios手机上不正常。刚开始还以为是ios不支持formData呢，经过测试是支持的。后来发现，不是ios不支持formData，而是ios不支持formData对象上的某些方法。var form=new FormData(); form.set("upfile",input.files[0]）;这是刚开始的代码，而...

起因今日在用vue开发前端页面的时候，需要添加一个无限加载的效果。这时候就用到了onscroll事件，拿出来以前开发的无限加载的vue组件来使用，发现并没有实现预期的效果。然后进行排查，发现是一直不触发onscroll事件。既然找到了问题的所在，就要找到解决的办法，排查了好久，发现是因为css样式导致的scroll事件不触发。onscroll不触发的原因和解决这种scroll事件不触发的原因是因为下面这样一段css代码：html,body{overflow:auto;height:100%;}这行代码一般会出现在reset的css重置...

vue实际开发中的服务器问题如果你是一个vue的开发人员，而且后台是使用的java，php，asp等语言开发的话，那么我们在使用webpack+vue进行开发的时候，在本地开发，往往需要调用后台提供的ajax访问的API接口，这时候，我们就需要在node服务器端模拟后台返回的json文件，返回约定好的数据。这就是前后端分离。而实际过程中，前端的开发效率往往要比后台的开发效率慢，不论是java还是php，我们所需要的接口可能只是一个CRUD（增删查改）而已，后台使用框架，很可能半天甚至两三个小时就搞定了；然后于此同时，前端所等待的设计甚...

vue组件中的v-model一个组件的 v-model 会使用 value prop 和 input 事件,但是在注入单选框，复选框中可能把value用做其他用途，这时候我们可以通过组件中的model参数来进行设定。我们先看最简单的在input上v-model的使用：<input type='text' v-model='username'/>这在vue中其实是一个简化的写法，我们把他写完整，v-model就等价...

vue弹窗组件vue弹窗组件的样子我们先看一下，我们要实现出来的弹窗组件长什么样子：呐，我们要用vue组件实现的弹窗就是这个样子，跟我们用js插件实现的效果一样，下面我们开始讲述怎么实现一个通用的vue弹窗组件。实现vue弹窗组件需要的知识是vue组件，当然最基础的是vue的知识，我假设大家是有一定vue功底的，然后你还需要了解：1、vue的事件系统，vue组件间的单项数据流，props从父组件向子组件传递数据，子组件通过事件emit向父组件传递事件，父组件通过on监听子组件的事件来处理具体事务。2、具名插槽slot，通过name属性...

<svg viewBox='0 0 500 500'  preserveAspectRatio='xMidYMid meet'  xmlns="http://www.w3.org/2000/svg"> <circle cx='100' cy='100' r='100' stroke-wid...

calc函数四则运算calc函数是css中提供的一个用来计算属性值，通过calc函数我们可以设置诸如width，height等一系列属性的值。换句话说，calc函数把一些简单的js计算挪到了css中了，把布局运算交给了浏览器，减少了js的负担。calc函数可以通过 +,-,*,/ 四则运算，下面我们看一个高度的例子：height:calc(100% - 50px);这里需要注意一下，calc计算+，-的时候，一定要在+，-号两边添加一个空格，不然的话会是无效的。虽然 *，/ 计算两边不需要添加空格，但是为了统一，也...