Vue2.X前端学习笔记

Web前端学习笔记20：Vue_路由_Vue Router_模块化的分类_babel_webpack_Element-UI

文章目录第一阶段学习1.路由的概念2.前端路由的初体验3.VueRouter简介4.VueRouter的使用步骤(★★★)5.嵌套路由，动态路由的实现方式A.嵌套路由的概念(★★★)B.动态路由匹配(★★★)7.命名路由以及编程式导航A.命名路由：给路由取别名B.编程式导航(★★★)8.实现后台管理案例(★★★)第二阶段学习1.模块化的分类A.浏览器端的模块化B.服务器端的模块化C.ES6模块化2
JasonYangQ·2021-08-17 14:20

3.1 前端学习笔记之XML与HTML、JavaScript、jQuery、AJAX、JSON的区别

文章目录一、XML与HTML前言简介XML与HTML的区别最重要的区别（自我认为）二、官网的英文解释：三、JavaScript四、jQuery五、Ajax六、JSON七、总结一、XML与HTML前言为什么我会突然学XML呢？我在学习用JSP写Web后台的时候，常常会看到“等价的XML语句”、“符合XML标准”等字眼，并且在我新建的JSP项目中也发现有很多的.xml文件，我很想知道这些.xml文件的
ChrisP3616·2021-08-15 15:26

存网址

开发:插件市场：https://ext.dcloud.net.cn/Node.jsv16.6.1中文文档：http://nodejs.cn/api/Vue2.x的ElementUI文档：https://
梦千诺·2021-08-06 12:27

Vue3.x相对于Vue2.x的变化

Vue3.x相对于Vue2.x的优势1.Tree-shakingVue3最重要的变化之一就是引入了Tree-Shaking，Tree-Shaking带来的bundle体积更小是显而易见的。
东方三篇·2021-08-05 17:22

Vue.set 源码解析

Vue.set源码解析用过Vue的同学应该都知道Vue.set这个api，在Vue2.x组件实例初始化之后，动态给data选项添加属性是不会触发响应的，如果希望动态添加的属性也能触发响应式机制，这个时候就可以用
·2021-08-02 00:24

vue3.0生命周期的示例代码

使用过Vue2.x的朋友肯定对它的生命周期钩子很熟悉了，因为在实际的开发过
·2021-07-29 11:20

Vue Router 使用步骤 （Vue2.x）

使用步骤当我们使用vue/cli创建项目的时候选择上Router，会自动安装VueRouter插件，并且生成VueRouter的基础代码结构注册路由Vue.use是用来注册插件，它需要接收一个参数，它会调用传入对象的install方法Vue.use(Router)路由规则constroutes=[{path:'',name:'',component:''},]创建路由对象（创建路由时把路由规则传进
KK_boy·2021-07-22 23:05

vue3视频观看笔记-vue2.x与vue3变化-1

vu3官方文档vue3api中文文档vue3教程-官方vue3生命周期图示image.pngVue3教程视频Vue3教程视频如果需要课程源码,或者需要添加江哥微信交流群可以添加小渔微信:it666-01感觉微信小程序就是类似vue3vue3项目结构Vue模板浏览Vue3模板浏览Vue3模板浏览Vue3对Vue2的提升Diff算法优化，添加静态标记PatchPlaghoistaStatic静态提升c
牵手生活·2021-07-21 14:25

在vue3中使用vue-lgrid-layout

最近使用vue3开发一个工具项目发现原本在vue2.x中使用很好的vue-grid-layout会报一个很奇怪的错误external_commonjs_vue_commonjs2_vue_root_Vue_default.aisnotaconstructor
sssdal19995·2021-07-02 09:37

vue3按钮波纹效果封装

指令在vue3+ts中，指令需要注意的写法同vue2中是有一些不同的，主要有：添加类型importtype{Directive,DirectiveBinding}from'vue';vue2.x与vue3
小俊的世界·2021-06-27 17:52

前端学习笔记六-JavaScript基础（1）

一、编程语言1.1计算机语言计算机语言的种类非常的多，总的来说可以分成机器语言，汇编语言和高级语言三大类。实际上计算机最终所执行的都是机器语言，它是由“0”和“1”组成的二进制数，二进制是计算机语言的基础。1.2编程语言编程语言：可以通过类似于人类语言的“语言”来控制计算机，让计算机为我们做事情，这样的语言就叫做编程语言（ProgrammingLanguage）。编程语言是用来控制计算机的一系列指
AizawaSayo·2021-06-27 01:37

基于Vue2.x的小型移动的组件库

说明这是一个基于Vue2的个人开源项目，主要用于学习与交流项目主要开发了一些基本的Vue组件，鉴于个人水平，可能有很多的问题，喜欢的话可以用来玩玩文档生成使用docsify感谢这位开发者提供了极其方便的文档开发工具在线示例文档github#installdependencies#安装依赖#npminstall#servewithhotreloadatlocalhost:8081#浏览器打开http
木子tar·2021-06-25 19:57

2021年，让我们手写一个mini版本的vue2.x和vue3.x框架

mini版本的vue.js2.X版本框架模板代码首先我们看一下我们要实现的模板代码:{{msg}}{{count}}v-textadd+changemessage!recoverMessage!逻辑代码然后就是我们要编写的javascript代码。constapp=newminiVue({el:"#app",data:{msg:"hello,minivue.js",count:666},metho
·2021-06-25 10:02

2021年，让我们手写一个mini版本的vue2.x和vue3.x框架

mini版本的vue.js2.X版本框架模板代码首先我们看一下我们要实现的模板代码:{{msg}}{{count}}v-textadd+changemessage!recoverMessage!逻辑代码然后就是我们要编写的javascript代码。constapp=newminiVue({el:"#app",data:{msg:"hello,minivue.js",count:666},metho
·2021-06-25 00:37

2021年，让我们手写一个mini版本的vue2.x和vue3.x框架

mini版本的vue.js2.X版本框架模板代码首先我们看一下我们要实现的模板代码:{{msg}}{{count}}v-textadd+changemessage!recoverMessage!逻辑代码然后就是我们要编写的javascript代码。constapp=newminiVue({el:"#app",data:{msg:"hello,minivue.js",count:666},metho
·2021-06-24 23:00

Vue3 源码解析(一)：编译流程

Vue2.x的源码我也有过一些简单的阅读，自Vue3重构后，Vue项目的目录结构也发生了很大的变化，各个
Originalee·2021-06-24 21:57

快速掌握-vue3

ts重构，代码可读性更强vue3.x使用Proxy取代Vue2.x版本的Object.defineProperty实现了TreeShaking(当Javascript项目达到一定体积时，将代码分成模块会更易于管理
小二儿上酒·2021-06-23 09:17

Vue2.x 源码解析：组件初始化过程概要

作者：lihongxun945github.com/lihongxun945/myblog/issues/23这里分析的是当前(2018/07/25)最新版V2.5.16的源码，如果你想一遍看一遍参阅源码，请务必记得切换到此版本，不然可能存在微小的差异。大家都知道，我们的应用是一个由Vue组件构成的一棵树，其中每一个节点都是一个Vue组件。我们的每一个Vue组件是如何被创建出来的，创建的过程经历了
grain先森·2021-06-22 11:44

重温vue2.X的组件通讯方式（14种）

1、props父传子的属性，props值可以是一个数组或对象;//数组:不建议使用props:[]//对象props:{inpVal:{type:Number,//传入值限定类型//type值可为String,Number,Boolean,Array,Object,Date,Function,Symbol//type还可以是一个自定义的构造函数，并且通过instanceof来进行检查确认requi
alanwhy·2021-06-22 09:19

Vue 2.6发布了

在过去一年里面我们花了大量的精力在新版的CLI和3.0的设计/原型调研上，因此Vue2.x相对地已经很久没有重大更新了。差不多是时候了！
grain先森·2021-06-22 08:10

初识webpack（三）环境分离终结篇(大概吧~~)

（其实是我不大想使用vue3.0脚手架生成，但是我又想使用webpack4.0....所以就仿照vue2.x脚手架生成的webpack配置，完成w
Sky_Zh·2021-06-22 03:41

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

定位视觉格式化模型，大体上将页面中盒子的排列分为三种方式：常规流浮动：float定位：position定位：手动控制元素在包含块中的精准位置涉及的CSS属性：positionposition属性默认值：static，静态定位（不定位）relative：相对定位absolute：绝对定位fixed：固定定位一个元素，只要position的取值不是static，认为该元素是一个定位元素。定位元素会脱离
Qsir11·2021-06-21 13:45

前端学习笔记七-JavaScript基础（2）

一、运算符（操作符）1.1运算符的分类运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2算数运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。浮点数的精度问题浮点数值的最高精度是17位小数，但在进行算术计算时其精确度远远不如整数。v
AizawaSayo·2021-06-21 08:07

无Vue最全知识点，面试必备（基础到进阶，覆盖vue3.0，持续更新整理，欢迎补充讨论）标题文章

代表UI组件,ViewModel将Model和View关联起来数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据了解mvc/mvp/mvvm的区别Vue2
程序员Maria·2021-06-21 07:42

vue2.x 项目初始化操作

vue安装命令.png风格指南的重要性.png为什么要用组件化.png选择组件.png组件化思想带来的问题.png安装npminstallvue-cli-g(全局)或yarnglobaladdvue-cli当我们通过上述方式安装好vue的脚手架以后，我们就可以在命令行中使用一个命令：vue（该命令是没有-cli的）vue的使用vueinitinit：初始化（创建）基于vue的项目：构建模板的名称：
追逐繁星D孩子·2021-06-21 02:39

Vue 2.6发布了

在过去一年里面我们花了大量的精力在新版的CLI和3.0的设计/原型调研上，因此Vue2.x相对地已经很久没有重大更新了。差不多是时候了！
grain先森·2021-06-20 20:17

前端学习笔记(九)前端框架之vue工程搭建

前言工欲善其事必先利其器，想把前端的东西学好，首先得有一套趁手的软件工具，因此我们需要准备好前端的工具。nodejsjavascript代码的运行原本需要浏览器引擎去解析和执行，而nodejsjs引擎单独封装成程序从而使js代码解析和执行过程不依赖于浏览器，因此在一定程度上我们可以将nodejs称为前端的"jdk"，在学习前端内容时nodejs已经不可或缺前端工具。npmnpm全称为NodePac
xueshanfeitian·2021-06-19 21:09

HTML笔记一

前端学习笔记--HTMLAllfromw3schoolHTML简介HTML是用来描述网页的一种语言，指的是超文本标记语言（HyperTextMarkupLanguage），不是一种编程语言，而是一种标记语言
Vanessa0111·2021-06-19 21:30

vue2.x中的跨域

一、什么是跨域url的组成JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。那什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。不同域之间相互请求资源，就算作“跨域”。例如：http://www.abc.com/index.h
古城凌三少·2021-06-19 01:21

再见，Vue2.x

为什么要升级Vue3使用Vue2.x的小伙伴都熟悉，Vue2.x中所有数据都是定义在data中，方法定义在methods中的，并且使用this来
IC_538264·2021-06-17 13:04

Vue2.X强上TypeScript

准备就是使用vue-cli2.0创建一个项目，一个正儿八经的vue-cli2.0的vue项目开始1.安装依赖安装vue的官方插件npmivue-class-componentvue-property-decorator-Stypescript必须安装npmitypescript-Dts-loader必须安装npmits-loader-D请注意：ts-loader请与你的webpack版本对应，我的
MrHzq·2021-06-14 09:09

备忘

Android热更新方案Robustvue-amap|基于Vue2.x与高德的地图组件
tjoven·2021-06-13 09:46

vue2.x 版本中体验vue3.x新特性

Vue团队先后对外发布了vue-function-api和vue-compisition-api的RFC本次分享围绕最新发布的vue-compisition-api，来讲解vue3.0的一些新特性，例如setup()函数、reactive()、ref()等这些VueHooks。1、相关资源【知乎-VueFunction-basedAPIRFC】https://zhuanlan.zhihu.com/
高阳刘·2021-06-12 02:54

探究vue3中响应式系统proxy的应用

在上一篇文章中，我们了解了vue2.x的响应式系统原理，现在这篇文章了解关于vue3的响应式系统实现。
ER_PM·2021-06-07 01:44

前端学习笔记三十六-Vuex

一、Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享。使用Vuex管理数据的好处：A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护B.能够高效的实现组件之间的数据共享，提高开发效率C.存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新二、Vuex的基本使用A.安装vuex依赖包npmivuex--saveB.导入
AizawaSayo·2021-06-04 17:48

vue2.x(生命周期/钩子函数)

vue的生命周期定义vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。在组件中具体的方法有:beforeCreatecreatedbeforeMountmounted(beforeUpdateupdated)beforeDestroydestroyedshengmingzhouqi实例生命周期{{count}}a
Artifacts·2021-06-04 14:57

vue响应式原理与双向数据的深入解析

object.defineProperty实现响应式清楚observe/watcher/dep具体指的是什么了解发布订阅模式以及其解决的具体问题在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2
·2021-06-04 12:19

vue-响应式原理和双向数据的分析

object.defineProperty实现响应式清楚observe/watcher/dep具体指的是什么了解发布订阅模式以及其解决的具体问题在Javascript里实现数据响应式一般有俩种方案，分别对应着vue2
辣可乐少加冰·2021-06-03 09:21

Vue2.x $attrs和$listeners

文章目录一、非Prop的Attribute（$attrs）参考应用场景替换/合并已有的Attribute禁用Attribute继承$attrs概念说明$attrs案例inheritAttrs:false和$attrs；配合使用解决的问题？二、将原生事件绑定到组件参考$listeners概念说明案例三、思维导图附件一、非Prop的Attribute（$attrs）参考非Prop的Attributev
胖鹅68·2021-05-29 13:06

3 JavaScript 对象与内置对象

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex
Sweet_pin·2021-05-28 11:21

2.4 JavaScript 作用域与预解析

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex
Sweet_pin·2021-05-26 20:51

Vue全家桶原理剖析之Vue-router篇

tips：以下代码及测试结果均在Vue2.X的环境下测试得出。第一个
星海拾遗·2021-05-26 15:30

Vue3.0：如何在父组件中调用ref的子组件方法以及如何在Vue的原型对象上全局实现自定义函数的封装。

1、问题1：如何在父组件中去调用子组件的方法在使用vue3.0的时候，需要去调取子组件的方法去快速的解决需求，类似于在Vue2.x中的this.
听书先生·2021-05-25 15:24

vue2.x+electron创建桌面程序

首先搭建vue2.x项目搭建完成之后可以通过浏览器http://localhost:8080/访问然后在根目录下配置vue.config.js来解决打包静态资源页面空白module.exports={publicPath
叮当Ding·2021-05-25 14:32

Vue3.0介绍

根据社区的反馈增加了组合API,用来解决vue2.x在开发大型项目时遇到超大组件使用optionsAPI不好拆分和重用的问题性能提升用proxy也就是代理对象重写了响应式的代码，并且
泗洪双沟·2021-05-23 10:59

vue实现双向数据绑定

供大家参考，具体内容如下vue中数组与对象采用了不同的绑定方式1.vue对象数据绑定（1）数据侦测在js中，我们使用Object.defineProperty()和ES6的proxy来对对象进行侦测在vue2
·2021-05-22 12:42

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

前端学习笔记の拖拽（一）原生基础篇

前端学习笔记の拖拽（一）#源码地址：https://github.com/WZOnePiece/study-draggable引言：9月开始的半个月，由于项目和一些朋友的询问，我接触了关于前端拖拽的一些问题
迷缘火叶·2021-05-20 02:45

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
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他