人间一趟

图解 函数解释 beforeCreate在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。 beforeMount在挂载开始之前被调用：相关的 render 函数首次被调用。 mountedel 被新创建的vm.$el替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$el 也在文档内。 beforeUpdate数据更新时调用，发生在虚拟DOM重新渲染和打补丁之前。你可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。 updated由于数据更改导致的虚拟DOM重新渲染和打补丁，在这之后会调用该钩子。当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下， ...

微众银行App用户体验报告 体验环境 手机：iPhone 6 操作系统：ios 9.1 软件版本：微众银行1.9.2 时间：2017年3月2日 市场定位  微众银行由腾讯公司及百业源、立业集团等知名民营企业发起设立，2014年12月经监管机构批准开业，是国内首家民营银行和互联网银行。微众银行App是为微众银行客户提供的移动端产品。它为客户提供了线上理财，线上投资，线上转账等功能，相比于传统银行更加的方便快捷，且无需线下经营，使得互联网银行的成本低于传统银行，有很大的竞争优势。  微众银行的用户定位是对互联网理财有接触或俩节，同时有理财和投资需求的个体及微小型企业。因此 产品设计功能结构图 微信银行App整体有四个tag在底部，第一个tag是总体信息，剩下三个分别代表了微众银行的三大核心业务：理财，投资和存取转账。 交互界面 总览（首页）        开户前显示登录引导项 ...

面临换届，为学弟学妹出一份问卷，想寻找喜欢新媒体的同学加入我们的团队。 一年总结 （至少包括以下内容，可以补充） 大一（大二）在新媒体中心做了些什么 学到了什么 自己的对新媒体的看法 你想对新媒体中心说什么 字数要求（800字） 谈谈发展 是否愿意继续留在新媒体中心学习与做事 谈谈原因（包括自己和新媒体中心） 字数要求（无） 做一份作业（形式不限，内容：毕业季Or军训） 你将拟定什么样的一个主题 如果让你运营公众号，你将用什么样的形式推送什么样的内容 作业要求（有逻辑，搭建起基本框架，有态度，有想法，有创意）

话题：width：100%和width：auto的区别 width：100% 元素宽度等于父级元素的宽度。 width：auto 元素的宽度等于父元素的宽度减去margin，padding，border这些。 高度知识点 子元素的margin和padding百分比知识点根据父元素的width来算。123456789101112131415161718192021222324//test1<style> body{ margin:0; padding:0; } .main{ width:500px; background:red; } .test{ width:auto; padding:20px; margin:10px; border:5px solid blue; background:green; }</style><div c ...

Array创建实例 1234567891011//用构造函数的方法var colors=new Array();var colors=new Array(20);var colors=new Array("gray","green","red");var colors=Array();//可以省略new//用数组字面量表示法var colors=["gray","green","red"];var names=[];var values=[1,2,];//不要这样，这样会创建一个包含2或3项的数组var options=[,,,,,]//不要这样，这样会创建一个包含2或6项的数组 检测数组 Array.isArray()确定一个值到底是不是数组转换方法 toString()：返回有由数组中每个值得字符串形式拼接而成的一个以逗号分隔的字符串。 valueOf()：直接返回数组 toLocaleString()：创建一个数组值的以逗号分隔的字符串。1234567 ...

DOM D：document（文档）O：object（对象）：用户定义对象，内建对象，宿主对象M：model（模型）：“map”，树 节点 元素节点（element node）：body，ul，li……获取元素节点的方法： 通过元素id（getElementById ） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 属性节点（attribute node）<p title="yang">hahahahahahha</p> title=”yang”是一个属性节点属性节点总是包含在元素节点中 文本节点获取和设置属性 getAttribute（获取）12345//例子var paras=document.getElementsByTagName("p");for(var i=0;i<paras.lengeh;i++){ alert(paras[i].getAttribute("title"));} s ...

关于两条微信排版的总结 使用工具 秀米 用法简单 模版更新快，也很好看 方便文案排好后的转发 PS 文案中的图片编辑 拼图 裁图 排版步骤 通看文案 分辨文案类型 根据文案拟想自己要怎么排版 理解文案，抓出重点 开始构思 配色 字体大小（一般文案14号字体合适，标题和重点突出可使用16号字体，这样会让排版看起来更清爽） 模版的选择 开始排版 手机预览整体效果，进行最后的改进 确认无误，发给相关人员审核 案例1：身体力行勤浇灌 支教花开别样红 分析：这是一个活动总结的微信，内容是支教，与小朋友有关，照片看起来也是很活跃的。我会突出小朋友们的表现和支教队的表现。 构思：春天，又有小朋友，暖色调是不错的选择。模版的选择我也会选择跟春暖花开有关的。 开始排版 预览，改进（一定要手机预览，电脑和手机效果是不一样的） 审核 案例2：这是你的“互联网+”时代 分析：这是一个比赛宣传微信，重要的是传达信息。 构思：内容和互联网有关，我会用蓝色作为主色调，来突出重要性和可靠性。模版我会选择简单的，不让花哨的模版吸引眼球，而是做到排版相对工整，将信息突出得更 ...

BOM 一、window对象1.全局作用域 全局变量会变成window对象的属性。 全局变量不能通过delete操作符删除，而直接在window对象上的定义的属性可以。 123456789var age=29;window.color="red";//在IE<9时抛出错误，在其他所有浏览器中都返回falsedelete window.age;//在IE<9时抛出错误，在其他所有浏览器中都返回truedelete window.color;//returns truealert(window.age);//29alert(window.color);//undefined 尝试访问未声明变量会抛出错误，但是通过查询window对象，可以知道某个可能未声明变量是否存在。 窗口关系及框架 除非最高层窗口是通过window.open()打开的，否则其window对象的name属性不会包含任何值。 在使用框架的情况下，浏览器中会存在多个Global对象。 在每个框架中定义的全局变量会自动变成框架中window对象的属性。 由于每个window对象都包含原 ...

用JavaScript实现动画效果 知识点 position属性： static：默认值，意思是有关元素将按照它们在标记里出现的先后顺序出现在浏览器窗口里。 relative：与static相似，区别是relative的元素还可以（通过应用float属性）从文档的正常显示顺序里脱离出来。 absolute：我们就可以将它摆在“容器”的任何位置。这个容器要么是文档本身，要么是一个有着fixed或absolute属性的父元素。这个元素在原始标记里面出现的位置与它显示位置无关，因为它的显示位置由top，left，right和bottom等属性决定。你可以使用像素或百分比为单位设置这些属性。 overflow属性： visible：不裁剪溢出内容。 hidden：隐藏溢出内容。 scroll：类似鱼hidden，浏览器将对溢出的内容进行隐藏，但显示一个滚动条以便让用户能够滚动看到内容的其他部分。 auto：类似于scroll，但浏览器只在确实发生溢出时才显示滚动条，如果没有溢出就不显示滚动条。时间 setTimeout：能够让某个函数在经过一段预定的时间之后才开始执行。 函数有两个参数：第一个 ...

JSON 知识点 JSON是一种数据结构，不是一种编程语言。 语法（三种类型的值） 简单值：使用JavaScript语法，可以在JSON中表示字符串、数值、布尔值和null，但不支持undefined。 字符串必须用双引号。 没有变量，没有分号。 对象：表示一组无序的键值对儿，每个键值对儿的值可以是简单值，也可以是复杂数据类型。 对象的属性必须加双引号。 没有声明，没有末尾的分号。 一个对象绝不能出项两个同名的属性。 数组：一组有序的值的列表，可以通过数值索引类访问其中的值，数组的值也可以是任意值。 没有变量，没有分号。 解析与序列化JSON可以将JSON数据结构解析为有用的JavaScript对象。 JSON对象 stringify()：将JavaScript对象序列化为JSON字符串。 parse()：将JSON字符串解析为原生的JavaScript值。 序列化选项 stringify()除了要序列化的JavaScript对象外，还可以接收两个参数，用于指定以不同的方式序列化JavaScript对象。一个是参数过滤器（可以是数组，可以是函数），第二个参数是选项，表 ...