随笔分类 - vue
摘要：服务器端渲染的优势在于更好的seo以及更快的渲染速度，所以vue也开始支持服务器端渲染，即ssr。 基本知识 要使用服务器端渲染，需要使用server-entry.js和client-entry.js两个入口文件，两者都会使用到app.js进行打包，其中通过server-entry.js打包的代码是
阅读全文
摘要：前言 什么是数据双向绑定？ vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是vue的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。 单向数据绑定是使
阅读全文
摘要：文章结构： React中的虚拟DOM是什么？ 虚拟DOM的简单实现（diff算法） 虚拟DOM的内部工作原理 React中的虚拟DOM与Vue中的虚拟DOM比较 React中的虚拟DOM是什么？ 虽然React中的虚拟DOM很好用，但是这是一个无心插柳的结果。 React的核心思想：一个Compon
阅读全文
摘要：一个项目的需求如下： 作为第一个第三方平台，我们可以提供给不同的商家技术支持，即在一个url后面根据不同的商家来提供不同的查询字符串（包含sid和sbid），所以为了得到这个商家的信息，我们需要使用解析这个查询字符串然后从后天获取数据。 出现的问题1： 由于这是vue做的单页面应用，在下方有不同的按
阅读全文
摘要：在vue中，由于是单页面SPA，所以需要使用锚点来定位，在vue的官方文档中提到过也可以不使用锚点的情况，就是在vue-router中使用history模式，这样，在url中就不会出现丑陋的#了，但是这样的缺点在于不能再页面中再使用自己设定的锚点（利用href、name或id）并且需要后台的支持，所
阅读全文
摘要：在使用devtools的过程中，可以使用debugger。
阅读全文
摘要：vuex到底是什么? 使用vue也有一段时间了，但是对vue的理解似乎还是停留在初始状态，究其原因，不得不说是自己没有深入进去，理解本质，导致开发效率低，永远停留在表面， 更坏的结果就是refresh、restart。 首先说说什么是vue。 我对vue的理解是一个简单、易上手的开源框架。可以帮助我
阅读全文
摘要：在进入详情页之后，然后返回到首页，报错如下。 虽说是报错了，但是对我最后的页面并没有什么影响，但是出现了一堆红色的报错，作为一个前端工程师，看着还是十分难受的！！ 一旦出现问题，我的解决思路一般是，查看错误，这里的错误几乎是无法查看的，提示非常不明确，所以第二部工作就是在指定的DetailPage页
阅读全文
摘要：当我们进入首页时，可能有很多条目需要显示，但是如果条目太多，我们全部将之显示出来就会造成性能的消耗，比如，我在第一条就找到了需要的或者我就看前面两条我就不想看后面的了，所以，这时候如果使用全部加载的方式无疑是不合适的，比较好的做法就是首先显示一面多的内容，当检测到用户快要（或者已经）下拉到页面底部的
阅读全文
摘要：localStorage使用。 为什么要使用 localStorage？ 因为在之前的讨论过程中，问题：每次添加一件商品和去掉一个商品都需要发送一个http请求来更新购物车，目的是为了在用户下次登录的时候可以记得购物车里的内容，这样， 如果用户选了之后即使没有付款，但是下次登录的时候仍然一打开页面我
阅读全文
摘要：在这篇文章中介绍了toast是什么，这篇文章主要介绍toast的开发与使用。 开发 Vuejs很流行，并且官方也给出了路由插件vue-router、数据管理插件vuex，但是我们仅仅停留在了使用的阶段，如果能够尝试一下自己开发，并且npm上传，那么对于个人的进步我想还是很大的。 什么是插件 Vue.
阅读全文
摘要：vue中watch的使用 vue中的watch是一个比较重要的概念，通过他我们可以检测data的变化，下面进行详细的介绍。 watch定义方式如下： 即在watch中， 键是一个字符串，它是被观测的对象。 值可以是一个字符串，这个字符串是方法名。 值还可以是一个函数，但不能使用箭头函数的形式，thi
阅读全文
摘要：第一部分： vue嵌套路由 嵌套路由是什么？ 嵌套路由就是在一个被路由过来的页面下可以继续使用路由，嵌套也就是路由中的路由的意思。 比如在vue中，我们如果不使用嵌套路由，那么只有一个<router-view>，但是如果使用，那么在一个组件中就还有<router-view>，这也就构成了嵌套。 为什
阅读全文
摘要：vue中添加util公共方法&&ES6之import、export https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/export
阅读全文
摘要：vue中filter的使用 如上所示，对于vuex，我们在使用mapState获取state时， 可以使用filter来过滤其中的元素，在filter的回调函数中接受三个参数，第一个是value，即每一个元素的值； 第二个是index， 即每一个元素所在的index， 第三个参数是arr,即这个数组
阅读全文
摘要：第一部分: vue-router参数传递 通过router-link我们可以向路由到的组件传递参数，这在我们实际使用中时非常重要的。 路由： router-link: DetailPage页面： 即： 在DetailPage页面我们可以通过$route.query.index 来获取到router-
阅读全文
摘要：vue中promise的使用 promise是处理异步的利器，在之前的文章《ES6之promise》中，我详细介绍了promise的使用， 在文章《js动画实现&&回调地狱&&promise》中也提到了promise的then的链式调用， 这篇文章主要是介绍在实际项目中关于异步我遇到的一些问题以及解
阅读全文
摘要：vue之mapMutations的使用 我们通过Mutation来改变store中的state，方法往往是在子组件中使用 this.$store.commit(); 来实现，但是这样的缺点是不容易查看，并且每次在调用Mutations时都需要添加 $store， 为了方便我们的开发，所以可以使用 m
阅读全文
摘要：vue中强大的缓存机制之keep-alive 最近在用vue做项目，在切换页面时发现切换回原来的页面无法保存原来的状态。 如A页面需要ajax请求数据，然后切换到B页面做某些事情，再切换回A页面时，A页面又再请求数据，但是作为前端，性能优化时必须要考虑的，并且，vue构建的单页面应用，大多数情况下是
阅读全文