Vue2.X前端学习笔记

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

前端学习笔记之强制类型转换

1.避免使用==true和==false。因为在比较中，会将true和false强制类型转换为1和0。2.在==中，null和undefined相等，其它值和他俩都不相等。3.抽象关系比较时，如果出现非字符串，就根据ToNumber规则，将双方强制转换为数字比较。如果双方都是字符串，则按字母顺序比较。4.||和&&并不返回布尔值，而是返回两个操作数中的一个。5.JSON.stringify()在对
像风一样自由2017·2021-03-29 20:47

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

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

Vue方向：Render渲染函数

1、了解Render函数Render函数是Vue2.x新增的一个函数、主要用来提升节点的性能，它是基于JavaScript计算的，使用Render函数将template里面的节点解析成虚拟的DOM。
听书先生·2021-03-11 13:22

Vue3移除的API

移除的API按键修饰符不再支持keycode作为v-on的修饰符不再支持config.keyCodeVue.config.keyCodes={f1:112}$on，$off和$once实例方法被移除在vue2
·2021-03-11 02:44

Vue3移除的API

移除的API按键修饰符不再支持keycode作为v-on的修饰符不再支持config.keyCodeVue.config.keyCodes={f1:112}$on，$off和$once实例方法被移除在vue2
·2021-03-11 02:32

带你入门体验 Vue3

Vue2.x有哪些痛点首先Vue3出现之前，让我们来理理Vue2.x有什么痛点，需要Vue3补上的。Vue2.x对数组对象的深层监听无法实现。因为组件每次渲染
·2021-03-10 09:24

带你入门体验 Vue3

Vue2.x有哪些痛点首先Vue3出现之前，让我们来理理Vue2.x有什么痛点，需要Vue3补上的。Vue2.x对数组对象的深层监听无法实现。因为组件每次渲染
·2021-03-10 09:33

比对一下react,vue2.x,vue3.x的diff算法

从0写一下diff算法，我是一边写代码，一边写文章，整理一下思路。注：这里只讨论tag属性相同并且多个children的情况，不相同的tag直接替换，删除，这没啥好写的。用这个例子来说明exportconstHello={name:'Hello',data(){return{childList:['a','b','c'],};},mounted(){setTimeout(()=>{this.chi
HelenYin·2021-03-07 15:37

VUE3.0创建项目步骤详解(推荐)

这篇主要介绍下vue-cli3.0项目搭建如果您还不了解vue2.x就请先看官方文档文档地址:https://cn.vuejs.org/这是vue3.0文档地址:https://v3.vuejs.org
程程0221·2021-03-02 19:19

Vue2.x与vue3.x生命周期对比

Vue2.x你不能使用箭头函数来定义一个生命周期方法！！因为this啥也找不到还报错！
_小海绵·2021-02-26 09:17

Vue源码解析系列——响应式原理篇：理解Dep类和Watcher类

依赖收集通过之前阅读的源码我们了解到Vue2.x版本的响应式是依靠Object.defineProperty这个API来进行对象的劫持，
爱学习的前端小黄·2021-02-23 21:50

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

序言在前端三大主流的框架中，我们可能会经常听到React是单向数据流，采用单向数据绑定，而Vue2.x也是单向数据流，但同时支持单向数据绑定和双向数据绑定，而Angular和AngularJS又有所不同
·2021-02-22 16:30

Bpmn.js 中文文档(一)

一.引入Bpmn.js并初始化建模器/*基于vue2.x，省略了template模板与部分data*/importBpmnModelerfrom"b
MiyueFE·2021-02-21 11:01

vue3.0实现插件封装

vue3.x不同于vue2.x，他们两的插件封装方式完全不一样。由于项目中需要用到自定义提示框,所以想着自己封装一个。vue2.x提供了一个vue.extend的全局方法。
·2021-02-20 13:58

Vue3（七）CDN模式下的“半工程化”的开发方式

好在vue3不容易报错了，想当初vue2.x的时候各种报错，看
自然框架·2021-02-20 08:45

vue2.x配置打包--无需更改生产或测试环境地址

0、安装依赖cross-env1、外部IP.js文件拿到ip2、保证打包config/index.js引入IP.jsconstipFile=require('../build/ip')module.exports/dev/host设置值为获取的iphost:ipFile.getIp(),package.json/"build":"cross-envNODE_ENV=productionenv_co
·2021-02-18 03:52

vue2.x配置打包--无需更改生产或测试环境地址

0、安装依赖cross-env1、外部IP.js文件拿到ip2、保证打包config/index.js引入IP.jsconstipFile=require('../build/ip')module.exports/dev/host设置值为获取的iphost:ipFile.getIp(),package.json/"build":"cross-envNODE_ENV=productionenv_co
·2021-02-18 03:48

前端学习笔记DAY01

前端学习日记（记录从不会玩电脑小白到大神的过程）：（目标：2021年2月14日开始学习HTML，一个月拿下HTML基础。初心：记录个人学习成长，欢迎大神指点。）一、基本语法记录：1、基本标签1、标题标签和解释：共6个等级；作为标题使用，重要性依次递减。特点：1、加了标题文字会变粗，字号变大2、一个标题独占一行。记忆：单词head的缩写，意思为头部、标题。用法：一级标题2、段落标签解释：网页中文字分
40岁大叔自学互联网·2021-02-14 12:51

Vue2.x Class & Style Bindings

Intoduciton:Thewayofusing''inhtmlpartconfusedmewhenIwaslearningClass&StyleBindingsinVue'sofficialguide.(ofcourseit'salsobecauseofmyweakfoundation).Tohelpnewcomerunderstand,Vue'sofficialguideseemedalit
·2021-02-12 10:38

Vue2.x Class & Style Bindings

Intoduciton:Thewayofusing''inhtmlpartconfusedmewhenIwaslearningClass&StyleBindingsinVue'sofficialguide.(ofcourseit'salsobecauseofmyweakfoundation).Tohelpnewcomerunderstand,Vue'sofficialguideseemedalit
·2021-02-12 10:03

Vue的生命周期

vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作,vue2.x一共提供了下列的钩子函数：beforeCreate刚刚创建这个实例属性还没有绑定created创建完毕属性已经绑定好了
骗你学计算机·2021-02-08 20:58

Bpmn.js 中文文档（一）

一.引入Bpmn.js并初始化建模器/*基于vue2.x，省略了template模板与部分da
·2021-02-02 18:33

Bpmn.js 中文文档（一）

一.引入Bpmn.js并初始化建模器/*基于vue2.x，省略了template模板与部分da
·2021-02-02 18:06

vuex

属性：state:核心，驱动应用的数据源，类似于vue2.x中的da
_皓月__·2021-02-02 16:02

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

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

Vue2和Vue3的区别

相比vue2.x，使用proxy的优势如下：defineProperty只能监听某个属性，不能对全对象监听可以省去forin，闭包等内容来提升效率(直接绑定整个对
随笔记呀·2021-01-29 16:50

vue2.x配Typescript 常规安装配置教程

npminstall--global@vue/cli安装升级最新脚手架VueCLI4.xvuecreatemy-project(项目名)//也可以使用可视化命令面板创建项目vueui选择Manuallyselectfeatures自定义配置常规配置可选择vue2?Pleasepickapreset:Manuallyselectfeatures?Checkthefeaturesneededforyo
大德大威顾神·2021-01-28 16:52

Vue 3 迁移策略笔记—— 第25节：v-on.native修饰符被移除

Vue2.x的.native修饰符在Vue2.x，如果想要在一个组件的根元素上直接监听
杰~JIE·2021-01-27 15:46

Vue3.0中引入地图（谷歌+高德+腾讯+百度）

1概述项目需求需要引入地图，对于目前最新的Vue3.0，无论是百度/高德/腾讯地图目前还没有适配，只有Vue2.x版本的：目前只有谷歌地图的Vue3.0适配：但是没有适配并不代表不能使用，本文的重点就是如何使用这四种地图
·2021-01-27 11:42

玩转 Vue.js 3 新特性进阶实战（有彩蛋）

Vue3在Vue2.x的基础做了一些改进和优化，它是国内最受欢迎的前端框架之一，给前端开发人员带来了便捷式开发。
·2021-01-27 01:18

玩转 Vue.js 3 新特性进阶实战（有彩蛋）

Vue3在Vue2.x的基础做了一些改进和优化，它是国内最受欢迎的前端框架之一，给前端开发人员带来了便捷式开发。
·2021-01-27 01:07

前端学习笔记 - promise是什么？能解决什么问题？

返回目录promise是什么？promise是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态：pending（等待态），fulfiled（成功态），rejected（失败态）；Promise有以上三种状态，只有异步操作的结果可以决定当前是哪一种状态，其他任何操作都无法改变这个状
qq_39090575·2021-01-24 10:35

前端学习笔记02-css

CSS一、引入方式二、基本选择器2.1标签选择器2.2类选择器2.3id选择器2.4通配符选择器三、复合选择器3.1后代选择器3.2子选择器3.3并集选择器3.4伪类选择器四、字体属性4.1字体基本属性4.2字体图标（iconfont）五、文本属性六、Emmet语法七、元素显示模式7.1块元素7.2行内元素7.3行内块元素7.4元素显示模式转换八、背景属性8.1背景颜色8.2背景图片8.3背景平铺
abc_123_cba_123·2021-01-22 21:04

vue3.0和vue2.0的比较

前言：对vue3.0进行一次整理目录：一.vue3.0的亮点1.性能比vue2.x快1.2~2倍2.支持按需编译，按需导入，体积比vue2.x更小3.支持组合API，类似ReactHooks4.更好的支持
Ponnenult·2021-01-22 09:56

React、Vue2.x、Vue3.0的diff算法

前言本文章不讲解vDom实现，mount挂载，以及render函数。只讨论三种diff算法。VNode类型不考虑component、functional-component、Fragment、Teleport。只考虑Element和Text。此文章全部代码可参考该项目。下面的diff算法中会出现几个方法，在这里进行罗列，并说明其功能mount(vnode,parent,[refNode]):通过v
京东数科技术说·2021-01-20 14:33

vue2.x搭建saas项目系列之一：架构简介

前言vue2.x搭建saas项目系列之一：架构简介vue2.x搭建saas项目系列之二：项目目录结构介绍vue2.x搭建saas项目系列之三：router配置相关vue2.x搭建saas项目系列之四：styles
程序员吴钊·2021-01-19 10:05

记录一次electron踩坑

自己弄的框架中存在各种问题搭建自己用electron的时候也许会碰到Vue2.x版本https://github.com/dmhsq/electron-vue-dmhsq或者https://github.com
代码哈士奇·2021-01-18 22:30

01 Vue2.x语法篇

文章目录一、Vue.js简介1.1MVC和MVVM设计模式(1)MVC设计模式(2)MVVM设计模式1.2Vue.js的下载二、Vue实例2.1Vue实例2.2生命周期2.3模板数据2.4过滤器三、计算属性、方法属性、监听属性3.1计算属性的用法和缓存3.2监听属性3.3开发案例：实时监控用户输入的内容3.4开发案例：留言板3.5开发案例：Vue模拟Ajax登录验证四、内置指令4.1基本指令4.2
MrThinco·2021-01-18 16:19
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他