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

学习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

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

html是什么HTML：HyperTextMarkupLanguage超文本标记语言；发展历史HTML1.0超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：HTML2.0——1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布已经过时HTML3.2——1997年1月14日，W3C推荐标准HTML4.0——19

Qsir11·2023-01-26 18:37

[单元测试]vue2.x迁移vue3.x

vue已经从对应的vue2.x迁移为vue3.x,可以参考官方迁移文档遇到的其它问题，记录一下，方便以后迁移遇到问题时查找环境"@vue/cli-service":"~5.0.8","@vue/vue3

三知之灵·2023-01-20 14:19

Vue3.0学习笔记

Vue3.0工程1.1使用vue-cli创建1.2使用vite创建2常用CompositionAPI2.1拉开序幕的setup2.2ref函数2.3reactive函数2.4Vue3.0中的响应式原理vue2

muzi187·2023-01-18 14:50

Vue3.0(代号：One Piece)

新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2

_CX_·2023-01-18 14:47

vue3中的生命周期

1、通过组合式API的形式去使用生命周期钩子Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名：beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0

Doe·2023-01-18 11:16

前端学习笔记005：数据传输 + AJAX + axios

本文要学习的东西又多又杂，包含JSON、XML、HTTP协议、AJAX请求、Promise、axios。（大家也可以看到我已经努力把题目缩到最短了（T_T））但这些知识对后面前端框架的学习是很有帮助的，所以马上开始~目录1.开始之前2.数据传输：数据2.1XML简介2.2XML语法2.3JSON简介2.4JSON语法2.5JSON与JS对象的转化3.数据传输：传输3.1HTTP简介3.2HTTP报

copcin·2023-01-17 10:32

前端学习笔记24-JavaScript案例相关

Title.c1{height:400px;width:400px;border-radius:50%;}.bg_yellow{background-color:yellow;}.bg_red{background-color:red;}变色letbtnEle=document.getElementById('d2')letdivEle=document.getElementById('d1')b

丰。。·2023-01-17 10:31

前端学习笔记-09-关于注册页面的简单案例

这里放入网页标题注册页面-简单案例用户名:密码:birthday:gender:男女其他hobby:996007996+007province：上海北京深圳路灯挂饰合集:喜欢穿小鞋的资本家A喜欢让人无偿加班的资本家B喜欢让人干三个人的活给半个人的钱的资本家C路灯维修工具:狼牙棒A狼牙棒B狼牙棒C老虎凳A老虎凳B老虎凳C辣椒水A辣椒水B辣椒水C文件:与资本家的交手履历:点我效果

丰。。·2023-01-17 10:00

Vue版本vue2.9.6升级到vue3.0的详细步骤

目录背景：vue版本的升级主要步骤：一、首先需要卸载你之前的vue2.9.6二、安装新版本：总结背景：电脑使用多年，一直使用vue2.x版本，项目开发过程中由于一个模块涉及的集成模块过多，导致需要进行定义的变量越来越多

·2023-01-17 08:47

非常流行的vue库，看这一篇就够了

它适用于Vue2.x和Vue3.x。它是Vue官方成员在2019年11月重新设计的一个状态存储库，它允许你跨组件/页面共享状态，并且是响应式的，类似于Vuex。

·2023-01-16 15:33

前端学习笔记006：React.js

（前面学了那么多，终于到React了~）React.js大家应该听说过，是用于构建前端网页的主流框架之一。本文会把React.js开发中会用到的东西（包括React核心，React脚手架，ReactAJAX，ReactUI组件库，ReactRouter）都讲一遍，废话不多说，直接开始教程~目录1.开始之前1.1React简介1.2React预备1.3JSX语法规范2.React核心2.1Hello

copcin·2023-01-16 08:21

Vue 2 即将成为过去

另外，随着Vue2.7的发布，Vue2.7已经成为Vue2.x的最终次要版本。在这个版本之后，Vue2进入了LTS（长期支持），并且将不再接收新功能。这意味着Vue2.x将

SYBH.·2023-01-11 05:49

vue2项目中全局封装axios问题

目录vue2全局封装axios封装axios封装api函数vue2.X中axios简单封装和多功能封装vue2.X中axios的简单封装多功能封装vue2全局封装axios封装axios第一步1.src

·2023-01-11 05:56

推荐频道

Vue2.X前端学习笔记