vue2.x源码系列

vue2.x入门教程

vue现在已经出到3.x了，但是2.x还是使用的更多，就像我现在工作中在做的项目。身为后端，有时候不得不也要会前端的知识，本篇就按顺序先从2.x开始入门吧。一、vue.js背景先声明一下，vue.js和vue是指一个东西，vue只是vue.js的简称罢了。1.什么是vue官方的说法是：vue是一套用于构建用户界面的渐进式框架。从这里我们就可以看出vue首先不是某个类库，而是一个框架，这说明它不是召
胜舟·2021-05-20 09:36

读 Zepto 源码之神奇的 $

读Zepto源码系列文章已经放到了github上，欢迎star:reading-zepto源码版本本文阅读的源码为zepto1.2.0zepto的css选择器zepto.qsa我们都知道，很多时候，我们都用
对角另一面·2021-05-20 09:08

vue2.x与vue3.x的对比

异步组件(vue3.x新增)vue3.x由于函数式组件被定义为纯函数，因此异步组件的定义需要通过将其包装在新的defineAsyncComponent助手方法中来显式地定义import{defineAsyncComponent}from'vue'importErrorComponentfrom'./components/ErrorComponent.vue'importLoadingCompone
南崽·2021-05-18 14:38

Vue3使用mitt进行组件通信的步骤

Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？
·2021-05-15 17:48

Vue 2.x 实战之后台管理系统开发（一）

1.导语下文：Vue2.x实战之后台管理系统开发（二）该文章将从头到尾梳理我是如何使用Vue2开发一个后台管理项目的，我会将自己遇到的问题贴出，希望可以帮助到其他人。
AlessiaLi·2021-05-12 05:18

Atom安装Vue代码高亮插件

目前我是从vue2.x起步开始学习，看了几个帖子入门教程，发现很多都是直入正题说怎么写代码的，很少说用什么编码工具开发好。虽然开发工具并不能影响运行，但是会大大影响码农写代码的积极性。
Faynman·2021-05-11 02:21

vue中常问面试题

一、vue2.x中响应式原理1）原理采用数据劫持+订阅-发布模式的方式，通过Object.defineProperty来劫各个属性的settergetter，数据变化时，发布消息给订阅者，触发响应的回调
赏花赏景赏时光·2021-05-09 23:16

HashSet源码分析:JDK源码系列

1.简介继续分析源码，上一篇文章把HashMap的分析完毕。本文开始分析HashSet简单的介绍一下。HashSet是一个无重复元素集合，内部使用HashMap实现，所以HashMap的特征耶继承了下来。存储的元素是无序的并且HashSet允许使用空的元素。HashSet是非同步的。如果多个线程同时访问一个哈希set，而其中至少一个线程修改了该set，那么它必须保持外部同步。（参考JDK1.8文档
乱敲代码·2021-05-06 11:59

spring源码系列2——spring bean初探

本节主要介绍beanDefintion体系结构、关键属性解读以及beanDefintion在整个框架中作用。众所周知，spring管理的实例对象都以bean的形式存在（bean一定是对象，但对象不一定是bean，由spring管理的对象才是bean），每个bean对象的实例化都是以beanDefinition为基础（通过beanDefinition里面的beanClassName获得构造或通过fa
xu_jiang_hua·2021-05-03 22:24

闷棍暴打面试官 JDK源码系列 (一) 打破 lambda 问到底 !

家喻户晓的lambdaJava8(又称为jdk1.8)是Java语言开发的一个主要版本。Oracle公司于2014年3月18日发布Java8，它支持函数式编程，新的JavaScript引擎，新的日期API，新的StreamAPI等。Lambda表达式−Lambda允许把函数作为一个方法的参数（函数作为参数传递到方法中）。StreamAPI−新添加的StreamAPI（java.util.strea
萧子山·2021-05-03 21:41

网易云课堂

从零玩转Vue2.x与大项目实战：http://study.163.com/course/courseMain.htm?
9979eb0cd854·2021-05-03 07:54

Vue2.x 中使用vw完成移动端页面适配

下面就介绍一下Vue2.x中使用vw实现移动端页面适配的步骤。代码前提你已经了解vuecli来构建项目。无论使用vuecli2.x还是3.x版本，如果你了解webpack配置，那么过程都是大同
echozzh·2021-05-02 21:33

文件预览——一路躺过来的那些坑

因为最近项目比较紧，所以dubbo源码系列是顾不上了。
Jackie_Zheng·2021-05-01 14:24

用VUEJS(2.x)做一个网易云音乐

技术栈vue全家桶（vuevue-routervuex）axiosMuse-UI(一个基于Vue2.x的materialdesign风格UI框架)功能与思路分析我之前学习JS的时候对Html5audio
前端er·2021-04-30 21:23

VUEX基本介绍，包含实战示例及代码（基于Vue2.X）

VUEX1VUEX基本介绍1.1官方APIhttps://vuex.vuejs.org/zh-cn/1.2什么是vuexvuex是一个专为Vue.js应用程序开发的状态管理模式。1.3Vuex使用场景1、Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化;-->集中式存储管理应用的所有组件的状态2、如
无懈可击·2021-04-30 09:51

Spring源码系列-IOC与DI 1.2

IOC容器概念ioc容器就是具有依赖注入功能的容器，ioc容器负责实例化，定位、配置应用程序中的对象及建立这些对象间的依赖。应用程序无需在代码中new相关对象，应用程序由ioc容器进行组装。BeanFactory是ioc容器的实际代表者。ioc容器是如何知道它管理的对象的？通过读取配置文件的配置元数据，通过元数据对应用中的各个对象进行实例化及装配。Bean的概念由Ioc容器管理的那些组成应用程序的
zhanghanbin1990·2021-04-29 11:41

02_手写Vue2.x课程笔记梳理

概述最近在学习如何实现一个简版的Vue（MVVM）的课程,为了理解课程内容，将相关的学习内容进行梳理记录，便于以后查阅。前置知识MVVMMVVM(Model-View-ViewModel)就是在MVC的基础上把业务处理的逻辑分离到ViewModel层中。MVVM分别指的是M:Model层，表示请求的原始数据VView层，负责视图的展示，由ViewModel层控制VMViewModel层，负责业务处
小人物的秘密花园·2021-04-28 16:56

读 Zepto 源码之集合元素查找

读Zepto源码系列文章已经放到了github上，欢迎star:reading-zepto源码版本本文阅读的源码为zepto1.2.0内部方法之前有一章《读Zepto源码之内部方法》是专门解读zepto
对角另一面·2021-04-28 14:19

vue2.x 从vue.config.js配置到项目优化

vue.config.js是一个可选的配置文件，如果项目的(和package.json同级的)根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照JSON的格式来写。前言在实际项目中优化也是经常需要做的事情，特别在中大型项目中降低打包体积大小，提高首屏加载时间是必不可少的，同时在面试中也是一个高
·2021-04-25 16:01

Apache Iecberg 从入门到放弃(3) —— 源码系列之Flink读过程分析

背景介绍上一章和带大家了解了一下Iceberg的元数据文件特殊之处，也简单的给大家描述了一下Iceberg是如何从快速定位到数据文件的，上一章将的比较干，因为都是一些理论知识，这一章我们从iceberg-flink模块的源码出发，带大家更加深入的了解Iceberg注意：本次源码分析基于Iceberg0.11x分支，主要是讲解iceberg-flink模块，其余模块因为暂未深入了解所以会跳过，敬请见
Flink-狄杰·2021-04-24 18:28

vue2.x 从vue.config.js配置到项目优化

vue.config.js是一个可选的配置文件，如果项目的(和package.json同级的)根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照JSON的格式来写。目录vue.config.js配置选项打包优化，减小包的大小图片视频压缩js代码压缩cdn加速引入CDN添加引入的库注释项目中用到
高素质车间工人·2021-04-23 17:47

spring源码系列一 IoC 和 DI

IoC是什么IoC：InversionofControl控制反转，也称依赖倒置（反转）IoC不是什么技术，而是一种设计思想。在Java开发中，IoC意味着将你设计好的对象交给容器控制，而不是传统的在你的对象内部直接控制。上例子：publicstaticvoidmain(String[]args){ServiceAserviceA=newServiceA();serviceA.doService()
Theodore的技术站·2021-04-22 11:27

Vue中管道的使用

在Vue2.x版本中，filter需要自己定义才能够使用过滤器可以用在两个地方：双花括号插值，如：{{message|capitalize}}v-bind表达式（从2.1.0+版本支持），如：自定义的方式有两种
默写_0c03·2021-04-21 01:34

vue nextTick原理

vuenextTick原理前面谈到了vue2.x的响应式原理，vue.js在视图更新采用的是异步更新策略，我们来看看它是怎么做到的。/**？
唐_银·2021-04-19 02:38

Vue3.0 新特性探索

Vue3官网文档1、Vue3.0新变化Proxy：不只是解决了defineProperty的局限性Performance：性能比Vue2.x快1.2~2倍Treeshakingsupport：可以将无用模块
小蓝_sv·2021-04-19 01:15

vue2与vue3中通过函数方式调用全局组件

框架：vue2.x、vue3ui框架：element-ui、element-plus在开发页面时，经常会遇到类似的需求，某某情况下弹个窗提示，达到引导用户的效果，比如没有权限，提示用户去充钱，比如下面：
超人鸭·2021-04-18 05:33

Vue2.x 项目性能优化之代码优化的实现

因为目前Vue2.x使用了webpack等第三方打包构建工具，并且支持其他第三方的插件，我们在项目中使用这些工具时可能不同的操作在运行或打包效率上会有不同的效果，下面就来详细说明优化的方向。
·2021-04-14 20:11

移动端Vue2.x Picker的全局调用实现

什么是Picker组件对标PC端的Select标签,移动端的选择框一般是在viewPort底部弹出Picker组件存在的问题Picker通常以fixed布局，但是我们在写Picker组件时有遇到过该组件无法在viewport的底部弹出，而是在组件内部弹出，导致样式混淆，不符合C端审美，造成以上问题的原因是因为[层叠上下文]的原因，fixed布局并不是基于viewport为底板，而是当前的层叠上下文
·2021-04-14 20:01

vue2.x与vue3.x语法对比

npminstall-g@vue/cli#ORyarnglobaladd@vue/clivuecreatehello-vue3#selectvue3preset项目变化vue2.x和vue3.x目录结构没有什么变化
抽疯的稻草绳·2021-04-13 03:36

vue 和 react发展史、设计思想及维度

1.2vue2.x在vue1.x中如果项目很大的时候，响应式对象很多的时候就会导致性能很不好，页面卡顿的情况，所以在vue2.x的时候引入了vdom。响应式和vdom进行配合，性能的到了很大的提升。
winne雪·2021-04-11 00:51

Element UI el-upload 二次封装图片上传组件(可预览、可批量，含手动上传)

先说明几点：1.使用Vue2.x。2.这几个例子是比较适合我自己项目场景的方案，主要为了记录下，仅供参考。
AizawaSayo·2021-04-10 22:27

Vue 前端小白了解并运用Vue3 + Vite 及 Vue-cli 4项目搭建

Vue.js3.0给我们带来了那些新特性呢：Performance：性能比vue2.x块1.2～2倍Treeshakingsupport：支持按需编译，体积更小CompositionAPI：组合API，
码民的飘柔·2021-04-08 21:02

vue3.0 使用echarts完成图表展示

3.0使用echarts首先跟vue2.x版本没有太大区别使用npm或者yarn安装echart例：npminstallecharts--save成功后在main.js进行挂载配置vue2.0如下：importEchartsfrom"echarts
·2021-04-06 18:07

vue2.x图片引用报错,打包后页面静态文件引用报错

hash模式组件中img标签中图片引用src="@/assets/images/a.png"history模式图片报错index.html/xxx/img/a.png，图片放在在assets中解决方法：build下的base.conf中的url-loader中的limit(默认是10000byte（字节）10kb以下都进行base64编码将limit的值多加几个0，图片就可以转化为base64,但
海豚先生的博客·2021-04-06 16:16

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个
·2021-03-31 21:16

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个
·2021-03-31 21:16

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个
·2021-03-31 20:42

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个
九旬·2021-03-31 17:00

Vue的一些笔记

Vue的一些笔记Vue是MVVM框架Vue2.x响应式数据原理Vue3.x响应式数据原理Vue2.x中如何监测数组变化nextTick的实现原理Vue的生命周期请求接口放在生命周期的位置v-model的原理
xiaobangsky·2021-03-30 14:34

vue3 之 reactive && toRefs源码解析

一、reactve定义reactiveAPI的定义为传入一个对象返回一个基于原对象的响应式代理，即返回一个proxy，相当于Vue2.x中的Vue.Observer。
·2021-03-28 15:58

vue3 之 reactive && toRefs源码解析

一、reactve定义reactiveAPI的定义为传入一个对象返回一个基于原对象的响应式代理，即返回一个proxy，相当于Vue2.x中的Vue.Observer。
·2021-03-28 14:44

闷棍暴打面试官 SpringNative 源码系列: (一) 打造更适合Spring的原生镜像

Spring-Native前世今生当时前东家为了部署微服务测试服,☁️上买了一台8核16G的高性能服务器,一共的微服务组件有十来个,只启动了半天才发现,内存满了(微服务服务真是启动的又慢又占内存也是没谁了),当时只知道有两种解决办法,1.使用swap手动添加交换分区2.在☁️上点按钮在线添加内存.当时图方便选了后者升到了32GB,后来到要部署线上服务器时,发现至少需要5台同规格的服务器才能搞定,因
萧子山·2021-03-27 23:49

【源码系列】浅析vue-router的三种模式

浅析vue-router的三种模式面试官：请说一下vue-router的2种模式...我：vue-router不是有3种模式吗？？？一.前言vue-router到底有几种模式？根据vue-router官网，我们可以明确看到vue-router的mode值有3种hashhistoryabstract其中，hash和history是SPA单页应用程序的基础。先说结论：spa应用路由有2种模式，hash
·2021-03-23 13:57

Vue3 登录注册模态框

源码：地址前段时间写下的Vue.extend登录注册模态框是基于Vue2.x中Vue.extend版本来做而这段时间内都是在学习Vue3.0且也完全重构了该项目，记录学习下重构的过程与思考。
·2021-03-23 13:17

Vue3 登录注册模态框

源码：地址前段时间写下的Vue.extend登录注册模态框是基于Vue2.x中Vue.extend版本来做而这段时间内都是在学习Vue3.0且也完全重构了该项目，记录学习下重构的过程与思考。
·2021-03-23 12:57

Vue3 form表单通过ref获取dom的写法

在vue2.x中，可以通过给元素添加ref='xxx'属性，然后在代码中通过this.
·2021-03-17 15:01

Vue.js源码剖析-模板编译

titlesomecontent渲染函数renderh('div',[h('h1',{on:{click:this.handler}},'title'),h('p','somecontent')])模板编译的作用Vue2
翔子丶·2021-03-15 19:30

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

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

记录用qiankun微前端改造 路由hash模式

主应用、微应用都选择的是vue2.x(因为老项目都是vue开发，qiankun可以兼容所有框架)。路由模式都是选择的hash。但是histo
我只是个前端啊·2021-03-12 15:51

vue2.0与vue3.0响应式的区别

Vue2.X响应式：需要遍历对象的每一个属性，调用defineProperty，把属性转换成getter/setter，性能不如Vue3.X无法监听删除操作，例如deletedata.name，只能通过
晓萌的百宝袋·2021-03-11 15:52
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他