摘要:
几种实现双向绑定的做法 目前几种主流的mvc(vm)框架都实现了单向数据绑定,而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素(input、textare等)添加了change(input)事件,来动态修改model和 view,并没有多高深。所以无需太过介怀是实现的单向或双向绑定。 阅读全文
摘要:
Javascript语言的执行环境是"单线程"(single thread,就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推)。 这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整 阅读全文
摘要:
在使用vue.js的时候,有时候因为一些特定的业务场景,不得不去操作DOM,比如这样: 打印的结果是begin,为什么我们明明已经将test设置成了“end”,获取真实DOM节点的innerText却没有得到我们预期中的“end”,而是得到之前的值“begin”呢? Watcher队列 带着疑问,我 阅读全文
摘要:
关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的。针对css样式里background-color;margin-left之类的短杠相接的属性名称,在使用sty 阅读全文
摘要:
获取子节点 1. children 不是标准的dom属性,但是几乎被所有浏览器支持。获取子元素的元素节点(只包括元素节点) 注意:在IE中,children包含注释节点。 2. childNodes 是标准属性。返回所有子节点。包括文本节点。 注意: (1)nodeType 返回节点类型的值,一般是 阅读全文
摘要:
圣杯布局和双飞翼布局解决的问题是一样的,就是两边顶宽,中间自适应的三栏布局,中间栏要在放在文档流前面以优先渲染。 圣杯布局和双飞翼布局解决问题的方案在前一半是相同的,也就是三栏全部float浮动,但左右两栏加上负margin让其跟中间栏div并排,以形成三栏布局。不同在于解决”中间栏div内容不被遮 阅读全文
摘要:
最后在 main.js 里面 配置 具体使用方法 源码地址 https://github.com/zuobaiquan/vue/tree/master/vueExercise/vue-component/src/components/custom 阅读全文
摘要:
一、管理 mongodb 数据库:mongo 查看所有数据库列 表 show dbs 二、 创建数据库 创建 数据库 use student 如果真的想把这个数据库创建成功,(collections)中插入数 据。不需要专门创建集合,只db.student 系统发现 是一个陌生的集合名字,所以就显示 阅读全文
摘要:
Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。 一、父组件向子组件传递数据 在 Vue 中,可以使用 props 向子组件传递数据。 子组件部分: 如果需要从父组件获取 username 的值,就需要 示例代码 在 prop 阅读全文
摘要:
计算属性:在模板中绑定表达式是非常便利的,但是他们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么vue.js将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。 这里我们声明了一个计算属性b。我们提供的函数将用作 阅读全文
摘要:
先看看一个简单的代码 var str='Hello World'; alert(str);//弹出 Hello World 再看一段代码: var v='Hello World'; (function(){ alert(v); })() //和我们预期的一样,还是弹出 Hello World 那么铺 阅读全文
摘要:
在JavaScript中变量包含两种类型的值:一种是基本类型,一种是引用类型。基本类型包括:数值、字符串、null、undefined、布尔值引用类型包括:对象、数组、函数、正则… 补充: null和undefined的区别 null表示"没有对象",即该处不应该有值。 典型用法是: (1) 作为函 阅读全文
摘要:
1.封装 在javascript里边,封装只体现public、private ①public公开的,在构造函数里面通过this关键字声明的成员都是公开的,函数内部、外部都可以调用; ②private私有的,在构造函数里面声明局部变量,就是私有成员。 2.继承 在javascript里边:(构造)函数 阅读全文
摘要:
1.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 另一方面,在函数外部自然无法读取函数内的局部变量。 这里有一个地方需要注意,函数内部声明变量的时 阅读全文
摘要:
1.背景介绍 HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据的几种编码方式。 2.知识剖析 协议规定 POST 提交的 阅读全文
摘要:
1.水平居中的 margin:0 auto; 这个是用于子元素上的,前提是不受float影响 2.水平居中 text-align:center; 代码实例如上 3.水平垂直居中(一)定位和需要定位的元素的margin减去宽高的一半 4.水平垂直居中(二)定位和margin:auto; 这个方法也很实 阅读全文
摘要:
网页布局(layout)是CSS的一个重点应用。 img 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 img 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整 阅读全文
摘要:
//arguments对象并不是一个数组,但是访问单个参数的方式与访问数组元素的方式相同 function show(){ console.log(arguments); //arguments.push(5); //此时报错arguments.push is not a function } show(1,2,3,4); //在js中 不需要明确指出参数名,就能访问它们,... 阅读全文
摘要:
①概述: 简单来说,假如父组件需要在子组件内放一些DOM,那么这些DOM是显示、不显示、在哪个地方显示、如何显示,就是slot分发负责的活。 ②默认情况下 父组件在子组件内套的内容,是不显示的。 例如代码: 显示内容是一个 p 标签 的内容,不包含span标签里面的内容; ③单个slot 简单来说, 阅读全文
摘要:
1.angular.bind(self, fn, args) 作用:返回一个新的函数,绑定这个函数的this指向self 参数:self:新函数的上下文对象 fn:需要绑定的函数 args:传递给函数的参数 返回值:this指向self的新函数 作用:返回一个新的函数,绑定这个函数的this指向se 阅读全文