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

前端如何显示服务器摄像头,浏览器显示海康摄像头实时预览画面纯前端解决方案...

应用场景：如安装数据库，实时显示每一步信息，如1.数据库创建成功...2.user表创建成功...3.用户user1插入成功...前端学习笔记-2.6注册页面基本的注册内容都有了

蔡佳人·2023-03-16 16:20

关于cli工具和脚手架的原理（菜鸟前端学习笔记）

问题什么是脚手架?什么是CLI?@vue/cli,create-react-app是如何实现的？脚手架，CLI脚手架是一类快速形成工程化目录的工具(业务类型)，如：yeoman,@vue/cli,create-react-app.CLI(command-line-interface,缩写：CLI)(效率工具)，如：webpack,es-lint,json-server平常开发中经常会用到如上熟悉的

junjunboy·2023-03-16 07:30

关于vue的观察者模式的浅析

众所周知，vue2.x中的双向绑定是通过Object.defineproperty来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发响应的监听回调，其中的核心类发布者Dep和观察者

叫维特的少年·2023-03-15 18:27

【手撕源码】vue2.x中keep-alive源码解析

个人主页：不叫猫先生‍♂️作者简介：前端领域新星创作者、阿里云专家博主，专注于前端各领域技术，共同学习共同进步，一起加油呀！系列专栏：vue3从入门到精通、TypeScript从入门到实践资料领取：前端进阶资料以及文中源码可以找我免费领取前端学习交流：博主建立了一个前端交流群，汇集了各路大神，一起交流学习，期待你的加入！(文末有我wx或者私信)目录一、前世尘缘二、keep-alive内置组件1.缓

不叫猫先生·2023-03-15 14:26

vue3中vuex与pinia初识

众所周知的是vue2.x中状态管理工具用的是vuex，而vue3中也是可以使用vuex的，且用vuecli创建的vue3项目里面也是可选vuex是否安装的，或者项目初始化时不安装，如果有需要再进行安装使用

qq252750818·2023-03-15 13:42

Vue3.0（vite工具搭建项目）

vue3.0浅析前提vue2.X中很多内容被保存下来；vue3.0采用的是typescript进行重构的几大亮点1.performance：性能比vue2.X快了1.2~2倍。

前端小码农呀·2023-03-15 09:16

【vue3】子组件修改父组件传过来的props数据

1.修改父组件普通数据使用v-mode语法，代替了vue2.x的.sync修饰符父组件用ref()定义一个普通数据为响应式变量，例vartest=ref(‘parent’)父组件用v-mode将数据绑定到子组件上其实它是以下的简写

前端阿彬·2023-03-15 06:14

vue实现分页功能(BootStrap5.x + vue2.x)

0.前置知识SpringBoot基础Vue2.x尚硅谷Vue视频前三十集内容BootStrap会看文档，懂点英文1.需求实现注意第一页的前一页功能为disabled同理第四页的后一页功能为disabled

Ravi-Moonlight·2023-03-15 04:50

深入vue2.x源码系列:手写代码来模拟Vue2.x的响应式数据实现

前言Vue响应式原理由以下三个部分组成：数据劫持：Vue通过Object.defineProperty()方法对data中的每个属性进行拦截，当属性值发生变化时，会触发setter方法，通知依赖更新。发布-订阅模式：Vue使用发布-订阅模式来实现数据的响应式更新。当数据发生变化时，会通知依赖进行更新。依赖收集：Vue在渲染组件时，会对模板中使用到的数据进行依赖收集，将组件中使用到的数据和对应的Wa

嚣张农民·2023-03-15 02:38

解决elemnt-ui安装后运行报错的问题

新建了Vue2.x项目并引入element-ui后执行npmrundev发现编译报错找不到依赖：Thisdependencywasnotfound:element-ui/lib/theme-default

易冷zzz·2023-03-14 18:46

慕课网Vue知识进阶学习笔记

慕课网Vue知识进阶慕课网学习网址链接:3小时速成Vue2.x核心技术1.vue环境搭建慕课网链接：vue工具和nvm及cnpm下载讲解视频链接nvm：nodeversionmanager—node版本管理器下载和安装

果木山·2023-03-13 20:11

[个人开源]vue-code-view:一个在线编辑、实时预览的代码交互组件

组件简介vue-code-view是一个基于vue2.x、轻量级的代码交互组件，在网页中实时编辑运行代码、预览效果的代码交互组件。

Anduril·2023-03-13 19:22

vue2.x 项目 webpack升级vite避坑总结

前言目前一个用webpack构建的vue2.X项目由于业务扩展越来越大，导致项目在本地编译时热更新很慢，页面更新需要10几秒以上。

Lilio1216·2023-03-13 16:02

学习vue-element-admin引入svg图标

一、vue2.x中使用svg图标的相关配置1.扩展svg-sprite-loader加载器安装依赖：npminstallsvg-sprite-loader在webpack.base.conf配置文件mudule.rules

Lilio1216·2023-03-13 16:32

前端学习笔记之--CSS(3)

盒模型：规定单个盒子的规则视觉格式化模型（布局规则）：页面中的多个盒子排列规则视觉格式化模型，大体上将页面中盒子的排列分为三种方式：常规流浮动定位常规流布局常规流、文档流、普通文档流、常规文档流所有元素，默认情况下，都属于常规流布局总体规则：块盒独占一行，行盒水平依次排列包含块（containingblock）：每个盒子都有它的包含块，包含块决定了盒子的排列区域。绝大部分情况下：盒子的包含块，为其

Qsir11·2023-03-13 02:04

1.vue3.0优化

vue3.01.vue3.0六大特点-Perfprmace:性能比Vue2.x快1.2~2倍-Treeshakingsupport:按需编译，体积比vue2.x更小-CompositionAPI:组合API

杜维爸爸·2023-03-13 01:31

【前端学习笔记】JavaScript的作用域与变量提升。

作用域（scope）在ECMAScript中，JavaScript只有两类作用域：全局作用域、函数作用域。全局作用域（globescope）：全局对象的作用域，在代码的任何地方都可访问，但有时会被函数作用域覆盖。函数作用域（localscope）：作用于整个函数范围内，不管到底是在函数中的何处进行声明。定义变量时，如果不写var。就相当于声明了一个全局变量，作用域为全局作用域；否则声明的就是局部变

花上·2023-03-12 17:23

Vue 手势支持 vue-touch

插件源码和教程：https://github.com/vuejs/vue-touch安装：vue2.x不再支持，vue3安装方法·[email protected]·错误找不到路径重新启动服务错误

Zszen·2023-03-12 15:47

前端学习笔记之--HTML(2)

多媒体元素video视频controls:控制控件的显示，取值只能为controlsautoplay:布尔属性，自动播放。muted:布尔属性，静音播放。loop:布尔属性，循环播放audio音频controls:控制控件的显示，取值只能为controlsautoplay:布尔属性，自动播放。muted:布尔属性，静音播放。loop:布尔属性，循环播放兼容性1.旧版本的浏览器不支持这两个元素2.不

Qsir11·2023-03-12 10:14

vue2.x学习笔记

一个Vue应用由一个通过newVue创建的根Vue实例，以及可选的嵌套的、可复用的组件树组成。所有的Vue组件都是Vue实例，并且接受相同的选项对象(一些根实例特有的选项除外)。指令：职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM以下是某些vue和angular指令的对比：指令带有前缀v-，以表示它们是Vue提供的特殊attribute。v-bind:title=|[titl

w_tiger·2023-03-11 21:39

2021 前端 VUE 面试题总汇

文章目录1、vue的生命周期2、Vue2.x双向绑定原理3、Vue3.x响应式原理4、v-for为什么要加上key5、Vdom的理解6、vuex的结构，以及actiion和mutation的区别7、axios

三个木马人·2023-03-10 11:39

vue3之生命周期函数

vue3的生命周期函数跟vue2.x版本有了很大的不同,在vue3中移除了beforeCreate和created,增加了setup函数

魔幻星辰·2023-03-10 04:27

使用Vue-Router 2实现路由功能

注意：vue-router2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router2实现路由功能。推荐使用npm安装。

素时年锦·2023-03-10 00:38

Vue3的7种和Vue2的12种组件通信，值得收藏

本文原文首发掘金：https://juejin.cn/post/6999687348120190983如有不对的或者遗漏的，欢迎指正，你的一赞一评都是我前行最大的动力，感谢Vue2.x组件通信12种方式写在后面了

IT沐华·2023-03-09 22:58

聊一聊 Vue3 中响应式原理

相比于Vue2.x，Vue3.0在新的版本中提供了更好的性能、更小的捆绑包体积、更好的TypeScript集成、用于处理大规模用例的新API。

Cryptic·2023-03-09 21:11

前端使用hls方式播放h265(HEVC)格式的.ts在线文件，附vue2.x封装h265web.js代码，附github项目地址

接上一篇h265web.js同时播放多个视频，修改官方example中player.js并重新编译,这里使用vue2.x封装最新版本h265web.jsv20220916tag【注意:后面有新版本了，tagv20220916

阿巳交不起水电费·2023-03-09 19:39

厚积薄发前端学习笔记 CSS基础篇-水平、垂直居中布局

水平、垂直居中布局是每个前端人必备掌握的基础技能之一，也是各大公司无比常用的面试题之一，可能我们在实践中用不到这么多的方法，但是掌握主流的垂直居中布局方法，是一个前端人的必须的职业素养之一，本文归纳总结了笔者认为比较实用的一些方法，另外一些奇淫技巧不在本文的讨论范围内GitHub项目链接写在前面相关代码我只贴出水平垂直居中的，水平和垂直居中的综合方案代码，水平和垂直居中的分别的代码其实大部分都是融

子白青墨·2023-03-09 05:04

Vue的生命周期和钩子函数（一）——数据初始化

本篇博文基于Vue2.X，3.0的一些特殊机制和语法暂不做考虑。阅读全篇时间约12分钟，仅了解钩子函数使用及使用场景，需约4分钟。正文我们都知道，创建一个Vue实例，需要通过newVue()来实现。

枸杞加上·2023-02-24 16:14

前端学习笔记

jqueryjquery插件网上搜索jquery插件，点击这里##swiper插件网上搜索swiper插件，点击这里wow.js滚动到此处的动画网上搜索wow.js下载，进入官网，点击这里moment插件网上搜索moment.js，进入官网点击这里//这种包是基础的////这种包是基础并且多语言的，两者引其一moment.locale('zh-cn');console.log(moment().f

satuo@·2023-02-20 23:48

Vue3以及element-plus最新版，国际化，多语言，高度封装。按模块区分语言文件，适应大型项目。减少冲突。

如果大家看到的中文版本应该是适用vue2.x的版本。vue3+以上的vue-i18n文档vue3+以上的使用方式改变了。可能是为了跟vue3保持一致

默默无闻的小人物·2023-02-18 23:13

Web前端学习笔记，学习路线图，完整前端自学教程+工具+框架

问题釐清什麽是＂滚动条＂？滚动条指的是下图右侧被红线框起来的部分：在这里我还是要推荐下我自己建的web前端开发学习群：731669587，群里都是学web前端开发的，如果你正在学习前端，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。只要

web前端01·2023-02-18 13:28

vue2.x使用递归组件渲染树形数据结构

概念：递归组件，顾名思义，就是自己的内部实现又调用自己的组件。比如Vue官方给的treeView的例子，父目录下有子目录，子目录下还有子目录，子子孙孙，无穷尽也。就像俄罗斯套娃。应用场景：贴吧评论，多级回复；朋友圈评论，多级回复。看图比较好理解，如下图：image.png待更新。。。

风中凌乱的男子·2023-02-17 18:57

vue3 + vite实现异步组件和路由懒加载

但是在Vue3.x中异步组件的使用与Vue2.x完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。

天問_专注于大前端技术·2023-02-17 02:08

Vue3.2 响应式原理源码剖析，及与 Vue2 .x响应式的区别

本文源码版本Vue3.2.11，Vue2响应式源码剖析点这里深入浅出Vue2响应式原理源码剖析我们知道相较Vue2.x的响应式Vue3对整个响应式都做了重大升级；然后Vue3.2相较3.0版本源码又做了许多变更

IT沐华·2023-02-17 02:34

公司企业站Vue-CLI4开发环境搭建详解

技术概括Vue2.x、CLI4、webpack、npm（cnpm）、node环境（10+）、vue-router、axios（自行封装

FTD止水·2023-02-17 00:46

Vue3 学习笔记 —— （一）深入理解组合式 API

学习笔记梳理)Author：GoritDate：2021/4/24Refer：网易云课堂2021年发表博文：17/50Vue3学习学习文档如果是第一次接触Vue3，可以看这个Vue3初体验零、Vue3.0与Vue2

CodingGorit·2023-02-16 21:31

vue2.x实现鼠标拖拽div右下角进行缩放的功能

exportdefault{name:'Drag',data(){return{disX:0,disY:0,down:false}},mounted(){document.addEventListener('mouseup',()=>{this.down=falsedocument.onmousemove=nulldocument.onmousedown=nulldocument.onmouseu

罗倩楠_666·2023-02-06 19:02

vue组件模板

如果编辑器不能针对.vue生成对应的模板的情况下，该文件可供外部复用根据需要做修改，并且把不需要用到的函数注释删除vue2.x的更多详情可参照https://vuefe.cn/v2/guide/exportdefault

Dennis_丹尼斯·2023-02-06 06:15

How2j仿写天猫前端学习笔记七结算页面

头部和收货地址头部和收货地址写了结算页面的头部和收货地址，头部的是两张图片，浮动摆放在左边和右边。并在后面元素中清理浮动，收货地址则是div，下面的具体内容是表格。再用div把这两个包裹起来。6.8日0:31更新确认订单这个看起来挺好写的啊，结果自己写来，不是很理想。花费了不少时间，主要是跟着站长的思路去写，结果有的地方始终实现不了。一气之下，换个思路立马实现。不能太死脑筋，思维活跃才是王道。这部

烟雨平生梦·2023-02-05 20:41

Vue2.x打包资源路径查找

Vue2.x打包之后发布注意点，资源的寻找路径配置打包之后，dist目录下一般是有一个index.html和static文件夹index里面引用资源的方式是src="/static/js/xxxxx.js

贫下码农·2023-02-05 11:55

厚积薄发前端学习笔记 CSS基础篇-BFC

子白青墨·2023-02-05 10:00

vue 自定义组件 - 五星评分

开发环境vue2.x两张资源图片xing.pngxing2.png组件LzRoatingBar.vueexportdefault{name:"lz-roating-bar",props:{iScore:

微笑中的你·2023-02-04 06:33

vue2升级vue3：Vue3时jsx组件绑定自定义的事件、v-model、sync修

踩坑笔记：组合式API之Setup(props,context)—Vue2.x到Vue3注意Vue2的.sync修饰符转Vue3中v-model可以先看vue2的.sync修饰符文档：https://cn.vuejs.org

zhoulujun·2023-02-04 04:09

windows下nginx配置vue2.x项目带应用路径

vue.config.js修改gjbigscreen是我的项目应用路径，npmrunbuild完放置到对应的nginx的html目录放置到Nginxnginx端口用的80nginx配置再来一个nginx端口我用的是8081同前面的再来一次映射（这一步是我为了测试学习可跳过）1669712563888.png

吴里庆庆·2023-02-03 12:10

vue2和vue3的区别

npminstall-g@vue/cli#ORyarnglobaladd@vue/clivuecreatehello-vue3#selectvue3preset项目变化vue2.x和vue3.x目录结构没有什么变化

奔跑吧兄弟_凯凯·2023-02-03 06:30

Vue2与Vue3的区别

相比于vue2.x，使用proxy的优势如下defineProperty只能

AAA_86·2023-02-01 21:01

【前端学习笔记】移动web-黑马程序员学习笔记

移动web-黑马程序员学习笔记1字体图标2平面转换2.1绝对定位元素居中：2.2双开门效果2.3旋转效果2.4*转换原点2.5多重转换效果2.6缩放3*渐变4空间转换（3D转换）4.1空间位移4.2透视效果4.3空间旋转4.4立体呈现4.5缩放5动画5.1精灵动画5.2无缝动画：走马灯6移动端特点7百分比布局8Flex8.1Flex布局：8.2侧轴8.3伸缩比8.4改变元素排列方向8.5弹性盒子换

张张张张张高高·2023-01-31 15:44

vue2.x使用element-ui的upload组件用formData 的方式实现多图上传。

html点击上传只能上传jpg/png文件，且不超过500kb提交到服务器jsuploadOverrun:function(){this.$message({type:'error',message:'上传文件个数超出限制!最多上传5张图片!'});},changeUpload:function(file,fileList){//预览图片this.fileList=fileList;this.$n

匆匆那年_海·2023-01-31 14:45

vue2.x 源码--重写数组方法实现监听

vue2中，对于数组和对象是没有办法进行响应的所以通过中间处理进行数据拦截，但是前提条件是不改变原有push，pop这些方法的原有行为。vue源码简单实现代码varinterception=["push","pop","shift","unshift","splite","sort"];vararrayProto=Array.prototype;//代理原型对象varproxyProtoObj=O

莫道开发·2023-01-31 02:16

前端学习笔记（二）

使用语义化的HTML5在以往的html中界面编写中，一般都是使用class辨别是哪个区块，现在我们可以利用HTML5中的一些具有语义化的标签进行编写。增加了代码的可读性。常见的语义化标签有以下几个头部导航脚部每个分块文章标签侧边栏推荐几个前端常用的网站boostrap扁平化的一个开源工具库，里面也提供了很多的矢量图标，很值得参考FlatUI阿里巴巴的iconfont矢量图标库，很多图标都可以从中找

星缘邢·2023-01-29 09:22

推荐频道

Vue2.X前端学习笔记