炫意html5
最早CSS3和HTML5移动技术网站之一

vue.js 2.0案例 – HackerNews 克隆

无卤阅读(88)

HackerNews 克隆是基于 HN 的官方 firebase API 、Vue 2.0 、vue-router 和 vuex 来构建的,使用服务器端渲染。 Live Demo 注:如果在一段时间内没有人访问过该网站,则需要一些加载时间。...

Vue.js 2.0 中文教程汇总

html5阅读(286)

Vue.js 渐进式JavaScript 框架 易用 已经会了HTML,CSS,JavaScript?即刻阅读指南开始构建应用! 灵活 简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。 性能 17kb min+gzip 运行大小、超快...

vue.js 2.0 对比其他框架

牛青阅读(101)

这个页面无疑是最难编写的,但我们认为它也是非常重要的。或许你曾遇到了一些问题并且已经用其他的框架解决了。你来这里的目的是看看 Vue 是否有更好的解决方案。这也是我们在此想要回答的。 客观来说,作为核心团队成员,显然我们会更偏爱 Vue,认...

如何从Vuex 0.6.x迁移到Vuex 1.0和2.0

牛青阅读(118)

Vuex 2.0 已经发布了,但是这份指南只涵盖迁移到 1.0?这是打错了吗?此外,似乎 Vuex 1.0 和 2.0 也同时发布。这是怎么回事?我该用哪一个并且哪一个兼容 Vue 2.0呢? Vuex 1.0 和 2.0 如下: 都完全支...

入门教程 – vue.js 2.0 组件

丹青阅读(98)

什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML ...

进阶教程 – vue.js 2.0 深入响应式原理

田田阅读(107)

我们已经涵盖了大部分的基础知识 – 现在是时候深入底层原理了!Vue 最显著的特性之一便是不太引人注意的响应式系统(reactivity system)。模型层(model)只是普通 JavaScript 对象,修改它则更新视图...

进阶教程 – vue.js 2.0 过渡效果

中天阅读(111)

概述 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。 包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 JavaS...

进阶教程 – vue.js 2.0 路由

yiyan阅读(98)

官方路由 对于大多数单页面应用,都推荐使用官方支持的vue-router库。更多细节可以看vue-router文档。 从零开始简单的路由 如果只需要非常简单的路由而不需要引入整个路由库,可以动态渲染一个页面级的组件像这样: const No...

进阶教程 – vue.js 2.0 状态管理

无卤阅读(123)

类 Flux 状态管理的官方实现 由于多个状态分散的跨越在许多组件和交互间各个角落,大型应用复杂度也经常逐渐增长。为了解决这个问题,Vue 提供 vuex: 我们有受到 Elm 启发的状态管理库。vuex 甚至集成到 vue-devtool...

进阶教程 – vue.js 2.0 单元测试

bigao阅读(118)

配置和工具 任何兼容基于模块的构建系统都可以正常使用,但如果你需要一个具体的建议,可以使用 Karma 进行自动化测试。它有很多社区版的插件,包括对 Webpack 和 Browserify 的支持。更多详细的安装步骤,请参考各项目的安装文...

进阶教程 – vue.js 2.0 服务端渲染

牛青阅读(125)

需要服务端渲染(SSR)吗? 在开始服务端渲染前,我们先看看它能给我们带来什么,以及什么时候需要用它。 SEO(搜索引擎优化) 谷歌和Bing可以很好地索引同步的JavaScript应用。同步在这里是个关键词。如果应用启动时有一个加载动画,...

如何从Vue 1.x 迁移到Vue 2.0

小杜阅读(92)

FAQ 哇,非常长的一页!是否意味着 Vue 2.0 已经完全不同了呢,是否需要从头学起呢,Vue 1.0 的项目是不是没法迁移了? 非常开心地告诉你,并不是!几乎 90% 的 API 和核心概念都没有变。因为本节包含了很多详尽的阐述以及许...

如何从从Vue Router 0.7.x 迁移到Vue Router 2

牛青阅读(87)

只有 Vue Router 2 是与 Vue 2 相互兼容的,所以如果你更新了 Vue ,你也需要更新 Vue Router 。这也是我们在主文档中将迁移路径的详情添加进来的原因。 有关使用 Vue Router 2 的完整教程,请参阅 V...

进阶教程 – vue.js 2.0 单文件组件

阿喜阅读(104)

介绍 在很多Vue项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。 全局定义(Global definitions) 强制要求...

进阶教程 – vue.js 2.0 插件

啊Q阅读(104)

开发插件 插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种: 添加全局方法或者属性,如: vue-element 添加全局资源:指令/过滤器/过渡等,如 vue-touch 通过全局 mixin方法添加一些组件选项,如:...

进阶教程 – vue.js 2.0 过渡状态

田田阅读(112)

Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢,比如: 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的属性 所有的原始数字都被事先存储起来,可以直接转换到数字。做到这一步,我...

进阶教程 – vue.js 2.0 Render 函数

田田阅读(104)

基础 Vue 推荐使用在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 template 更接近编译器。 <h2>...

进阶教程 – vue.js 2.0 自定义指令

田田阅读(96)

简介 除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意,在 Vue2.0 里面,代码复用的主要形式和抽象是组件——然而,有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自...

进阶教程 – vue.js 2.0 混合

无卤阅读(105)

基础 混合是一种灵活的分布式复用 Vue 组件的方式。混合对象可以包含任意组件选项。以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。 例子: // 定义一个混合对象 var myMixin = { created: fun...

进阶教程 – vue.js 2.0 生产环境部署

中天阅读(91)

删除警告 为了减少文件大小,Vue 精简独立版本已经删除了所有警告,但是当你使用 Webpack 或 Browserify 等工具时,你需要一些额外的配置实现这点。 Webpack 使用 Webpack 的 DefinePlugin 来指定...

入门教程 – vue.js 2.0 表单控件绑定

田田阅读(99)

基础用法 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。 `...

入门教程 – vue.js 2.0 事件处理器

嘿哈阅读(111)

监听事件 可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。 示例: <div id="example-1"> <button v-on:click="counter += 1">增加 ...

入门教程 – vue.js 2.0 列表渲染

bigao阅读(103)

v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名。 基本用法 <ul id="ex...

入门教程 – vue.js 2.0 条件渲染

老王阅读(106)

v-if 在字符串模板中,如 Handlebars ,我们得像这样写一个条件块: <!-- Handlebars 模板 --> {{#if ok}} <h1>Yes</h1> {{/if}} 在 Vue....

入门教程 – vue.js 2.0 Class与Style绑定

bigao阅读(109)

数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ,我们可以用v-bind 处理它们:只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在 v-bind 用于 class 和 style 时...

Java基础教程Android基础教程