Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。 有三种方式，推荐第二种标准版（无需安装依赖，…

vue-devtools 使用了很长一段时间了，使用过程中发现 vue-devtools 下的 vuex 面板功能很厉害，整个页面的状态可以任意切换到之前的一个时间节点，当时只知道时光穿梭这个概念，没有仔细研究，最近决定入坑研究下。 记的之前有个Vue项目有线上bug，因为是线…

开发一个平台，要求在PC端和移动端上都有较好的体验。 一套资源，根据判断是否是移动设备而选择加载不同的css。 两套资源，pc和mobile各一套，分开维护，在入口处进入不同的路由。 1.前者适用于两端交互和布局差别不大，交互比较简单的项目。只有一套资源，代码量少，维护起来比较…

以前都是写pc，后来需要写h5移动端项目，会遇到一些自适应和兼容性等方面的问题，下面从自己写过的h5项目中稍稍做点总结。 开启一个移动端项目的基础，首先是想好如何在代码中实现移动端适配。之前没有经验，第一个项目里简单粗暴地采用px写死的方法，觉得不好，本项目采用的是像一位优秀同…

1. 新建一个vue项目

大部分情况下在做项目时，pc端和移动端是分开两个项目的，但是也有少部分情况，页面很少的时候，就比如我这次要做的介绍页（从第三方应用跳转到本公司平台，先跳转到介绍页，再从介绍页进去执行免登录操作），移动端一个介绍页，pc端一个介绍页，又不想用原始的html+jquery做，于是就…

因为在同一个项目中，分了移动端和PC端，所以我们在入口，页面，路由等地方都要把移动端和PC端区别开来。 所以，main.js是webpack的入口文件。 在main.js中，加载的是App.vue文件，所以App.vue是vue渲染的入口，也可以理解成根组件，其他组件挂载在它之…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…