这里附带vscode下载地址，和前端开发常用的20+插件，可根据插件功能自行选择下载。VsCode下载安装Visual Studio Code下载地址：https://code.visualstudio.com/Download下载页面中，用户可选择“user”和“system”两种版本。目前“system”被推荐使用，它能同时打开多个窗体副本，而“user”只能打开一个实例。VsCo...

在项目中遇到这样一个问题：div1和div3有默认的css样式 背景颜色是绿色div2有一个默认的css样式 背景颜色是红色需求：当鼠标悬浮在div1，div2，div3上时 让当前div的背景颜色变为红色，其余背景颜色变为绿色，无鼠标悬浮时 让其展示默认效果<style>.div1 {width: 100px;...

Vue-Router什么是路由？路由是根据不同的url地址展现不同的内容或页面。早期的路由都是后端直接根据url来重载页面实现的，即后端控制路由。后来页面越来越复杂，服务器压力越来越大，随着ajax（异步刷新技术）的出现，页面的实现非重载就能刷新数据，让前端也可以控制url自行管理，前端路由由此而生。什么时候使用前端路由？前端路由更多用在单页应用上，也就是SPA(Single Page W...

在学习vue时，插值表达式和vue指令可谓是基础中的基础，这篇文章，就让你彻底了解怎么使用插值表达式和vue中所有指令的用法。一、插值表达式：{{ }}可以将vue中的数据填写在插值表达式中<div id="app">{{ title }}</div><script>const vm = new Vue({el:"#app"...

使用步骤：1.在lanch.json中配置（注意url的端口号需与webpack配置的一致）代码如下:{"version": "0.2.0","configurations": [{"type": "chrome","request": "launch","name": "vuejs: chrome",...

好似周围的人都在使用vue，那么vue到底好在哪呢，我虽然用了好多次，但是也是第一次停下来，整理了一下vue 的优点性能更好视图-模型分离，实现双向数据绑定维护成本低1、性能好在哪？在JavaScript中，操作DOM影响性能，操作DOM是十分昂贵的，因为访问DOM会消耗性能，而修改DOM可能导致重排或者重绘，代价更是可怖。DOM是一个与语言无关的API，它在浏览器中的...

Vue-Router什么是路由？路由是根据不同的url地址展现不同的内容或页面。早期的路由都是后端直接根据url来重载页面实现的，即后端控制路由。后来页面越来越复杂，服务器压力越来越大，随着ajax（异步刷新技术）的出现，页面的实现非重载就能刷新数据，让前端也可以控制url自行管理，前端路由由此而生。什么时候使用前端路由？前端路由更多用在单页应用上，也就是SPA(Single Page W...

Vue生命周期在学习vue的过程中，vue的生命周期可谓是重中之重，必学的一部分。每个 Vue 实例在被创建时都要经过一系列的初始化过程，例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。下面这张图想必大家都不陌生生命周期图示：解释：首先创建一个vue实例，...

在一个大型的vue项目中，需要编写请求接口实在太多太多了，如果每一个接口都从创建实例开始，那代码将会相当庞大以及十分臃肿，后期很难维护，那我们来看看企业级项目中，http请求是怎么抽离出来的吧。首先是request.js，这个文件是用来处理axios的配置、设置拦截器等等，它创建了一个实例，并将这个实例导出。代码如下，注释都写在里面啦import Vue from 'vue'import ...

在学习vue时，插值表达式和vue指令可谓是基础中的基础，这篇文章，就让你彻底了解怎么使用插值表达式和vue中所有指令的用法。一、插值表达式：{{ }}可以将vue中的数据填写在插值表达式中<div id="app">{{ title }}</div><script>const vm = new Vue({el:"#app"...