摘要:
``标签可提供页面数据的元信息(meta information)。 ``标签位于文档头部,不包含内容,其属性定义了与文档关联的键值对。 简单来说, 的实际用途。比如: + 搜索引擎优化(SEO) + 定义页面使用语言 + 自动刷新并指向新的页面 + 实现网页转换时的动态效果 + 控制页面缓冲 + 阅读全文
摘要:
继续上一篇文章的内容,本文主要内容为项目中 模块的实现。 新闻资讯页面主要是当我们点击这个按钮时跳转到新闻列表界面。 一、新闻资讯的路由设计 将新闻资讯的标签改为路由:(a标签改为router link)。 然后新建一个 单文件组件用于显示新闻列表,并配置到 文件中。 二、新闻资讯的页面设计 1、搭 阅读全文
摘要:
一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用 & 在`webpack`环境下进行开发。首先安装基本的模块文件: 最基本的环境配置(注意文件地址要和项目文件目录对应): 为了快速启动还需要在 中增加一个启动配置: 最基本的运行环境就搭建好了。 2、基本 阅读全文
摘要:
一、webpack中常用的文件loader & 插件 由于版本存在变动,以下安装和配置都有可能发生变化,请以 "官方文档" 为准。 1、html webpack plugin插件 是在内存中生成html模板的插件plugin 首先安装插件 ,然后在配置文件 中进行插件配置: 2、css的loader 阅读全文
摘要:
CSS 弹性盒子布局是 CSS 的模块之一,定义了一种针对用户界面设计而优化的 CSS 盒子模型。在弹性布局模型中,弹性容器的子元素可以在任何方向上排布,也可以“弹性伸缩”其尺寸,既可以增加尺寸以填满未使用的空间,也可以收缩尺寸以避免父元素溢出。子元素的水平对齐和垂直对齐都能很方便的进行操控。通过嵌 阅读全文
摘要:
一、监听数据变化的三种形式 假设我们需要提供两个输入框,分别输入姓和名,然后自动拼接为姓名。这样,我们就需要监听输入框的数据变化,让完整的姓名跟随输入的变动而变化。我们可以使用以下三种方式: 1、结合DOM事件使用 来监听数据变化 html代码:使用 事件来监听数据的改变。 js代码: 2、使用 侦 阅读全文
摘要:
JQuery.data()方法 Jquery提供的在节点存取数据的方法。 JQuery.extend()方法 Jquery提供的对象拼接方法: $ .extend( [deep ], target, object1 [, objectN ] ) 注:返回值为拼接完成的目标对象。 非深度拼接时,相同键 阅读全文
摘要:
1、案例 用于对异步操作的进行数据处理,为异步操作的回调函数提供接口,让其在可同步执行,而不用再将回调函数进行层层嵌套。 例如,我们以下面的例子为例: 对于异步函数,如果不进行回调函数嵌套,我们就无法保证其执行顺序。但是有了 对象之后,我们可以进行链式书写,从而保证回调执行的顺序。 2、Promis 阅读全文
摘要:
这里说的Vue中的路由是指前端路由,与后端路由有所区别。我们可以使用url来获取服务器的资源,而这种 url与资源的映射关系 就是我们所说的路由。对于单页面程序来说,我们使用url时常常通过 的方法切换页面,即我们常用的锚点。比如: 而请求路径中的hash不会传到后端,所以常常被用作前端切换页面的方 阅读全文
摘要:
一、Vue中的ajax:vue resource和axios 是Vue实现异步加载的官方库,即Vue中的ajax。在Vue2.js之后 将不再更新维护,所以推荐尽量使用第三方库 实现异步加载。 下面将对两种库分别进行使用说明,参考: "vue resource" "axios" 1、vue reso 阅读全文