摘要:
移动端布局方式与设计图 现有的布局方式: 固定布局,每一个元素都是固定的尺寸,内容区域居中在浏览器中间 内容区域的尺寸:980,1... 阅读全文
摘要:
概念 HTTP协议(HyperText Transfer Protocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览... 阅读全文
摘要:
什么是原型?原型链 原型对象也是普通的对象,是对象一个自带隐式的 proto 属性,原型也有可能有自己的原型,如果一个原型对象的原型不为 null 的话,我们就称之为原型链原型链是由一些用来继承和共享属性的对象组成的(有限的)对象链 也可以用三句话描述一下 下面根据代码解释一下js中的原型 阅读全文
摘要:
自定义指令介绍 directives - 对普通 DOM 元素进行底层操作 (1) 自定义指令注册 当页面加载时,该元素将获得焦点 (注意:autofocus 在移动版 Safari 上不工作)。事实上,只要你在打开这个页面后还没点击过任何内容,这个输入框就应当还是处于聚焦状态。现在让我们用指令来实 阅读全文
摘要:
每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化、运行中、销毁 实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期,然后就会执行beforeCreate钩子函数,这个时候,数据还没有挂载到,只是一个空壳,无法访问到数据和真实的dom,一般不做操作 挂载数据,绑 阅读全文
摘要:
slot插槽 vue里提供了一种将父组件的内容和子组件的模板整合的方法:内容分发,通过slot插槽来实现 匿名插槽 在父组件中使用子组件的时候,在子组件标签内部写入内容。在子组件的模板中可以通过来使用 <div id="app"> <hello> <div>联通卡</div> <div>移动卡</d 阅读全文
摘要:
组件之间通信方式 i. 父子组件传值 (props down, events up) ii. 属性验证 props:{name:Number} Number,String,Boolean,Array,Object,Function,null(不限制类型) iii. Ref this.$refs. 阅读全文
摘要:
html{overflow-x: hidden;} body{width: 100%;height: 100%;background: #613900;} .face{width: 500px;height: 500px;background: #ffc400;border-radius: 50%; 阅读全文
摘要:
虚拟dom 频繁且复杂的dom操作通常是前端性能瓶颈的产生点,Vue提供了虚拟dom的解决办法 虚拟的DOM的核心思想是:对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作。这句话,也许过于抽象,却基本概况了虚拟DOM的设计思想 (1) 提供一种方便的工具,使得开发效率得到保证 (2 阅读全文
摘要:
一.模板语法 (1) 插值 a.文本 {{ }} 声明一条数据,然后用特殊的模板语法将其渲染出来(声明式渲染) b.纯HTML v-html慎用 ,防止XSS,CSRF( (1) 前端过滤 (前端采用正则将容易注入的字符<等过滤掉) (2) 后台转义( < > 换成 < &g 阅读全文