购物车的实现 电商网站的购物车相信每个读者都不陌生,这次我们就结合Vue的计算属性,完成一个简单的购物车实现。 首先熟悉下购物车的性质,用户在选定商品添加到购物车中,在购物车...
购物车的实现 电商网站的购物车相信每个读者都不陌生,这次我们就结合Vue的计算属性,完成一个简单的购物车实现。 首先熟悉下购物车的性质,用户在选定商品添加到购物车中,在购物车...
概述 通常我们会在模版中绑定表达式,但如果表达式的逻辑过于复杂,则模版会变得臃且难以维护。 例:Mustache语法中的表达式调用了三个方法来最终实现字符串的反转 定义计算属...
通过指令实现下拉菜单 下拉菜单在实际应用中很常见,当鼠标移动到某个菜单上时会弹出一个子菜单列表,每个子菜单都是可以单击的,当鼠标移出整个菜单列表区域,子菜单列表隐藏。 为了让...
本文承接上文,继续对Vue的指令进行介绍,同时也是指令系列的终章。建议读者先阅读上篇文章,以免有不解之处。前文请参考“Vue学习——指令(三)” 自定义指令 前文已经介绍了V...
本文承接上文,继续对Vue的指令进行介绍,建议读者先阅读上篇文章,以免有不解之处。前文请参考“Vue学习——指令(二)” 内置指令 v-on v-on指令用于监听DOM事件,...
本文承接上文,继续对Vue的指令进行介绍,建议读者先阅读上篇文章,以免有不解之处。前文请参考“Vue学习——指令(一)” 内置指令 v-for 3. 过滤和排序 有时想要显示...
概述 指令是带有v-前缀的特殊属性,其值限定为单个表达式。指令的作用是,当表达式的值发生改变时,将其产生的连带影响应用到DOM上。 此外,一些指令还可以带有参数,在指令名称之...
概述 Vue.js使用了基于HTML的模版语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。 Vue示例代码 Vue实例 在一个使用Vue.js框架的页面应用程序中...
JavaScript引擎是基于单线程事件循环的概念构建的,它采用任务队列的方式,将要执行的代码块放到队列中,当JavaScript引擎中的一段代码执行结束,事件循环会指定队列...
在ECMAScript 5及早先版本中,一直没有模块体系,使得无法将一个复杂的应用拆分成不同的功能模块,再组合起来使用。因此,JavaScript社区制定了一些模块加载方案,...
概念 在ECMAScript 6中新引入了class(类)的概念,使JavaScript更像传统的面向对象编程语言。class写法让对象原型的写法更加清晰,不再需要用其它方式...
概述 在ECMAScript 6中允许使用箭头(=>)定义函数。箭头函数的语法多变,根据实际的使用场景有多种形式 箭头函数的语法 单一参数、函数体只有一条语句的箭头函数定义如...
概述 在JavaScript中,我们经常需要在对象或数组中提取特定的数据赋值给变量,这个过程重复且繁琐。 代码示例如下 而在ECMAScript 6中,为对象和数组提供了解构...
概述 在JavaScript中,对象的使用无处不在。而对象字面量则是JavaScript中创建对象的一种非常流行的方法。因此在ECMAScript 6中,也对对象字面量的语法...
rest参数 为了解决JavaScript函数传入任意数量参数时,存在的一些小问题,在ECMAScript 6中引入了rest参数,通过在函数的明明参数前添加三个点(...)...
在ECMAScript 5中,并没有提供在函数的参数列表中指定参数默认值的语法。 想要为函数参数指定默认值,可以使用如下方法实现 在这个示例中,url和timeout是可选参...
概述 在ECMAScript 6 中,引入了对字符串的操作进行增强的方式模版字面量。 基础语法 模版字面量的基础语法就是用反引号(`)来替换字符串中的单、双引号 在模版字面量...
概述 在JavaScript中有一种变量提升机制 ,即通过var关键字声明的变量,无论在哪里进行声明,都会被当成在当前作用域顶部声明的变量。尽管这种变量提升机制 作为Java...