上一页 1 ··· 9 10 11 12 13 14 下一页

2019年1月15日

摘要: webpack概述 随着前端体积越来越大,功能越来越丰富,这时候就需要将前端工程化,而 webpack就是用于将前端各种文件打包起来。 一个简单的webpack应该包含以下几个概念 · 入口起点 · 输出 · 配置 · 组件 · 加载器 · 插件 · 模块 · 模块热替换 下面我们一步步的搭建web 阅读全文
posted @ 2019-01-15 22:51 一只傻阿贝哟 阅读(1060) 评论(0) 推荐(0) 编辑

2019年1月14日

摘要: Vue.Js 提供了强大的过滤器API,能够对数据进行各种过滤处理,返回需要的结果 vue的过滤器一般在JavaScript 表达式的尾部,由“|”符号指示: 过滤器可以让我们的代码更加优美,一般可以用在时间格式化,首字母大写等等。 例如:{{ date | dateFormat }}这是过滤器的写 阅读全文
posted @ 2019-01-14 20:26 一只傻阿贝哟 阅读(159) 评论(0) 推荐(0) 编辑

2019年1月13日

摘要: 详解Vue Lifecycle 先来看看vue官网对vue生命周期的介绍 Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。 每一个组件或者实例都会 阅读全文
posted @ 2019-01-13 22:03 一只傻阿贝哟 阅读(139) 评论(0) 推荐(0) 编辑

2019年1月12日

摘要: 遍历数组通常使用for循环,ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外层 阅读全文
posted @ 2019-01-12 21:53 一只傻阿贝哟 阅读(127) 评论(0) 推荐(0) 编辑

2019年1月11日

摘要: 最近研究vue-router单页转跳而不向服务器请求的原理, 主要是HTML5 history以及hash的应用,支持history时使用history模式 下面详细学习了一下常用的history相关的API 常用API: 1.history.length: 返回当前页面所产生的历史记录个数,即在同 阅读全文
posted @ 2019-01-11 22:03 一只傻阿贝哟 阅读(504) 评论(0) 推荐(0) 编辑

2019年1月10日

摘要: history对象之pushState,replaceState浏览器有一个history对象,用来保存浏览历史,用户可以通过点击浏览器的后退或前进按钮在历史记录中切换。之前对history的操作的API主要是前进、后退、跳转等,而在HTML5中提供了2个新方法来管理history。 history 阅读全文
posted @ 2019-01-10 22:05 一只傻阿贝哟 阅读(142) 评论(0) 推荐(0) 编辑

2019年1月9日

摘要: vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而 阅读全文
posted @ 2019-01-09 20:29 一只傻阿贝哟 阅读(99) 评论(0) 推荐(0) 编辑

2019年1月8日

摘要: 在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。 使用 props 将组件和路由解耦: 取代与 $route 的耦合 通过 props 解耦 这样你便可以在任何地方使用该组件,使得该组件更易于重用和测试。 布尔模式 如果 pro 阅读全文
posted @ 2019-01-08 20:36 一只傻阿贝哟 阅读(164) 评论(0) 推荐(0) 编辑

2019年1月7日

摘要: 父组件是通过props属性给子组件通信的来看下代码: 父组件: 子组件通过props来接受数据 第一种方法: 第二种方法: 第三种方法: 子组件与父组件通信 vue2.0只允许单向数据传递,我们通过出发事件来改变组件的数据,废话少说,上干货 子组件 父组件 兄弟组件之间的通信 我们可以实例化一个vu 阅读全文
posted @ 2019-01-07 20:01 一只傻阿贝哟 阅读(110) 评论(0) 推荐(0) 编辑

2019年1月6日

摘要: 1. v-textv-text主要用来更新textContent,可以等同于JS的text属性。 2. v-html 双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHtml属性。 这个div的内容将会替换成属性值rawHtm 阅读全文
posted @ 2019-01-06 21:39 一只傻阿贝哟 阅读(239) 评论(0) 推荐(0) 编辑
上一页 1 ··· 9 10 11 12 13 14 下一页

导航