Vue
关注
分享
扫一扫
文章平均质量分 79
Vue专栏，如果你是新手小白，你可以在此专栏中系统学习Vue知识，如果你是入门新手，你可以在此专栏中查漏补缺提升Vue水平
几何心凉
CSDN博客专家、多季新星计划导师、Vue（入门 && 进阶）技能树作者、年度博客之星前端TOP1、致力于新技术的推广与优秀技术的普及。
展开
-
Vue和iview-admin搭建的项目进行兼容
写在前面：用iview-admin创建的基于Vue的项目，开发完成后，用户是使用的360浏览器，其中有两个模式，一个是极速模式（谷歌内核），一个是兼容模式（IE内核），，，，，咳咳，，IE前端伙伴的最爱，，，现在要问题是在360浏览器中的兼容模式下访问项目地址出现的是空白，解决方案如下最先想到的是安装 babel-polyfillnpm install babel-polyfill ...原创 2021-04-27 17:06:56 · 35009 阅读 · 2 评论 -
async 和 await 原来这么简单
进一步了解他 async 和 await，不仅仅知道他的使用原创 2022-08-01 07:15:00 · 43902 阅读 · 94 评论 -
尤雨溪对 2022 Web前端生态趋势是这样看的
7/23尤大大线上为大家分析 2022 Web前端生态趋势，大佬思维满满的干货，快来领取！原创 2022-07-25 07:15:00 · 57852 阅读 · 126 评论 -
深入Vue原理_全面剖析发布订阅模式
文章目录发布订阅模式优化优化思路思考理解发布订阅模式(自定义事件)收集更新函数触发更新函数6.5 总结总结写在最后上节中我们提到下方更新的问题：无法做到精准更新<div id="app"> <p v-text="name"></p> <p v-text="age"></p> <p v-text="name"></p></div><script> let data = {原创 2022-05-25 08:26:06 · 41315 阅读 · 194 评论 -
深入Vue原理_双向数据绑定（视图/数据）
Vue双向数据绑定大大提升了我们的开发效率，但是你知道他的原理么？让我们一起来看一下数据=》视图 试图=》数据 是如何相互影响的吧！原创 2022-05-19 06:00:00 · 36401 阅读 · 91 评论 -
深入Vue原理_数据响应式
深入Vue数据响应式，了解Vue响应式原理，在开发中知其然知其所以然，让我们开发更加得心应手原创 2022-05-16 06:30:00 · 39214 阅读 · 132 评论 -
前端导出文件，后端返回文件流过大直接干崩溃
前端导出文件前端很常见的导出需求 导出world xlsx 甚至是zip在我这个项目中是导出图片，图片量还是蛮大的，直接干崩溃了我们这里是后端同学直接返回的是文件流通过调用接口拿到文件流后直接调用下面的方法export function exportZip(res, name) { const blob = new Blob([res.data], { type: 'application/zip' }) const reader = new FileRead原创 2021-04-26 10:45:13 · 39286 阅读 · 4 评论 -
Vue技能树上线啦
前言成为国人骄傲的Vue框架深受众多企业的青睐和选择，也成为了前端人必备的技能；很多小伙伴通过官网、书籍、博客、视频等再学习Vue的知识，为了帮助大家更加系统的掌握Vue，CSDN技能树-Vue技能树上线啦！就在昨天4月26日的15点48分，Vue技能树第一版上线啦，大家可以来打卡捧场哦，欢迎大家提出宝贵意见哈，目前这一版我们只上线了Vue技能树的一少部分，内容比较简单，适合我们新手进行学习。Vue技能树Vue技能树总共分为三阶段，初阶、中阶、高阶；能够帮助初学者系统的去学习Vue知识，从入门到精原创 2022-04-27 10:33:36 · 42401 阅读 · 35 评论 -
掌握Mock摆脱后端同学的束缚
在开发阶段有一个不成文的规定则是 `项目开发后端先行` 但是作为前端开发工程师的我们，难道在搭建完页面后只能等待后端的接口么？这样的话我们则完全被后端开发限制住了。原创 2022-04-25 06:30:00 · 56666 阅读 · 221 评论 -
助你提高效率的几个Vue指令
前言很多使用Vue的同学往往最容易忽略的指令，由于在这里考虑到很多初学甚至还没有开始接触Vue的同学呢，在介绍v-clos之前呢就先以大家都熟知的v-model编写小demov-model相信大家对v-model并不陌生，简单来讲他就是用于在表单控件以及组建上创建的双向数据绑定首先我们搭建一个Vue的小环境，在一个html页面中引入Vue.js下面为大家带来一个小栗子：<body> <div id="app"> <input type="text"原创 2022-04-21 14:11:41 · 39077 阅读 · 192 评论 -
安装webpack及使用
你是否也是只会运用框架中集成好的Webpack配置呢？你明白每一项的意义么？你懂多少Webpack的个性化配置项呢？本篇文章为你讲解Webpack中的各种配置项参数及作用！原创 2022-04-20 07:00:00 · 44322 阅读 · 125 评论 -
Vue2的核心原理剖析
用了这么久的Vue2了你真的 知其然，知其所以然么？ 今天博主就为大家带来一篇对Vue核心功能的部分剖析，带你了解Vue2的核心原理，快来享受这篇文章吧！原创 2022-03-21 08:37:17 · 40883 阅读 · 107 评论 -
灵活的Vue组件——原来这么简单
现在还有很多人不能独立完成对组件的封装，甚至不知道什么时候该封装组件，该封装什么功能，今天小编为大家出了这篇文章，内涵多个案例让你对Vue组件了如指掌！原创 2022-03-01 09:12:00 · 37854 阅读 · 102 评论 -
一文带你吃透Vue生命周期（结合案例通俗易懂）
内附案例帮助你掌握证明周期的运用，文章通俗易懂，学习Vue生命周期有这一篇就够了原创 2022-02-24 08:44:54 · 41882 阅读 · 53 评论 -
那些被人忽略的Vue导航知识
Vue导航知识的篇幅原本很大，然而很多文章中总结不全面，今天小编为你总结一篇超级全面的Vue导航知识原创 2022-02-21 08:49:46 · 36604 阅读 · 116 评论 -
Vue自定义指令原来这么简单
看完这篇轻松掌握Vue自定义指令，助你面试solo面试官，项目中帮你处理更多难解情况，学习Vue指令原来这么简单原创 2022-02-17 11:18:13 · 47354 阅读 · 90 评论 -
Vue 过滤器、计算属性、侦听器 图解版 一目了然
一文为你详细介绍vue过滤器、计算属性、侦听器，内涵多个案例原创 2022-02-14 09:05:52 · 45136 阅读 · 99 评论 -
vue脚手架基础API全面讲解【内附多个案例】
掌握vue脚手架快速搭建项目，爽到飞，内涵多种案例一目了然，轻松掌握脚手架基础api原创 2022-02-09 08:33:43 · 36320 阅读 · 41 评论 -
vue路由详解版一目了然
为大家详解vue路由，让大家对vue路由重新认识，一目了然，面试必定solo原创 2022-01-24 09:04:00 · 37609 阅读 · 62 评论 -
vue基础（下篇）
如果你玩不转vue组件，就不能说自己会vue，等什么呢，赶紧来吧，一篇文章教会你vue组件原创 2022-01-20 08:31:21 · 40601 阅读 · 62 评论 -
vue基础（中篇）
✨有粉丝在私信中联系博主，希望博主能够系统的出一篇关于vue的基础篇\textcolor{blue}{ 有粉丝在私信中联系博主，希望博主能够系统的出一篇关于 vue的基础篇}有粉丝在私信中联系博主，希望博主能够系统的出一篇关于vue的基础篇 ✨ 今天他来了，vue基础系列分为三篇 ✨本篇是第二篇：vue基础（中篇）\textcolor{pink}{本篇是第二篇：vue基础（中篇）}本篇是第二篇：vue基础（中篇） ✨本篇文章涵盖计算属性、侦听器、过滤器、生命周期\textcolor{green}{本.原创 2022-01-17 13:36:01 · 40173 阅读 · 63 评论 -
趁着对象泡脚的功夫，我把vueX吃透了
vuex基础知识，一篇教会你的使用，让你面试solo全场原创 2022-01-10 17:44:47 · 52294 阅读 · 73 评论 -
webpack相关配置
文章目录???? webpack的概念???? webpack的基本使用项目目录并初始化创建首页及js文件以jQuery为例安装jQuery导入jQuery安装webpack???? webpack的相关设置设置webpack的打包入口/出口设置webpack的自动打包配置html-webpack-pluginwebpack中的加载器???? 使用webpack打包发布项目???? 在webpack中使用vueVue单文件组件在webpack中使用vue????写在最后???? webpack的概念we原创 2022-01-04 09:24:00 · 41478 阅读 · 30 评论 -
Vue3的响应式原理解析
Vue3的原理解析让你一目了然，vue3和Vue2响应式进行对比、嵌套对象响应式、避免重复代理。。。原创 2021-12-13 09:05:30 · 38913 阅读 · 31 评论 -
初探Vue3
vue3原创 2021-12-09 10:08:55 · 39248 阅读 · 52 评论 -
看完这篇文章保你面试稳操胜券——Vue篇
很多伙伴都说进大厂很艰难，本人觉得在it行业想要进入规模比较大的互联网公司，首先有个本科学历作为敲门砖就够用了，足以敲开大厂的大门，然而向你迎面走来的面试官只有你足够强大才能去应付他，博主今天就为大家总结一套前端面试题，很强势呦，让你在面试过程中 solo 全场。跟伙伴们聊天中了解到，大家普遍认为前端的面试题比较杂乱，很难去看全，在这里小编告诉你，嗯。。。。确实如此，因为前端面试的话根据公司的产品不同、运用技术不同、乃至面试官的习惯不同都可能导致问你的问题都是你没有了解过的，不过不要慌，今天小编为你总.原创 2021-11-18 08:38:18 · 42375 阅读 · 112 评论 -
再见了 React、Angular，Vue3 才是 yyds
切记一定要看到最后！！！最近看到一篇文章上面是一作者资讯一位IT前辈，问他怎么看待工作 2 年的前端开发，月薪就高达 30k、40k 的现状。他说，在众多编程技术中，前端算比较容易入门和提升的，可以通过页面效果，直观得到开发反馈。但学习前端，其实是一个像 DNA 结构“螺旋上升”的过程——既要反复巩固框架知识，也必须抓紧时间实践。现在，随着前端生态的持续完善，高薪背后，今天的前端开发工程师想脱颖而出，需要具备的能力的确越来越多，入门的门槛提高了不少。今天我的经验是，搞前端，无外乎入门找工作和升职加原创 2021-10-30 12:30:20 · 40852 阅读 · 9 评论 -
你对ES6究竟了解多少？—— 有这一篇就够用了
1. ES6相关概念（★★）1.1 什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 是ES2015以后的泛称1.2 为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散，实现相同的功能，不同的人可能会写出不同的代码2. ES6新增语法2.1 let（★★★）ES6中新增了用于声明变量原创 2021-10-24 12:07:56 · 40261 阅读 · 19 评论 -
强大的APIClound云修复——告别繁琐的编译打包流程
小编接到一项目的二期开发任务，拉下代码开始熟悉大概的框架、技术、上线流程等前期工作，本app是通过vue技术进行开发，使用ui是 vant 库，打包上线则是使用的 APIClound 平台；在我们的app上线后，如果我们改动了app的内容还需要重新打包然后让用户进行重新下载或者是手机上面的强制更新，如果是很小的改动比如我们的样式、文字等小的改动也是需要打包云编译、签名、加固等繁琐步骤今天小编给大家介绍一下APIClound进行云修复，可以不用重新打包，只需要我们将改变的文件上传到 APIClound 就原创 2021-10-21 10:36:06 · 38219 阅读 · 60 评论 -
一文带你吃透BFC
文章目录面试高出场率什么是BFC触发BFC的条件BFC的约束规则BFC可以解决的问题面试高出场率在前端的面试中，经常会遇到BFC的问题，比如：说说你对BFC的理解、你在项目中运用到的BFC、BFC是什么、BFC的作用是什么。。。。很多同学很懵逼，不知道这个问题在问什么，在这里小编就给大家讲解一下关于BFC小提示：这个问题重点是BFC是什么，BFC触发的条件有哪些，BFC可以干什么。这里我们可以试着讲解了一下Boostrap的清除浮动（display：table创建匿名table-cell间接触发B原创 2021-09-06 10:20:11 · 39821 阅读 · 30 评论 -
echars 3D地图为区域自定义颜色
echars 3D地图为区域自定义颜色问题延伸解决问题问题根据项目需求，我们要将下面省级地图中的个别市进行高亮（不同颜色）展示延伸首先跟大家介绍这个地图的展示方式：采用的是Vue框架中运用echarts地图采用的是geo3D和scatter3D当然他的实现很简单首先我们要初始化echartslet echartsMap = this.$echarts.init(this.$refs.echartsMap);注册地图this.$echarts.registerMap('河原创 2021-08-24 11:11:34 · 40742 阅读 · 31 评论 -
总结面试题——Javascript
Javascript1.闭包闭包就是在函数中嵌套函数 作用是可以读取其他函数中的变量 突破作用域 并且在函数中涉及到的变量会永远保存于内存中2.作用域链作用域链就是在执行环境中有序的限制和控制变量以及函数的可访问范围 在作用域链中变量只能向上访问不能向下3.JavaScript的原型 原型链 有什么特点每个对象都会在其内部初始化一个属性 就是原型 prototype当我们访问一个对象...原创 2020-03-26 21:26:18 · 39857 阅读 · 0 评论 -
Vue项目中如何设置动态的TDK
TDK是什么TDK就是网站的标题（title）、描述（description）和关键词（keyword）TDK在哪里上面大佬对TDK的概念解释的很全面，但是在网页中的TDK在哪里呢，作为开发人员打开F12我们就可以看到可以看到T就是我们页签中的标题，而description和keyword也是可以存在的但是并没有给用户直接展示的形式设置网站TDK在html中我们可以如下设置我们的网站TDK设置后效果如下Vue中动态设置TDK1. 修改index.html将TDK的内容清空，然后原创 2021-06-29 13:28:47 · 39916 阅读 · 20 评论 -
带你玩转 ui 框架 ——scoped及样式穿透问题详解
前言在我们前端的开发中经常会使用到各种 ui 框架 下面这两个是比较火的，也是我常用的两个ui框架。问题描述但是在使用框架的时候难免会遇到需要改变组件中的一些样式，当然如果我们所有页面的组件样式都是统一的话，我们可以进行全局设置样式，但是如果我们仅仅在一个页面中需要个性化的样式设置，我们平常会下面这样操作：<style lang="less" scoped>#main { width: 100%; height: 90%;}.ivu-form .ivu-form-ite原创 2021-06-28 09:31:02 · 40643 阅读 · 71 评论 -
五分钟带你摸透 Vue组件及组件通讯
一.组件化开发组件 (Component) 是 Vue.js 强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代 码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在vue中都是组件化开发的，组件化开发就是把一个完整的页面分割成一个一个的小组件组件化开发 容易维护 可以复用1.1.定义简单的组件1.1.1语法：Vue.component（）里面有...原创 2020-04-03 12:54:29 · 38343 阅读 · 1 评论 -
Vue 脚手架中的.eslintrc.js代码规范 的解决
在我们使用Vue脚手架 创建项目时 尤其是团队共同开发项目时 会按照一个共同的代码规范来编程 创建Vue脚手架中有一个.eslintrc.js格式 但是在编程中我们通常会使用 shift+alt+f 进行代码格式化 但是由于格式化后的代码 与Vue中的.eslintrc规范不协调 尤其是 “” ； 以及空格的把控以上就是使用不同的代码规范格式代码后的结果解决办法：Eslink配置Esl...原创 2020-05-07 16:27:41 · 38660 阅读 · 2 评论 -
前端面试---Vue部分考点梳理
经典面试题1. v-show 和 v-if 的区别2. 为何 v-for 中要用 key3. 描述 Vue 中的生命周期（有父子组件的情况）4. Vue 组件如何通讯5. 描述组件渲染和更新的过程6. 双向数据绑定 v-model 的实现原理Vue的使用部分指令 插值插值 表达式指令 动态属性v-html 会有XSS风险 会覆盖子组件computed 和 watc...原创 2020-05-07 20:48:18 · 36247 阅读 · 0 评论 -
仿微信朋友圈项目梳理
项目功能简介：用户通过手机号验证码进行登录和注册 可以浏览动态列表中的所有动态 登录成功后用户可以发表自己的动态 也可以对自己认可欣赏的动态进行点赞和评论 也可以通过动态结识志同道合的朋友 进行聊天和探讨前端：采用Vue框架搭建 weui进行页面布局后端：采用node.js数据库：mangoDB库1. 登录注册功能：通过weui中weui-form进行的页面布局使用 /^1[3456789]\d{9}$/ 此正则表达式验证手机号是否合法用户点击获取验证码后按钮变成60秒倒计时调用原创 2020-05-27 10:21:20 · 36545 阅读 · 1 评论 -
Vue cli3.0创建Vue项目
创建Vue项目在要创建项目的文件夹下面打开Powershell窗口输入命令 vue create 项目名称选择第二项回车后选择是否使用历史路由 no 回车选择 Less 回车选择第三个 回车选择第一个 回车选择第一个 回车是否保存模板 选择no完成啦完成...原创 2020-07-28 10:50:43 · 36209 阅读 · 0 评论 -
vue cli3.0创项目报错‘This may cause things to work incorrectly. Make sure to use the same version for b’
错误： throw new Error( ^Error:Vue packages version mismatch:- vue@2.6.12 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\vue\dist\vue.runtime.common.js)- vue-template-compiler@2.6.11 (C:\Users\Administrator\AppData\Roaming\npm\node_modules原创 2020-12-22 11:17:43 · 25754 阅读 · 1 评论