一个前端工程从开发到上线务必会运行在多种环境中，同时会对环境变量进行相应的配置，如果使用人力去对这些变量进行维护，那么必然会出现错误，所以这个功能交给 webpack 去做最为合适。 其中需要注意的一点是 '"localhost"', 如果是定义一个字符串，那么需要双重引号包裹…

在使用v-model时习惯的想到数据双向绑定，但是关于v-model的使用场景和原理并不熟悉。接下来说说v-model的使用场景，和vue的源码。 通过使用v-model指令在元素的输入元素上创建双向数据绑定，它会根据控件类型自动选取正确的方法来更新元素。v-model 本质上…

ORIG_HEAD：上次HEAD指针的位置。注：当执行git reset/git pull/git merge命令时，git会把老的HEAD拷贝到文件.git/ORIG_HEAD中，在后续命令中可以使用ORIG_HEAD引用这个提交 commit（提交）：每个commit都是全…

前端将token保存在本地中, 建议使用localstorage进行保存. 下次对服务器发送请求时, 带上本地存储的token 为通过则返回错误码, 提示保错信息, 然后跳转到登录页. 这里使用axios的拦截器，对所有请求进行拦截判断。 在后面的所有请求中都将携带token进…

前言最近在写一个新应用时，想用Koa结合VueSSR，同时写Api接口和页面，于是开始上手写，结果发现需要写的东西很多，参考的大多数例子都用的是十分类似的代码（好像大多都是基于尤大大的hackerne

之前说过，可以使用 props 将数据从父组件传递给子组件。其实还有其它种的通信方式，下面我们一一娓娓道来。 通过自定义事件，我们可以把数据从子组件传输回父组件。子组件通过 $emit() 来触发事件，而父组件通过 $on() 来监听事件，这是典型的观察者模式。 示例中有两个按…

开发过程中发现router和history都不会提供后退事件标识，并且很多时候我们并不想要后退历史，而是后退页面层级。 并且在页面跳转过程中如果使用go(-1)，back()这种事件还容易出现循环后退这种场景。如：z->a->b->a；在这样情况如果在a，b中使用后退，将会按照…

VueAxios封装定义特性支持PromiseAPI拦截请求和响应转换请求数据和响应数据自动转换JSON数据客户端支持XRSF回归正题开始安装axios封装http.js配置多域名请求不同URL到现在

简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏，从而减少页面白屏的时间，给用户带来更好的体验。 可以看到，DOM里面有一个div#app，当js被执行完成之后，此div…