lakey0126

因为vue项目是SPA单页面项目，所以往往项目的资源会在首屏加载，这就导致投产上线后第一次加载白屏很久。这里主要写我在实践中使用的三种优化点。 以 vue-cli 搭建的项目为例，使用vue+vue-router+vuex，ajax请求使用axios，UI框架使用element…

总结备忘一下之前移动端项目宽度自适应的方案。 之前没接触过手淘 flexible 的伙伴可以先看一下大漠老师的这篇文章，这样你会知道为什么长度用 rem，字体用 px。 之前看过很多网上的答案，都是使用插件 px2rem-loader 实现 px 自动转换 rem。 不过这个插…

有时候要根据项目的具体需求重新封装http请求。 最近在公司做一个商城项目，因为我也是vue小白，在网上参考了很多资料，才把需求搞定。 所有对服务器的请求先访问 '/GetMaintenanceState'接口，如果服务器正在维护就拦截请求，跳转到维护页面并显示维护信息；如果服…

Flex（Flexible Box），意为”弹性布局”。“弹性”，顾名思义，就是具有弹簧的特性啦，能够自由的伸缩（有点自适应的意思啦）。其实Flex并不是最近才出现的，而是早在十年前它就被提出。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各…

这几天在做商城首页的商品列表，商品卡片的数量很多，如果一次性加载那么多，加载较慢，而且用户体验不好。所以使用鼠标无限滚动加载效果更好。 实现滚动加载的方式有很多，有现成的组件 InfiniteScroll，但是一些非主流浏览器无法触发，还是自己动手写一写吧。 使用时，因为基于文…

在vue组件中为 <style> 标签开启 scoped 属性，这样样式只作用于这个组件，而不会污染其他组件。 在项目中，我们经常要引入外部的 UI 组件（如 elementUI、mint-ui），但是在父组件中添加 scoped 属性后，父组件的样式将不会渗透到子组件中，所以…

我在做项目的时候，有一个需求，在离开（跳转或者关闭）购物车页面或者刷新购物车页面的时候向服务器提交一次购物车商品数量的变化。 将提交的异步操作放到 beforeDestroy 钩子函数中。 但是发现 beforeDestroy 只能监听到页面间的跳转，无法监听到页面刷新和关闭标…

作为一个接触 vue 才一个多月的小白，马上就接手基于 vue 的大型商城项目，其间真是跌跌撞撞踩了好多坑（o(╥﹏╥)o）。在此写下自己的踩坑之旅，希望给跟我一样还在自学 vue 的同学一些帮助，另外大佬如果有更好的解决办法，请不吝赐教。 使用深度监听 deep: true …

全称为:Model-View-Controller. 主要目的:分离视图（View）和模型（Model）. Application Markup Language)代码. 4.可测试:通常来说,要进行,界面测试比较困难,而MVVM可以对viewModel进行测试. view和v…