Vue2.X前端学习笔记

个人前端学习笔记 html5+css（保持更新）

2022年7月5日HTML基础知识一.路径的使用1.绝对路径的使用:表示含有盘符的路径地址==-不建议在服务器(工作)中使用==-补充：插件的名字:Imagepreview（在编辑器代码前显示图片）二.相对路径的使用同级找同级元素:目标文件的名称父级找子级元素:目标文件的文件夹名称/目标文件的名称子级找父级元素:../目标文件的名称三.常见的命令./表示当前目录../表示跳出当前文件夹返回上一级自
Natural-9·2023-12-01 17:05

vue3中的provide与inject跨层级组件(祖孙)间通信

·provide和inject提供依赖注入，功能类似vue2.x的provide/inject·实现跨层级组件(祖孙)间通信子或孙子组件接收到的数据可以用于读取显示，也可以进行修改，同步修改父（祖）组件的数据
俊哥前端工程师·2023-12-01 15:01

不用mock，前端来建立后端服务以便自己实现接口

主要用到的技术与功能插件前端：vue2.x,vue-
小鸟游露露·2023-11-30 18:51

Vue3一兄弟组件传值之mitt，超详细！

Vue2.x使用EventBus事件总线进行兄弟组件通信，而在Vue3中事件总线模式已经被移除，官方建议使用外部的、实现了事件触发器接口的库,例如mitt或tiny-emitter。
不抽烟的小王·2023-11-30 15:15

前端学习笔记之闭包——看了一张图终于明白啥是闭包了

闭包闭包定义：指拥有多个变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。函数内部可以直接读取全局变量。函数内部变量无法在函数外部访问。函数内部声明要用var或者let声明，不然会变成全局变量链式作用域：子对象会一级级向上寻找父对象的变量，父对象的变量子对象都是可见的，反之则不行。在一个闭包环境内修改变量值，不会影响另一个闭包中的变量。普通的函数内嵌，内部函数
astak3·2023-11-30 10:59

web前端学习笔记之Node.js

文章目录01浏览器中的JavaScript运行环境02什么是Node.js03安装Node.js04使用Node运行JS代码05fs模块文件操作05.1什么是fs模块05.2读取指定文件内容fs.readFile()05.3写入文件内容fs.writeFile()05.4fs-整理成绩案例05.5fs-路径动态拼接问题05.6fs-使用注意事项06path模块路径操作06.1path模块是什么06
偷到月亮了吗.·2023-11-30 08:27

前端学习笔记 - JavaScript基础语法

编程语言编程编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。注意：上面所定义的计算机指的是任何能够执行代码的设备，可能是智能手机、ATM机、黑莓PI、服务器等等。计算机语言计算机语言指用于人与计算机之间通讯的语
茗0309·2023-11-30 05:25

Web前端学习笔记（1）

文章目录一、第一部分1.1内容一Web前端导入二、第二部分2.1内容一HTML和CSS的定义三、第三部分3.1内容一宇宙第一编译器VsCode3.2内容二快捷键的使用四、第四部分4.1内容一Chrome浏览器4.2内容一五大浏览器五大浏览器的介绍五、第五部分5.1内容一深入了解网站开发5.2内容二JV与HTML与CSS的关系第六部分6.1内容一web的三大核心技术6.2内容二结构,样式,行为七、第
周日happy·2023-11-28 18:14

vue3：自定义组件之v-model父子组件双向绑定

vue3.x移除了vue2.x的model选项，自定义组件双向绑定不在使用以下方法：//vue2的v-model双向绑定方法model:{prop:'value',//3.x默认值改为了modelValueevent
Mosowe·2023-11-27 06:46

必读经典项目，web开发框架renren-fast项目解读

renren-fast是一个轻量级的SpringBoot2.1快速开发平台，其设计目标是开发迅速、学习简单、轻量级、易扩展；使用SpringBoot、Shiro、MyBatis、Redis、Bootstrap、Vue2
MarkerHub·2023-11-26 17:42

vue2.x中使用JS与路由守卫配置、vue2.x中使用TS与路由守卫的配置和vuex的配置以及TS在vue2.x中的使用说明

vue2.x事件修饰符在使用$confirm时，使用await方式时，需要添加catch回调，否则无法获取$confirm关闭和取消时的标识值，并且后续代码停止执行。
百里狂生·2023-11-26 12:53

react黑马前端学习笔记

React一、React概述1.1简介react是一个用于构建用户界面的js库用户界面：HTML页面React主要用来写HTML页面或者构建Web应用如果从MVC的角度来看，React仅仅是视图层，也就是只负责视图的渲染，而并非提供了完整的M和C的功能。React起源于Facebook的内部项目，后来又用来架设Instagram的网站，并于2013年5月开源1.2React特点1、声明式只需要描述
firewrk·2023-11-26 04:30

前端学习笔记之 HTTP协议、存储、Ajax（十四）

week14HTTP协议、存储、Ajax前端数据交互与HTTP协议前后端通信初识前后端通信//1.前后端通信是什么//前端和后端数据交互的过程//浏览器和服务器之间数据交互的过程//2.后端向前端发送数据//访问页面//3.前端向后端发送数据//用户注册前后端通信的过程与概念解释//1.前后端通信的过程//前后端的通信是在‘请求-响应’中完成的//2.概念解释//前端：浏览器端//客户端：只要能和
FrebEaton·2023-11-26 04:49

Vue.observable 是什么

也可以作为最小化的跨组件状态存储器Vue.observable({count:1})其作用等同于newvue({count:1})在Vue2.x中，
muzidigbig·2023-11-26 01:46

「Vue自我检验」axios网络请求二次封装，使用脚手架配置跨域代理（开发环境）

文章目录Vue网络请求Vue脚手架配置代理配置单个代理配置多个代理vue2.x全局配置axios全局路由导卫`axios.interceptors.request`请求拦截`axios.interceptors.response
wincheshe·2023-11-25 19:07

vue2.x el-table二次封装支持编辑修改

最近开发新业务，看到有些功能一样的表格，想着封装一个组件，记录一下：最终实现效果大概实现是：封装一个通用的表格接收两个数组，一个控制行数，一个控制列数表格可进行编辑操作官方文档图中我们可以看到：:data="tableData"中传入的tableData用来控制表格行数el-table-column用来控制列数，有几个el-table-column,表格就有几列因此我们再定义一个数组，去对应tab
Donmind29·2023-11-25 04:31

vue2.x简单二次封装el-form，实现动态添加表单和校验规则

简单封装el-form实现动态添加表单，和表单校验操作方式全部代码目录结构使用提交importYuFormfrom'./components/yuForm'import{basicPurchaseDesc,purchasingInformation,addStockOrder}from'./helper'exportdefault{components:{YuForm},data(){return
温柔如你，生活如梦·2023-11-24 18:13

vue（vue2.x & vue3.x） 使用 lodash

相对于vue2.x的版本，是有很大的变化出入。
Dark_programmer·2023-11-24 10:10

vue中使用webpack添加svg以及去除fill

前提条件：vue2.x版本，webpack3.x版本（so低版本真
不cong明的亚子·2023-11-24 09:59

Vue2.x 源码学习（二） - 数据驱动

学习解读来自于：Vue.js技术揭秘仅用于自我学习内容介绍Vue.js一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM，而是通过修改数据。它相比我们传统的前端开发，如使用jQuery等前端库直接修改DOM，大大简化了代码量。特别是当交互复杂的时候，只关心数据的修改会让代码的逻辑变得非常清晰，因为DOM变成了数据的映射，我们所有的逻辑都是对数据的
李小斌96·2023-11-24 07:15

Web前端学习笔记13：JavaScript_作用域_预解析_对象_内置对象_数据类型

文章目录JavaScript基础第05天笔记1-作用域1.1作用域概述1.2全局作用域1.3局部作用域1.4jS没有块级作用域4-预解析5-对象5.1对象的相关概念5.2创建对象的三种方式利用字面量创建对象利用newObject创建对象利用构造函数创建对象5.3遍历对象JavaScript基础第06天笔记1-内置对象1.1内置对象1.2查文档1.3Math对象1.4日期对象1.5数组对象创建数组的
JasonYangQ·2023-11-23 22:48

Web前端学习笔记

Web前端学习笔记目录Web前端学习笔记前言一、拨开云雾见天日，守得云开见月明1.1.1什么是HTML和CSS1.1.2VSCode编辑器1.1.3深入了解网站开发（部分）1.1.4Web前端三大核心技术
DAOkonglong·2023-11-23 16:21

vue2.x 如何更换网页logo

需求vue2.x项目更换操作引入图标文件。这里的案例试讲图标放到了index.html同级，然后在html引入该文件。
猛男陈朵朵·2023-11-22 16:03

【Vue3】vue3全解

文章目录一、vue3简介二、vite基本使用三、创建vue应用四、选项API和组合API（一）选项API（二）组合API五、组合API（一）setup函数（二）生命周期1、vue2.x生命周期钩子函数2
奔跑の大可爱·2023-11-22 07:19

Vue2.x和Vue3.x渲染器的diff算法

简单来说，diff算法有以下过程同级比较，再比较子节点先判断一方有子节点一方没有子节点的情况(如果新的children没有子节点，将旧的子节点移除)比较都有子节点的情况(核心diff)递归比较子节点正常Diff两个树的时间复杂度是O(n^3)，但实际情况下我们很少会进行跨层级的移动DOM，所以Vue将Diff进行了优化，从O(n^3)->O(n)，只有当新旧children都为多个子节点时才需要用
抽疯的稻草绳·2023-11-22 06:01

DIff算法优化策略

优化策略diff痛点vue2.x中的虚拟dom是进行全量的对比，在运行时会对所有节点生成一个虚拟节点树，当页面数据发生变更好，会遍历判断virtualdom所有节
马超19991128·2023-11-21 20:34

vue2.x源码刨析-new Vue的时候做了什么(手写简易版01)

本篇文章大致的介绍一下newVue的过程，首先我们在生成一个Vue实例化对象的时候，一般会这样写：{{name}}dep{{age}}dep{{name}}constvm=newVue({data(){return{//代理数据name:"zf",age:20,address:{num:30,content:"回龙观",},hobby:["eat","drink",{a:1}],};},creat
A &......·2023-11-21 20:20

前端学习笔记（四）：js语法进阶笔记

文章目录js语法进阶笔记1.变量进阶2.函数进阶3.解构赋值4.构造函数和对象5.构造数组类型`常用的几个数组方法总结如下：`6.包装类型`常用的字符串方法如下：`7.封装与原型8.继承9.this总结指向小结改变函数的this10.class（es6新增）类的创建类的继承11.拷贝浅拷贝深拷贝js语法进阶笔记1.变量进阶var申明的变量不具有块级作用域、let具有块级作用域，var申明变量，可以
★追梦赤子心★·2023-11-21 16:54

Vue3基础知识点

均要配置在setup中setup函数的两种返回值：若返回一个对象，则对象中的属性、方法，在模板中均可直接使用（重点）若返回一个渲染函数：则可以自定义渲染内容（了解）注意点：1、尽量不要与Vue2.配置混用vue2
小六妹妹·2023-11-21 09:37

总结vue框架中的钩子函数

vue2.x生命周期钩子函数组件的生命周期分为3个阶段:挂载阶段:beforeCreate、created、beforeMount、mounted,更新阶段:beforeUpdate、updated,销毁阶段
@德玛玩前端·2023-11-21 09:35

数字IC前端学习笔记：时钟切换电路

相关阅读数字IC前端https://blog.csdn.net/weixin_45791458/category_12173698.html?spm=1001.2014.3001.5482有些时候我们需要在系统运行时切换系统时钟，最简单的方法就是使用一个MUX（数据选择器）选择输出的时钟，如下代码片所示。但这样做会导致毛刺的产生，这可能会导致寄存器的输出产生亚稳态。由于时钟在一个系统内是如此的重要
日晨难再·2023-11-20 16:47

数字IC前端学习笔记：异步复位，同步释放

相关阅读数字IC前端https://blog.csdn.net/weixin_45791458/category_12173698.html?spm=1001.2014.3001.5482异步复位异步复位是一种常见的复位方式，可以使电路进入一个可知的状态。但是不正确地使用异步复位会导致出现意想不到的错误，复位释放便是其中的一个重要问题，这将在后面进行讨论。异步复位是通过寄存器的异步复位端实现的，复
日晨难再·2023-11-20 15:43

Vue2.x笔记

***当前阶段的笔记***「面向实习生阶段」https://www.aliyundrive.com/s/VTME123M4T9提取码:8s6v点击链接保存，或者复制本段内容，打开「阿里云盘」APP，无需下载极速在线查看，视频原画倍速播放。目录-----------------------(VUE壹)-------------------------VUE的初步认识一.什么叫做VUE?vue主流的前
马超19991128·2023-11-20 10:59

vue-router及路由相关＜前端学习笔记＞

Vue路由及异步组件前端路由router原理及表现背景路由全部都是由服务端控制的，前端代码和服务端代码过度融合在一起。客户端/前端发起http请求->服务端->url路径去匹配不同的路由/返回不同的数据。优点：因为直接返回一个html，渲染了页面结构。SEO的效果非常好，首屏时间特别快。在浏览器输入一个url开始页面任意元素加载出来/渲染出来=>首屏时间缺点：前端代码和服务端代码过度融合在一起，开
DZW5323·2023-11-19 20:54

Web前端学习笔记

HTML学习day01一、了解软件架1.C/S2.B/S3.B/S软件的优缺点二、HTMLHTML标签相关1.HTML标签2.HTML标签大小写问题3.HTML标签属性4.HTML颜色值的设置5.HTML注释6.HTML代码格式7.HTML实体字符HTML主体结构三、head标签中常用的标签一、了解软件架1.C/S1）C客户端（client）/S服务器（server）2）特点：a:C/S软件通常需
.徐十三.·2023-11-19 14:10

第三十四节——组合式API使用路由

routerconstrouter=useRouter()//跳转到页面2constlink2=()=>{//使用我们刚声明的router跳转router.push('/v11')}页面传值，传值方式和vue2
爱在你心中·2023-11-19 08:36

vue3【自定义hook】

本质是一个函数，把setup函数中使用的CompositionAPI（组合式api）进行了封装类似于vue2.x中的mixin自定义hook的优势：复用代码，让setup中的逻辑更清楚易懂举个例子，通过在页面获取鼠标点击的坐标为例
suoh's Blog·2023-11-19 07:52

【Vue3】自定义hook函数

本质是一个函数，把setup函数中使用的CompositionAPI进行了封装2、类似于vue2.x中的mixin3、自定义hook的优势：复用代码，让setup中的逻辑更加清楚举例：在HelloWorld
翘阳啦·2023-11-19 07:21

Vue3 自定义hook函数

概念hook：其本质是一个函数，把setup函数中使用的CompositionAPI放到一个文件中进行了封装，然后在需要用到的地方，进行引入，类似于vue2.x中的mixin。自
＊且听风吟·2023-11-19 07:47

Vue3-10-自定义hook

类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。
MarxistVive·2023-11-19 07:46

浅谈vue2.0和vue3.0的区别

下面是一些Vue3.0的具体用法：创建Vue实例：与Vue2.x相同，使用Vue.createApp()方法创建Vue实例。
缘飞梦·2023-11-17 06:01

Vue3: 选项式API和组合式API的优缺点

一.选项式API：选项式API是vue2.x版本中默认使用的API风格，它是基于对象的方式来描述组件的行为和状态的。
小刀肉0812·2023-11-15 14:08

前端学习笔记---ES6篇（四）

模板字符串ES6提供了更方便处理字符串的方法保留字符串格式  在ES6之前我们拼接字符串时如果遇到换行啊之类的多行字符串就得使用\n这样的换行标识来进行操作，如果不只是单纯的换行还有一些缩进啊之类的格式，那么就更难编写了，比如：这是一段文字这里空了两个字这里也是像这样的如果在js里就得这样写才能输出：consta='这是一段文字\n这里空了两个字\n这里也是'压根就不能直观地表现你要输出的是什么格
指尖电光·2023-11-14 22:59

前端学习笔记01--es6与传统语法的区别

{vara=1//letc=2，在局部作用域起作用}console.log(a)//console.log(c)letb=1,c=2,d=3console.log(b,c,d)let[x,y,z]=[4,5,6]console.log(x,y,z)console.log("对象解构")letuser={name:'helen',age:18}letname1=user.name;letage1=u
超级无敌暴龙战士塔塔开·2023-11-14 22:59

前端学习笔记---ES6篇（三）

var、let、const声明变量的区别之前提到了var声明带来的一些不好的地方，ES6的let和const能方便的解决。一、let声明  引入let不仅仅是解决变量声明的问题，还引入了块级作用域的概念，即代码运行遇到花括号自动创建块级作用域，执行过花括号后销毁块级作用域。  解决的变量声明问题：1.全局变量挂载到全局对象问题  let声明的变量不会挂载到全局对象上，也就是说上一篇所说的varal
指尖电光·2023-11-14 22:58

前端学习笔记---ES6篇（一）

ES6概述ES6是一个非常重要的版本，在学习它之前我们有必要了解与之相关的背景知识。一、ES6、JavaScript、nodeJs的区别  ES是ECMAScript的简称，是欧洲标准组织订制的一套语言标准，例如循环、判断、变量、数组等数据类型，是一套通用的语言标准，并不是一种特定的语言。  JavaScript是一种高级编程语言，大多运行在浏览器端，有部分运行在非浏览器环境，使用ES标准，以浏览
指尖电光·2023-11-14 22:28

前端学习笔记---ES6篇（二）

块级绑定（var、let、const的区别）当学习ES6之后，发现之前使用的var声明方式确实存在许多缺点，我们可以有更好的选择一、var声明的缺陷  1.允许重复的变量声明。  我们以前通常是这么声明变量的  vara=0我们都知道这样声明可以重复，比如vara=0;vara=1;这样是没问题的，后面的会覆盖前面的，恰恰因为这，试想一下我们如果在开头就var了一个a，隔了一千行之后忘记了前面还有
指尖电光·2023-11-14 22:28

前端学习笔记-Webpack

前端学习笔记-Webpack文章目录前端学习笔记-Webpack1.Webpack简介1.1基本介绍1.2五个核心概念2.Webpack初体验2.1初始化配置2.2编译打包应用3.Webpack开发环境
Zzay_naw·2023-11-14 22:26

前端学习笔记--面试题系列总结

eventloop它的执行顺序：一开始整个脚本作为一个宏任务执行执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列当前宏任务执行完出队，检查微任务列表，有则依次执行，直到全部执行完执行浏览器UI线程的渲染工作检查是否有WebWorker任务，有则执行执行完本轮的宏任务，回到2，依此循环，直到宏任务和微任务队列都为空微任务包括：MutationObserver、Promise.t
weixin_43209472·2023-11-14 22:55

前端学习笔记--ES6

修正ES6是ECMA为JavaScript制定的第6个标准版本，相关历史可查看此章节《ES6-ECMAScript6简介》。标准委员会最终决定，标准在每年6月正式发布并作为当年的正式版本，接下来的时间里就在此版本的基础上进行改动，直到下一年6月草案就自然变成新一年的版本，这样一来就无需以前的版本号，只要用年份标记即可。ECMAscript2015是在2015年6月发布ES6的第一个版本。以此类推，
weixin_43209472·2023-11-14 22:23
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他