Vue2.X前端学习笔记第5页

Vue.js构建用户界面的渐进式框架(前端学习笔记1.0)

文章目录前言一、Vue是什么？二、前端核心分析1.1.概述1.2.前端三要素1.3.结构层（HTML）1.4.表现层（CSS）1.5.行为层（JavaScript）二、前端发展史2.1.UI框架2.2.JavaScript构建工具2.3.三端同一2.4.后端技术2.5.主流前端框架2.5.1iView2.5.2ElementUI2.5.2ICE2.5.3VantUI2.5.4AtUI2.5.5Cu

Outsider----·2023-11-13 22:55

vue2响应式原理

vue2.x是利用Object.defineProperty劫持对象或对象的属性(指的是在访问或者修改对象的某个属性时，通过一段代码

张得彰·2023-11-12 17:17

vue3.0生命周期函数

在vue2.x中的生命周期为beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyedactivateddeactivatederrorCaptur

ey..·2023-11-11 14:59

vue3中生命周期函数

再过去几年里，我们一直停留在Vue2.x的学习和实践，而当下Vue3.0是Vue.js的最新版本，很多大厂已经开始转型Vue3.0。所以，我们必须紧跟时代步伐，熟练掌握并深刻理解Vue3.0。

尔嵘·2023-11-11 14:23

Vue3-学习笔记

目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.

BlackStar-Coder·2023-11-11 11:17

大前端学习笔记 -- Composition API

CompositionAPI文章内容输出来源：大前端高薪训练营一、CompositionAPI使用1.使用Vue3.0先创建一个空文件夹，然后进入文件夹执行npminit-y，再执行[email protected]安装vue3.0创建index.html，vue3.0的使用x:{{position.x}}y:{{position.y}}import{createApp}from'.

爱玲姐姐·2023-11-11 11:16

vue+qiankun微前端实践

qiankun（https://qiankun.umijs.org/zh/guide/getting-started）基座也可以用多种脚手架搭建（此处以vue2.x为例）：vue-cli搭建vue2.x

单眼皮的小熊·2023-11-11 00:58

vue3 - 使用 mitt 进行组件通信（详细示例教程）

介绍Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？

街尾杂货店&·2023-11-10 22:10

利用vscode调试vue代码

利用vscode调试代码，实测非常好用注意：现在只支持vue2.x。1.配置launch.json{//使用IntelliSense了解相关属性。//悬停以查看现有属性的描述。

新津之虎--曹达华·2023-11-10 18:46

前端学习笔记 - Web APIs(BOM) 浏览器对象模型

BOM概述BOM=BrowserObjectModel浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分DOMBOM文档对象模型浏览器对象模型DOM就是把文档当作

茗0309·2023-11-10 17:10

SpringBoot/SpringCloud 开源项目

face-easy:FACE-UI基于前后端分离Web端项目，主要实现了网页版的人脸登录，通过调取前端摄像头拍照，传入后台进行跟数据库人脸库的相似度比对，技术的用点：Springboot，Mysql，JWT，VUE2

zybiao2·2023-11-09 07:44

HTML5笔记

前端学习笔记专栏区别于官网中全面的知识讲解，主要记录学习技术栈时对于重点内容的提炼，便于对技术栈知识的快速回顾以及使用1.canvas元素内部坐标：坐标均以左上角为(0,0)，单一坐标均作为起始坐标创建对象

洛千陨·2023-11-09 03:18

前端面试题-收集

@晟小明大厂面试题大前端面试宝典前端面试指南前端学习笔记Awesome前端面试总结前端面试题详

i小杨·2023-11-08 20:36

Vue3.x 全局 API 变更

目录一、回顾Vue2.x二、一个新的全局API：createApp三、config.productionTip移除四、config.ignoredElements替换为config.isCustomElement

小草莓蹦蹦跳·2023-11-08 09:56

知识梳理——vue

30道Vue面试题，内含详细讲解（涵盖入门到精通，自测Vue掌握程度）vue2.x高阶问题，你能答多少1.Vue模板编译的原理就是将template（模板）转化为render（渲染函数）的过程。

wytraining·2023-11-07 08:54

Web前端学习笔记——VueJS-APP案例

源代码下载将项目源码托管到oschina中点击头像->修改资料->SSH公钥如何生成SSH公钥创建自己的空仓储，使用gitconfig--globaluser.name"用户名"和gitconfig--globaluser.email***@**.com来全局配置提交时用户的名称和邮箱使用gitinit在本地初始化项目使用touchREADME.md和touch.gitignore来创建项目的说明

唯恋殊雨·2023-11-06 01:57

Vue.use的使用和基本原理

Vue.use的使用和基本原理介绍与使用Vue.use源码介绍与使用Vue.use()（vue2.x是Vue.use,vue3.x是app.use）在vue中使用很多，比如ElementUI,vantUI

Boale_H·2023-11-05 23:40

数字IC前端学习笔记：优化的基4布斯编码华莱士树乘法器

数字IC前端学习笔记：数字乘法器的优化设计（基4布斯编码华莱士树乘法器）https://blog.csdn.net/weixin_4

日晨难再·2023-11-05 21:45

前端三大框架：数据绑定与数据流

目录序言单向数据绑定vs双向数据绑定单向数据流vs双向数据流数据流与数据绑定参考1.序言在前端三大主流的框架中，我们可能会经常听到React是单向数据流，采用单向数据绑定，而Vue2.x也是单向数据流，

WEB前端含光·2023-11-05 21:19

Vue 3 迁移策略笔记—— 第6节：自定义指令

Vue2.x自定义指令的声明周期bind——指令绑定到元素时触发，只触发一次；inserted——绑定元素被插入父DOM时触发up

杰~JIE·2023-11-05 05:57

Vue3 的 7 种和 Vue2 的 12 种组件通信

Vue2.x组件通信12种方式写在后面了，先来Vue3的Vue3组件通信方式props$emitexpose/ref$attrsv-modelprovide/injectVuexmittVue3通信使用写法

我是哈斯·2023-11-04 17:29

《实战：如何搭建一个完整的 Vue2.0 项目》- 7、Vue2.x 项目 webpack 4 升级 5（半自动升级）

1.自动升级先全局安装升级插件npminpm-checknpm-check-updates-g检查依赖npm-check更新检查后的依赖并展示版本号，此时package.json还没有更新npm-check-updates升级package.json，下图显示更新版本，此时package.json文件已变更。但我们是更新webpack，vue还是使用v2，先手动改回原来的版本号。ncu-upack

AvatarGiser·2023-11-04 09:52

npm run serve 和 npm run dev 的区别

一般在vue3.x的时候用npmrunserve,vue2.x项目运行的时候用到npmrundev，dev是vuecli2的默认执行命令，serve是vuecli4的默认执行命令例如：在vue项目终端，

牛油的果·2023-11-03 14:35

CSS笔记

前端学习笔记专栏区别于官网中全面的知识讲解，主要记录学习技术栈时对于重点内容的提炼，便于对技术栈知识的快速回顾以及使用1.各类主要选择器常规选择器p：元素选择器.class：类选择器#id：id选择器input

洛千陨·2023-11-02 23:41

sass笔记

前端学习笔记专栏区别于官网中全面的知识讲解，主要记录学习技术栈时对于重点内容的提炼，便于对技术栈知识的快速回顾以及使用1.变量变量声明：属性名前加上$作为变量名可在css内重用$nav-color:#F90

洛千陨·2023-11-02 23:36

Vue3学习-生命周期、自定义hook

目录一、生命周期二、自定义hook函数Vue2基础全套教程合集：点击跳转 Vue2高级全套教程合集：点击跳转一、生命周期vue2.x的生命周期2.vue3.0的生命周期Vue3.0中可以继续使用

大脑不能为空·2023-11-02 08:40

JAVA学习笔记—前端学习笔记（二）—JQ、ES6、Bootstrap

文章目录四、jQuery基础1.jQuery介绍1.1jQuery能做什么?1.2jQuery的优势2.jQuery的使用2.1基本的语法介绍2.2jQuery对象与DOM对象2.3选择器2.3.1基本选择器2.3.2层次选择器2.3.3属性选择器2.3.4过滤选择器2.4事件2.4.1鼠标事件2.4.2键盘事件2.4.3表单事件2.4.4鼠标悬停复合事件2.4.5连续点击复合事件2.4.6事件的

Big_BlueCat·2023-11-02 08:52

Vue笔记_插件组件_lucky-canvas抽奖转盘

文章目录官网使用(vue2.x)[1]下载[2]引入[3]使用配置项-width/height配置项-blocks配置项-prizes配置项-buttons优化案例配置项-defaultConfig测算案例

乖女子@@@·2023-11-02 02:44

vue3定义和使用全局变量方法，vue3中使用echarts

文章目录前言一、定义和使用全局变量1.定义2.使用前言在我们使用vue3.x的时候，有些特性还是跟vue2.x区别很大的，这里讲下echarts的使用和怎么定义和使用全局变量vue2中是：Vue.prototype

bittingCat·2023-11-02 02:48

数字IC前端学习笔记：数字乘法器的优化设计（基4布斯编码华莱士树乘法器）

日晨难再·2023-11-01 12:54

vue3.0特性写的太好了忍不住复制下来

image为什么要升级Vue3使用Vue2.x的小伙伴都熟悉，Vue2.x中所有数据都是定义在data中，方法定义在methods中的，并且使用th

心淡然如水·2023-11-01 06:20

全网第一篇：Vue 3.x + Element Plus 动态数据的分组checkbox全选实现方案(含Vue 2.x和Element UI写法）

目录最终效果：实现步骤（Vue3.x）1.ElementPlus/ElementUI的checkbox组件介绍2.加载数据3.渲染组件到页面4.处理全选/单选事件5.提交选中的数据附：Vue2.x和老版

六吨代码·2023-11-01 01:54

【vue2.x】新手如何快速用vue导入GLTFLoader模型

Three.js支持包括.obj、.gltf等类型的模型结构。glTF（GL传输格式）是Khronos的一个开放项目，它为3D资产提供了一种通用的、可扩展的格式，这种格式既高效又与现代web技术高度互操作。文章目录一、安装引入Three.js在需要使用3D模型的页面导入包：在Vue中导入glTF模型需要使用Three.js中的GLTFLoader：二、页面DOM元素渲染在Vue中，我们需要使用一个

嚣张农民·2023-10-31 16:04

vue2.x 二次封装element ui 中的el-dialog

在做后台管理系统的时候，dialog组件是我们使用频率比较高的组件，但是有一些需求现有的组件是不满足的。因此会需要我们做二次封装。组件本身的属性我们保留，只需要根据需求添加，然后在使用的时候props去拿取使用就可以了。本次遇到的问题是如何在父组件去控制dialog的展示关闭。之前有尝试过使用watch去监听props的值，是可以做到想到的效果，但是代码稍微有一些冗余。这次试试新的写法，由于pro

发际线就是实力·2023-10-31 10:15

初学Vue遇到的问题及解决

一.Vue2.x升级3.x首先执行命令npmuninstall-gvue-cli卸载旧版本。然后执行命令npminstall-g@vue-cli。vue-V查看当前版本。

钦点秀才·2023-10-30 00:52

【Vue】响应式原理以及数据代理

Vue2.x中使用的是Object.defineProperty()，因此我们

阿昊在·2023-10-29 18:10

【前端学习笔记】100%px和100vw的区别

区别在于是否包含滚动条Document*{margin:0;padding:0;}.box1{width:100vw;height:300px;background-color:yellow;}.box2{width:100%;height:300px;background-color:red;}没有滚动条时100%px==100vw有滚动条时100vw为包含滚动条和窗口的大小100%px为刨除滚

猪猪爱芮芮·2023-10-29 08:58

vue2.x封装svg组件并使用

第一步：安装svg-sprite-loader插件元素中的path就是绘制图标的路径，这种一大串的东西我们肯定没办法手动的去处理，那么就需要用到插件svg-sprite-loader帮助我们处理图标。此插件就是将.svg文件自动生成元素并插入进标签内，通过插件的处理就可以很方便解决生成图形模板对象的问题。-->npminstall-Ssvg-sprite-loaderyarnadd--devsvg

小牛同学_·2023-10-28 15:55

如何在filters中使用data中数据？

在vue2.x中使用filters功能，如果想在filter中使用this调用data中的数据，会报错，因为this不是指向vue组件实例。

刘杨造梦程序开发建站·2023-10-28 02:32

政务钉钉扫码登录(前端)

详见此处；回调地址redirect_uri，与服务器相关人员确认，但这里不赘述；扫码登录官方说明开始代码实现使用Vue2.x界面默认已创建iframe代码11行，注意这里隐藏了溢出。

AvatarGiser·2023-10-28 02:30

element-plus的安装

咸粽子的咖啡厅丿·2023-10-27 02:43

vue3知识点：Vue3.0中的响应式原理和 vue2.x的响应式

文章目录二、常用CompositionAPI4.Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式本人其他相关文章链接二、常用CompositionAPI问题：啥叫“组合式API”？

刘大猫.·2023-10-27 02:41

Vue.js 教程---菜鸟教程

(vue-router)过渡&动画过渡Ajax(axios)安装方法：GET方法POST方法执行多个并发请求axiosAPI响应接口实例导航菜单编辑文本订单列表搜索页面切换不同布局教程本教程主要介绍了Vue2

小星星xx·2023-10-27 00:47

vue3 composition基本使用

我直接用了typescript（我的理解就是给原来的js加了面向对象的翅膀，我个人理解）————————————————————————————我给大家看下结构结构和vue2.x没有多个变化，main.ts

爱生活，爱编程·2023-10-26 23:07

【前端学习笔记 07-CSS布局，定位总结

布局正常流布局正常布局流(normalﬂow)是指在不对⻚⾯进⾏任何布局控制时，浏览器默认的HTML布局⽅式。正常留布局原理：块元素⾃动占满100%宽度，垂直排列。内联元素宽度由内容撑开，⽔平排列。HTML实例：定位定位(positioning)能够让我们把⼀个元素从它原本在正常布局流(normalﬂow)中应该在的位置移动到另⼀个位置。定位(positioning)并不是⼀种⽤来给你做主要⻚⾯布

SevgiliD·2023-10-26 15:53

Vue2.x解决Element组件el-tooltip滚动时错位不消失的问题

Vue2.x解决Element组件el-tooltip滚动时错位不消失的问题一、问题在给列表中的某些值外层嵌套了Element组件中的el-tooltip后，在滑动鼠标滑轮时el-tooltip的提示框不会消失

BreenCL·2023-10-25 21:06

2021--前端vue高频面试题--

1、Vue2.x组件通信有哪些方式1.父子通信：父向子传递数据是通过props，子向父是通过events（$emit）通过父链/子链也可以通信（$parent/$children）；ref也可以访问组件实例

遇事皆问春风·2023-10-25 11:10

搭建基础vue后台项目

使用vue2.x版本以及其他技术，搭建的简易vue后台项目，能实现后台的基础功能。仍在学习中，难免会有错误，如有问题，请多指教。

九月萩·2023-10-25 02:08

vue sass-loader /deep/ 报错fixed

vue2.x项目中关于/deep/突然不能被识别且报错的问题，记录笔记前两天组里实习生突然说自己项目跑不起来了，报错信息大概类似Modulebuildfailed(from.

Leonmmmmm·2023-10-24 12:26

vue动态生成表单输入框，并动态生成v-model（动态生成v-model遇到的坑）

动态生成v-model时不能直接使用string[‘name’]=value，无法编辑，这时需要使用this.set原因：vue2.x版本双向数据的劫持是使用object.defineProperty的

小陆pro·2023-10-23 14:35

推荐频道

Vue2.X前端学习笔记