VUE2.x

npm install过程中出现Maximum call stack size exceeded

公司前端项目技术栈是vue2.x全家桶，由我跟另外一个同事开发，最近他添加了新的npm包，我将代码拉下来之后执行npminstall出现下图问题：找到解决办法，删除node_module文件夹和package-lock.json
一只前端小马甲·2020-08-13 23:54

vue-aplayer：一个基于vue2.x易于配置的音乐播放器控制组件

vue-aplayer一个基于vue2.x易于配置的音乐播放器控制组件这个组件是aplayer基于vue的实现，并不断的更新完善，而不仅仅只是一层封装介绍demo截图安装$npminstallvue-aplayer
Rank92·2020-08-13 21:43

理解vue2.x之diff算法

了解diff算法前，应该先了解虚拟DOM(VNode)，在vue中是先创建VNode，再通过diff算法看哪个节点需要更新，最后批量处理，提高效率。diff算法本质来看一段简单dom结构1主要包含三个部分自身的标签名（div）自身的属性（id='app'）子节点(span)可以通过如下方式描述以上domconstvnode={tag:'div',attrs:{id:'app'},children:
老鼠AI大米_Java全栈·2020-08-13 01:06

[译]React 17终于发布RC版本了 官方竟说17是个过渡版！

不过相比于Vue3对Vue2.x能力的巨大提升，React17对React16.x好像并没有什么很给力的更新。
手撕红黑树·2020-08-12 22:46

vue2.x和vue3.x中的双向数据绑定原理有什么不同

简单探讨一下vue2.x和vue3.x中实现数据绑定的原理有什么不同，首先vue2.x使用的是Object.defineProperty方法，这个方法不兼容IE9以下的版本；而vue3.x使用的是Proxy
Encoreeeee·2020-08-12 18:54

【Vue笔记--精简版】

文章目录VueVue创建项目和项目结构分析Vue2.x环境搭建与运行初始项目Vue3.x创建项目与运行初始项目Vue项目目录解析Vue.js基本操作Vue绑定数据`{{}}`Vue列表渲染`v-for`
千里水草·2020-08-12 17:41

Vue2.x 源码剖析之响应式原理

StudyNotesVue.js源码剖析-响应式原理响应式处理的入口src/core/instance/init.jsinitState(vm)vm状态的初始化初始化了_data、_props、methods等src/core/instance/state.js/*@flow*/import...;constsharedPropertyDefinition={...};exportfunction
白驹过隙时光荏苒·2020-08-12 14:24

vue2.x 使用vue-cli搭建项目，引用全局scss 及报错Module build failed: TypeError: this.getResolve is not a function

引用全局scss1、安装sass-resources-loader插件，然后新建一个var.scsscnpminstallsass-resources-loader--save例如var.scss：@charset"UTF-8";$themeColor:#409eff;@mixinellipsis(){overflow:hidden;text-overflow:ellipsis;white-spa
凌霄102·2020-08-12 01:28

Vue2.x脚手架搭建

1.首先要全局安装最新版本的node；2.在cmd中输入Vue2.x安装命令：1)全局安装vue脚手架：npminstall-gvue-cli2)初始化基于webpack的vue项目：vueinitwebpackmy-project3
sunshine-huang·2020-08-11 23:08

vue-cli(vue2.x)中使用vux（vue移动端UI组件库）

vux官网链接：https://doc.vux.li/zh-CN1、在项目根目录下使用npm安装npminstallvux--save因为vux使用less来书写样式文件的，所以还要安装less编译的loader：npminstalllessless-loader-D2、vux2必须配合vux-loader使用如果npm下载的是vux2.x版本的话，那么就必须配合vux-loader使用，不然就会
winne雪·2020-08-11 22:38

Vue2.x教程之filter过滤器的使用

vue2.0以后已经放弃对自带的过滤器函数，但同时对开发人员提供了一个filter的处理器，虽然命名为filter，但是我觉得叫做数据处理器更体贴。用以在不改变的data的情况下输出前段需要的格式数据。基本调用方法：[html]viewplaincopy{{message|filterFun}}[javascript]viewplaincopynewVue({//...filters:{filte
itKingOne·2020-08-11 21:32

vue 2.x脚手架

vue2.x脚手架使用vueinitwebpack-simplefilename下载好框架src文件夹目录下是我们要操作的文件app.vue文件：所有的组件集中到此文件中ep:import组件名from
xiaodaoshi11·2020-08-11 15:10

Vue2.x + axios 封装请求api

使用Vue时我们常使用axios搭配食用，网上很多教程推荐的方法是直接把axios挂在Vue实例下使用，类似这样Vue.axios=_axios;window.axios=_axios;Object.defineProperties(Vue.prototype,{axios:{get(){return_axios;}},$axios:{get(){return_axios;}},});然后在各个c
苏笛南风·2020-08-11 14:45

Vue2.x源码——Vue构造函数

在Vue源码中，关于Vue构造函数的部分是这样的：//vue\src\core\instance\index.jsimport{initMixin}from'./init'import{stateMixin}from'./state'import{renderMixin}from'./render'import{eventsMixin}from'./events'import{lifecycleM
白水煮青菜·2020-08-11 14:53

基于Vue2.x日期选择组件

vue-datepicker-基于Vue2.x日期选择组件Datepicker是一款稍微复杂的组件，其中涉及的日历计算与显示需要比较清晰的逻辑。
weixin_34409357·2020-08-11 14:55

Vue2.x源码学习笔记-源码目录结构整理

先从github上下载或者clone一个vue分支项目https://github.com/vuejs/vue查看下目录结果先列出一些目录Vue|—build打包相关的配置文件，其中最重要的是config.js。主要是根据不同的入口，打包为不同的文件。|—dist打包之后文件所在位置|—examplesdemo示例|—flow因为Vue使用了Flow来进行静态类型检查，这里定义了声明了一些静态类型
weixin_30550081·2020-08-11 14:22

解析vue2.x源码之组件的生命周期

基本概念介绍：在日常开发中，我们会在组件的生命周期函数内编写代码，等待组件在适当的时机调用。生命周期函数有:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryd。那么组件是在什么时候调用这些生命周期函数的？在调用生命周期函数时又分别做了什么呢？created:在vue实例被创建时，v
前端小白 - GavinWu·2020-08-11 12:19

vue2.x源码解析六——组件化--4.实例解析组件的整个映射过程

1.准备工作1.加入断点我们利用断点的方式，一步一步分析，，我们采用的是Runtime+Compiler版本的vue.js，所以我们将debugger插入组件DOM的时候会走createComponent函数functioncreateComponent(vnode,insertedVnodeQueue,parentElm,refElm){...if(isDef(vnode.componentIn
南张门·2020-08-11 12:25

vue2.x源码解析五——数据驱动--5.update

1.连接上一节在上一节中我们提到了在src/core/instance/lifecycle.js中通过渲染Watcher实时去监测调用updateComponent方法，从而实现的页面实时渲染，vm._render()主要是生成的VNode（虚拟DOM），下面我们来讲一讲vm._update方法的是如何实现数据渲染和更新的updateComponent=()=>{vm._update(vm._re
南张门·2020-08-11 12:25

vue2.x源码解析一 —— flow

Vue.js的源码利用了Flow做了静态类型检查，所以我先介绍一下flow。1.flow是什么？Flow是facebook出品的JavaScript静态类型检查工具。类型检查是当前动态类型语言的发展趋势，所谓类型检查，就是在编译期尽早发现（由类型错误引起的）bug，又不影响代码运行（不需要运行时动态检查类型），使编写JavaScript具有和编写Java等强类型语言相近的体验。安装flow：npm
南张门·2020-08-11 12:25

vue2.x源码解析三——源码构建

1.Rollup介绍官网：https://github.com/rollup/rollupVue.js源码是基于Rollup构建的，它的构建相关配置都在scripts目录下。1.2rollup和webpack都是区别webpack更加强大可以将图片,css等都解析为js。rollup更适合于js库的编译，只适用于js部分，别的文件是不管的，并且更加友好2.Vue.js源码构建脚本通常一个基于NPM
南张门·2020-08-11 12:24

vue2.x源码导读

dist目录输出文件说明cjswebpack1，browserfiryesmwebpack2+umd兼容cjs和amdruntime仅仅包含运行时代码，不包含编译器环境准备1、安装依赖：npminstall2、安装打包工具rollup：npminstallrollup-g入口文件src\platforms\web\entry-runtime-with-compiler.js扩展了核心的$mount
Bidding.·2020-08-11 11:05

vue2.x源码理解

也不知道哪股风潮，钻研源码竟成了深入理解的标配。我只想说一句，说的很对准备工作从GitHub上面下载vue的源码（https://github.com/vuejs/vue）了解下Flow,Flow是facebook出品的JavaScript静态类型检查工具。Vue.js的源码利用了Flow做了静态类型检查vue.js源码目录设计,vue.js的源码都在src目录下(\vue-dev\src)src
weixin_33695450·2020-08-11 10:44

vue2.x源码解析六——组件化--5.生命周期

1.生命周期Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。首先我们来看一下官网的生命周期图（我自己做了一点点注释）：也可以看我之前的博客vue生命周期的理解Vue提供给我们的钩子为上图的红色的文字。生命周期钩子的函数，给予用户机会在一些特定的场景下添加他们自己的代码。我们现在用源码来分析生命周期的钩子函数
南张门·2020-08-11 10:13

vue2.x源码解析六——组件化--3.patch(将虚拟DOM映射为真实DOM)

1.patch通过vue2.x源码解析六——数据驱动，当我们通过createComponent创建了组件VNode，接下来会走到vm.
南张门·2020-08-11 10:41

vue2.x源码解析六——组件化--2.createComponent虚拟DOM组件

1.说明我们以Vue-cli初始化的代码为例，来分析一下Vue组件初始化的一个过程。importVuefrom'vue'importAppfrom'./App.vue'varapp=newVue({el:'#app',//这里的h是createElement方法render:h=>h(App)})和我们上一章相同的点也是通过render函数去渲染的，不同的这次通过createElement传的参数
南张门·2020-08-11 10:41

Vue2.x 源码阅读思路笔记

目前公司主要技术栈是Vue，为了更好的使用，完成的了解Vue的原理是很有必要的。刚开始直接阅读Vue源码时，发现自己阅读的效率很低。偶然间（其实不偶然）在Github中发现了这份笔记如何学习Vue2源码，完整的记录了实现Vue框架的完整过程。我fork了作者的项目，跟着作者的思路如何学习Vue2源码，完整走了一遍如何实现一个2.X版本的Vue。阅读过程中我拉了一个新分支如何学习Vue2源码（带注释
余阿良·2020-08-11 10:22

Vue2.x 源码剖析之虚拟 DOM

StudyNotesVue.js源码剖析-虚拟DOM什么是虚拟DOM虚拟DOM(VirtualDOM)是使用JavaScript对象来描述DOM，虚拟DOM的本质就是JavaScript对象，使用JavaScript对象来描述DOM的结构。应用的各种状态变化首先作用于虚拟DOM，最终映射到DOM。Vue.js中的虚拟DOM借鉴了Snabbdom，并添加了一些Vue.js中的特性，例如：指令和组件机
白驹过隙时光荏苒·2020-08-11 10:51

解决创建vue项目太慢问题（吐血经历）！！

后来发现了一个快速的方法，如下：这里使用的是vue2.x的使用initwebpack创建的方法。1.创建项目：sudovueinitwebpackprojectName2.完成一系列配置记住！！！
gxgalaxy·2020-08-10 16:12

vue2.x 三级弹窗

三级弹窗在实际中遇到了某种场景，需要使用三级弹窗，放大或缩小弹窗，所以自己封装了一个。大概就是这个样子，录屏转换gif有点模糊和卡。发布到npm上去了npmikc-dialog然后main.js其实我也不想起这么长的名字，别人都快我好多步importKDialogfrom'kc-dialog';import'kc-dialog/dist/KDialog.css'Vue.use(KDialog)配置
干啥啥不行，bug第一名·2020-08-10 10:30

Vue Echarts 引用（1）

Vue中Echarts的使用安装Echarts包vue2.x版本安装方式：npminstallecharts--savevue3.x安装方式：npmaddecharts--save（博主用的2.x这个安装方式有待验证
lovsty·2020-08-10 09:12

快速上手SpringBoot需要一些脚手架以及其他开源项目记录

renren-fast是一个轻量级的SpringBoot2.0快速开发平台，其设计目标是开发迅速、学习简单、轻量级、易扩展；使用SpringBoot、Shiro、MyBatis、Redis、Bootstrap、Vue2
Yblsfls·2020-08-10 05:31

vue-filter过滤器

到Vue2.x时废弃了这10个过滤器，但是它提供了自定义过滤器功能。
Cs_sssss·2020-08-09 18:18

VUE2.x中key关键字的作用以及为什么不能用index做key（解读并展示官网说法）

直接上图本文适合人群：不懂为什么要加key有什么用：当Vue正在更新使用v-for渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。这个类似Vue1.x的track-by="$index"。这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时DOM状态(例如：表单输入
yuan5801551·2020-08-09 16:20

过滤器

用来格式化数据的一个函数vue1.x版本:借鉴了angular,提供10个过滤器，包括有：日期小数点位数保留货币大小写等Vue2.x版本：废弃了这10个过滤器，但是它提供了自定义过滤器的方式使用方式全局定义过滤器
Fain.（爱利达·2020-08-09 15:24

vue单页面应用中动态修改title

=====================================适用于1.微信2.webview3.各大浏览器－－－－－－－－demo:http://www.yahoo.com/首先执行命令vue2
weixin_34381687·2020-08-09 14:47

前端Vue开发过程使用相关组件及库

2019独角兽企业重金招聘Python工程师标准>>>UI组件-[elementui]vueui组件库-[viui]MetroUI风格的Vue组件库-[ydui]一只基于Vue2.x的移动端&微信UI-
weixin_33796177·2020-08-09 14:23

VUE——常用自定义过滤器定义与使用

Vue2.x不再支持自带的过滤器，使用过滤器需要自定义且过滤器只能使用在v-bind和双花括号里，以管道符“|”隔开，参数类似于函数的形式如：{{msg|filter(param)}}此文记录自己用过的的过滤器以便后续使用
kindCoder·2020-08-09 11:02

vue2.x vue-cli webpack 初探

1.安装node.js(自带npm)2.安装vue-cli--vue脚手架3.安装模板：有三种1）simple最简单的模板只有一个index.html(基本没什么用）2）webpack适合比较大型的项目，有语法检测3）webpack-simple我就安装这个，刚刚好还有提示。。。之前没看，就出现一堆错误无所谓了，重新按照他的提示跑一遍先进到安装目录cdwebpack-simple-demo然后安装
遇酒·2020-08-09 10:41

vue-cli(vue2.x)中使用axios的基本方法

Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。特性浏览器端发起XMLHttpRequests请求Node端发起http请求支持PromiseAPI拦截请求和响应转化请求和响应（数据）取消请求自动转化json数据客户端支持抵御XSRF（跨站请求伪造）安装axiosnpminstallaxios--save1、全局引入axios在入口处文件(main.js)引入ax
winne雪·2020-08-09 09:07

Object.defineProperty与Proxy理解整理

Proxy对象,会经常用来做数据劫持.数据劫持:在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果.数据劫持最典型的应用------双向的数据绑定(一个常用的面试题),Vue2
Seeyoucm·2020-08-08 20:34

Vue+Vuex+Koa2+Socket.io+Jssdk打造无人点餐系统

第一讲Vue2.x无人点餐无人收银系统多用户点餐智能打单在线支付系统介绍（8分钟）01项目介绍02功能介绍03应用场景04页面展示05必备基础第二讲Vue2.x的介绍Vue环境搭建运行项目（18分钟）01Vue
aa110aa110·2020-08-08 13:13

Vue2.X的路由和钩子函数

最近上班有些忙，好久没有更新文章，也没学习新的东西。今天来说说这个路由钩子吧。各位朋友帮我点点关注啊顺便来个666。导航和钩子函数：导航：路由正在发生改变关键字：路由变钩子函数：在路由切换的不同阶段调用不同的节点函数（钩子函数在我看来也就是：某个节点和时机触发的函数）。钩子函数主要用来拦截导航，让它完成跳转或取消，在导航的不同阶段来执行不同的函数，最后钩子函数的执行结果会告诉导航怎么做。。导航在所
settingSun66·2020-08-07 17:46

vue经典面试题

1、简单说一下Vue2.x响应式数据原理Vue在初
Alive_tree·2020-08-07 10:34

Vue 3 都 RC 了，前端的你还不来看看

Vue3介绍与安装实验介绍本节实验是本课程的第一个实验，主要带领大家了解一下Vue3beta版对比Vue2.x的重要变更，
实验楼·2020-08-06 04:02

vue2.X基础知识七之$nextTick

这是一段文本获取div内容varapp=newVue({//选择元素el:"#app",data:{showDiv:false},//通过事件触发methods:{getText:function(){this.showText=true;vartext=document.getElementById('div').innerHTML;console.log(text);}}});上面代码执行后，
啊哈！前端·2020-08-05 21:27

vue2.x饿了吗实战总结

vue2.x仿饿了么app项目总结转自https://blog.csdn.net/qq_39894133/article/details/78826450仿饿了么app是基于vue2.x最新实战项目，用到的技术栈
俊杰音乐Boy·2020-08-05 19:30

Vue2.x仿饿了么个人笔记

使用vue2.x仿饿了么时遇到了不同版本之间的问题，此处做些笔记。
Neil-·2020-08-05 19:29

Vue进阶——源码解读 课题1 Vue数据响应式原理

简称变化侦测其次，要收集依赖，即实现数据变化后，‘对应视图’的刷新1变化侦测：通过Object.defineProperty()方法使属性变的可观测代码地址：src\core\observer\index.js(Vue2
Huijie Xu·2020-08-05 18:09

Vue+Typescript使用vue-router路由不正常跳转采坑记录

可能vue2.x和对ts的支持不是很好（期待vue3，将用ts重构）。期间遇到了一个最大的坑，找了挺久没有找到问题所在，最后解决了。
优雅的王德奥·2020-08-05 17:21
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他