许大家已经听闻，网上报名的时候会有很多很多信息需要你填写，从姓名性别出生年月，到家庭住址父母工作，到你的初中高中教育经历……当然填一遍能报上算你运气好，拿出一天时间来一遍又一遍地重复填写也不是不可能……

今年的考研网上报名有所改革啦！今年分为「填写考生信息」和「填写报考信息」两大步骤。

重点来啦！重点！重点！

「填写考生信息」这一步（流程图的第三步），今天开始开通啦！也就是说，你现在已经可以开始填写那一大串信息了！

考生信息填写功能开通后，考生即可登录网报系统进行考生信息的填写和修改，而不需要像往年一样赶在网报开始后一次性填完所有报名信息，可提高网报效率。当然因为特殊情况实在填不了的，等到报名的时候还是可以填的，只是建议大家提前填写一下哦！

< 流程图 >

图片来源：中国研究生招生信息网

1

登陆网上报名页面

网上报名网址：

https://yz.chsi.com.cn/yzwb/

没有注册过研招网的同学需要先实名注册哦，大家都有注册各种网站的经验了，这一步我们就先略过啦。

填写之前有一些注意事项：

研招网也是煞费苦心啦！一样的注意事项和流程，用各种方式一遍遍地提醒大家……

而且！还精心汇总了大家要填写的信息，为大家做成了表格……所以你可以根据表格准备一下，不知道的信息抓紧问问家长，查查证件和户口本啦！

研招网表格请复制下面的链接：

https://yz.chsi.com.cn/kyzx/other/201809/20180905/1718876721.html

注册完并准备好信息，你就可以开始填写了。

2

确认实名信息

信息是来源于学信网的实名注册信息，要仔细核对哦，建议填写的电话在收到录取通知书前要保持畅通，不要随意停机或者欠费什么的。

3

填写学历 (学籍) 信息

确认实名注册信息后，按照《2019 年全国硕士研究生招生工作管理规定》要求填写正确的学历 (学籍) 信息。

一般情况下，大部分同学的学历 (学籍) 信息是可以快速校验的。如遇网络拥堵等特殊情况，将出现「进行中」的状态，大家也不要慌，可以继续填写考生信息中的其他部分，不影响接下来的操作。

4

学籍在线验证报告

在这里多说一句，要注意有些学校会在招生简章上注明，需要大家备注自己的「学籍在线验证报告」（去年哈尔滨医科大学是这样要求的哦），还有一些学校会在复试的时候要求大家交这个材料的纸质版。

那么问题来了，这个报告在哪获取呢？

如图红色圈起来的部分，按要求做就好了。

最后贴一下研招网官方的注意事项的重点：

★网上报名时间：2018 年 10 月 10 日至 10 月 31 日，预报名（报名数据有效）：2018 年 9 月 24 日至 9 月 27 日，每天 9:00～22:00，应届毕业生除了可在预报名阶段报名外，也可在正式报名阶段报名。★下载准考证时间：2018 年 12 月 14 日～2018 年 12 月 24 日（24 小时开放），考生可用学信网的用户名和密码登录研招网，进入网上报名栏目下载。★实名注册，请牢记注册的用户名和密码。注册用户直接与报名号对应，是查询报名号的唯一方法，在后期的信息查询、准考证下载和参加调剂会继续使用。报名期间，考生可自行修改网上报名信息或重新填报报名信息 (一位考生只能保留一条有效报名信息)，无需重复注册；★填写考生信息 (学籍学历、基本信息、户籍档案、家庭主要成员、学习与工作经历、奖惩情况、联系方式)。填写考生信息时，请认真阅读报名页面的提示信息，准确填报，带*的文本框为必填内容，证件号码等使用半角英文输入法输入；考生填写学历 (学籍) 信息进行网上校验，考生可查看学历 (学籍) 校验结果，未能通过学历 (学籍) 网上校验的考生应在招生单位规定时间内完成学历 (学籍) 核验；家庭主要成员和学习与工作经历均至少要完整填写一项；★请不要开启有网页拦截功能的软件；招生单位、考试方式、报考点等要慎重选择，一旦生成报名号后则不可以修改；如确实需要修改，须取消已有的报名再添加新的报考信息，已取消的报名信息不可用于现场确认；★报考专业名称前面有「(专业学位)」字样的为专业学位的专业，其他为学术型专业；★报名过程中，请认真阅读各省市招办、招生单位和报考点发布的网报公告，由于违反公告造成无效报名考生自行负责；★牢记网报系统生成的报名号，报名号是考生在报考点现场确认和照相的重要信息，如遗失，可凭考生注册的用户名和密码进入网报系统查询；★在北京、天津、河北、山西、内蒙古、辽宁、吉林、黑龙江、江苏、安徽、福建、江西、山东、河南、湖北、湖南、广西、海南、重庆、四川、贵州、云南、陕西、甘肃、青海、宁夏、新疆等报考点报考的考生，需要网上支付报考费；★修改或查询自己的报名信息，其中招生单位、考试方式及报考点等信息是不可修改的内容; 请在网报结束前登录确认所填信息，建议将所有信息保存; 在需网上支付的报考点报考的考生请检查网上支付是否成功 (银行卡扣费即为成功支付)；★预报名期间的报名信息是有效数据，不需要重复填报。★现场确认时间在 2018 年 11 月 10 日之前，具体安排请查看各省级招办发布的网报公告 http://yz.chsi.com.cn/sswbgg/

最后再画一遍重点：今年不需要像往年一样，赶在网报开始后一次性填完所有报名信息，今天就可以开始填写啦! 填完这些等到报名的时候就不用一遍遍输入这些信息了！

祝大家一切顺利！

信息来源：中国研究生招生信息网https://yz.chsi.com.cn/kyzx/kydt/201809/20180912/1719857958.html

S事件类型可以分为三种：

鼠标事件，由某个鼠标动作引发。常用的有click、mouseover、mouseout、mousedown、mouseup、dbclick、mousemove等；

键盘事件，由某个键盘动作引发。常用的有keydown、keypress、keyup；

接口事件，由用户行为的结果引起的事件，而非由用户行为直接引起的；如按下表单的submit按钮，会引起submit事件，由用户点击a链接时会要开新页面并释放当前页，些时会引起unload事件等，常用的有blur、focus、change、contextmenu、load、unload、readystatechange、reset、submit、resize、scroll等。

一旦我们决定使用何种事件来完成交互时所需要做的事情时，就需要注册事件处理程序，事件注册方式有两种模型：

传统模型

行内作为属性。即直接在HTML元素通过添加属性形式来注册，优点是所有浏览器都兼容，缺点是维护难，违背了结构与行为相分离的WEB标准原则，所以不提倡，代码像这样：

<a href="index.html">do</a>

<p>test</p>

值得注意的是大小写的问题，由于HTML对大小写不敏感，所以在过去编写这些事件时按惯例采用的驼峰格式像这样onClick、onMouseOver，但是值得注意的是作为元素的属性写在HTML里这样没有问题，但是如果是在在js环境里这样是不行的，因为js对大小敏感。

结构与行为分离

结构与行为分离的方式是遵循了WEB标准，要想分离必须设置关联钩子，像这样：

<a href="index.html" id="link">do</a>

<p id="test">test</p>

<script>

var link=document.getElementById('link'),

test=document.getElementById('test');

link.onclick=doThis;

test.onclick=doThat;

function doThis(){...}

function doThat(){...}

</script>

需要注意的是这里的函数名后面没有加()，加了表示立即执行，有时候我们想在页面加载完就立即执行一次那就需要加()。还有就是大小写的问题，之前也提到过了，这里的事件名字要小写像这样onclick，否则无法识别。当然还支持另一种形式即匿名函数，像这样：

var link=document.getElementById('link'),

test=document.getElementById('test');

link.onclick=function(){...};

test.onclick=function(){...};

虽然我们大部分时候都是用的这种传统方式，而且也不会发生什么错误，但它还是有它的缺点，那就是覆盖问题，按照代码从上往下的执行顺序，如果一个对象注册了相同的几个事件，那么最后的一个会把前面定义的事件全部覆盖，建议在项目完全由我们自己掌控的情况下可以使用些方法，无兼容性，且简单直观。如需要解决覆盖问题请看下面的高级事件注册模型。

高级模型

此模型主要用来有效解决覆盖问题，但是它有一个兼容性问题，即IE浏览器与其它WEB标准浏览器的事件注册方法不一样，幸运的是，解决这个兼容性问题并不难，我们先看看W3C(WEB标准浏览器阵容支持)和微软(IE系列阵容支持)所支持的高级事件处理程序方法：

obj.addEventListener('click', doThis, false); //添加

obj.removeEventListener('click', doThis, false); //移除

//Microsoft

obj.attachEvent('onclick', doThis); //添加

obj.detachEvent('onclick', doThis); //移除

上面的代码我们可以看出，W3C提供的addEventListener和removeEventListener方法有三个参数：

第一个是事件名称，它是字符串类型的；

第二个是事件发生后要执行的函数，通常我们是不需要立即执行的，所以不带()；

第三个参数接收的是一个布尔值，指定事件传递的方式，false表示冒泡，true表示事件捕获。

Microsoft提供的attachEvent和detachEvent方法有两个参数：

第一参数是事件名称，它是字符串类型的，但和W3C不同的是微软它的事件名称需要加上on，和普通模型一样的；

第二参数是事件发生后要执行的函数，和W3C一样

我们可以写个两个通用函数来解决兼容性问题，像这样：

注册事件

addEventSimple(obj, evt, fn, bool){

//对象检测，通常都是将W3C制定的方法判断在前面，因为那些暂时不支持的浏览器或许哪一天就跟随标准了，放在前面这也是提升性能的小技巧

if(obj.addEventListener){

bool=bool || false;

obj.addEventListener(evt, fn, bool);

}else if(obj.attachEvent){

obj.attachEvent('on'+evt, fn);

}

}

//移移注册事件

removeEventSimple(obj, evt, fn, bool){

if(obj.removeEventListener){

bool=bool || false;

obj.removeEventListener(evt, fn, bool);

}else if(obj.detachEvent){

obj.detachEvent('on'+evt, fn);

}

}

addEventSimple接受四个参数，其中前三个是必须的，第四个是可选的

obj指定注册事件的对象，数据类型为Object；

evt指定事件名称，数据类型为String；

fn指定事件发生后要执行的函数；

bool指定事件传递的类型，数据类型为Boolean；

接下来我们就可以这样使用了：

<a href="index.html" id="link">do</a>

<p id="test">test</p>

<script>

var link=document.getElementById('link'),

test=document.getElementById('test');

addEventSimple(link, 'click', doThis);

addEventSimple(link, 'click', doThat);

addEventSimple(test, 'click', doThis);

addEventSimple(test, 'click', doThat);

function doThis(){...}

function doThat(){...}

</script>

这样就不会覆盖了，虽然事件注册高级模型，看似很牛B，但也有它的缺点，除了刚才所说的兼容性问题，还有一个就是它无法移除对象上同一个注册事件绑定的所有执行函数。如果需要移除就必须要知道对象事件注册绑定的执行函数名称如上面的doThis、doThat。而传统模型是可能的：obj.onclick=null。

文/丁向明

做一个有博客的web前端自媒体人，专注web前端开发，关注用户体验，加我qq/微信交流：6135833

http://dingxiangming.com