WEB前端 软件列表

前端框架Vue.js中Directive知识详解
Vue.js

前端框架Vue.js中Directive知识详解

2020-02-16 标签:前端,框架,vue,js,directive,知识,详解,看上去,angular,定义,类似,dom,功能,拓展,弱的,component,本来,就会,包含,操作

Directive看上去虽然和Angular中的定义类似,Directive 都是对DOM功能的一种拓展,但是 Vue 的 Directive 要弱的多。因为 Vue Component 其实本来就会包含对DOM的操作,所以大多数时候我们写一个通用组件都是一个Component 而不是一个 Dire

前端框架Vue.js构建大型应用浅析
Vue.js

前端框架Vue.js构建大型应用浅析

2020-02-16 标签:前端,框架,vue,js,构建,大型,应用,浅析,真正的,模块化,很早,无论是,require,browserify,进行,打包,angular,依赖,注入,都可以

真正的模块化前端模块化很早就开始了,无论是 require.js,browserify 进行模块化打包, 还是 Angular 进行依赖注入,我们都可以把JS代码分成一个个小的模块并组装起来。然后我们还会通过 less 或者 sass 来把CSS文件也拆成一个个小的模块来写,甚至我们在CSS代码中感

Vuejs第十三篇之组件——杂项
Vue.js

Vuejs第十三篇之组件——杂项

2020-02-16 标签:vuejs,第十三,组件,杂项,component,vue,js,最强,大的,功能,之一,扩展,html,元素,封装,重用,代码,较高,层面

什么是组件?组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。本篇资料是小编参考官方文档的基础

vuejs动态组件给子组件传递数据的方法详解
Vue.js

vuejs动态组件给子组件传递数据的方法详解

2020-02-16 标签:vuejs,动态,组件,传递,数据,方法,详解,通过,定义,props,支持,标签,中使,绑定,属性,即可,使用,的是

通过子组件定义时候的props可以支持父组件给子组件传递数据,这些定义的props在子组件的标签中使用绑定属性即可,但是如果使用的是动态组件,这个时候就没有显式的子组件标签,要给子组件传递数据需要在 中进行绑定 组件的作用于是独立的组件的作用于是独立的,如果要从跟组件获取数据,那么需要一层层的传递才

Vuejs第十二篇之动态组件全面解析
Vue.js

Vuejs第十二篇之动态组件全面解析

2020-02-16 标签:vuejs,第十二,动态,组件,全面,解析,component,vue,js,最强,大的,功能,之一,扩展,html,元素,封装,重用,代码

什么是组件?组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。本篇资料是小编参考官方文档的基础

Vuejs第十一篇组件之slot内容分发实例详解
Vue.js

Vuejs第十一篇组件之slot内容分发实例详解

2020-02-16 标签:vuejs,第十一,组件,slot,内容,分发,实例,详解,component,vue,js,最强,大的,功能,之一,扩展,html,元素,封装

什么是组件?组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。Slot分发内容①概述:简单来说

利用Vue.js指令实现全选功能
Vue.js

利用Vue.js指令实现全选功能

2020-02-16 标签:利用,vue,js,指令,实现,全选,功能,刚开始,接触,不久,参考,上的,方法,服务器,拿到,数据,每个

因为刚开始接触vue不久,全选的实现参考了知乎上的实现方法:1、从服务器拿到数据,为每个item设置checked属性2、计算选中的数量selectCount,如果选中的数量与selectItems的数量相等,则全选selectAll选中3、点全选时,将每个item的checked属性置为true,

Vue.js快速入门教程
Vue.js

Vue.js快速入门教程

2020-02-16 标签:vue,js,快速,入门,教程,angularjs,前端,框架,让我们,非常,方便地,开发,强大,应用,然而,有时候,angular,大型

像AngularJS这种前端框架可以让我们非常方便地开发出强大的单页应用,然而有时候Angular这种大型框架对于我们的项目来说过于庞大,很多功能不一定会用到。这时候我们就需要评估一下使用它的必要性了。如果我们仅仅需要在一个简单的网页里添加屈指可数的几个功能,那么用Angular就太麻烦了,必要的安

Vue.js每天必学之指令系统与自定义指令
Vue.js

Vue.js每天必学之指令系统与自定义指令

2020-02-16 标签:vue,js,每天,必学,指令系统,自定义,指令,基础,除了,内置,允许,注册,提供,机制,数据,变化,映射,dom,行为,directive

基础除了内置指令,Vue.js 也允许注册自定义指令。自定义指令提供一种机制将数据的变化映射为 DOM 行为。可以用 Vue.directive(id, definition) 方法注册一个全局自定义指令,它接收两个参数指令 ID 与定义对象。也可以用组件的 directives 选项注册一个局部自

聊一聊Vue.js过渡效果
Vue.js

聊一聊Vue.js过渡效果

2020-02-16 标签:vue,js,过渡,效果,通过,系统,轻松,dom,节点,插入,移除,过程,添加,动画,将会,适当的,时机,css

通过 Vue.js 的过渡系统,你可以轻松的为 DOM 节点被插入/移除的过程添加过渡动画效果。Vue 将会在适当的时机添加/移除 CSS 类名来触发 CSS3 过渡/动画效果,你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。以 v-transition="