前言前段时间基于vue写了一个自定义的video播放器组件,踩了一些小坑,这里做一下复盘分享出来,避免日后重复踩坑... 这里就直接放几张完成后的播放状态图吧,界面布局基本就是flex+vw适配一把梭,也比较容易.需要实现的几个功能基本都标注出来了;除了还有一个视频加载失败的...下面就这届上代码了;刚开始构...

所谓路由管理，就是管理页面之间如何跳转，也被称为导航管理。这和原生开发类似，无论是Android还是iOS，导航管理都是通过维护一个路由栈来实现的，路由入栈(push)操作对应打开一个新页面，路由出栈(pop)操作对应页面关闭操作。在Flutter开发中，实现页面跳转需要同时使用Route和Navigator。Rout...

以下摘取的函数，在 shared 目录下公用的工具方法。文件在 util.js 中，githu地址。提取了一些常用通用的函数进行剖析，主要包含以下内容：创建一个被冻结的空对象判断是否是 undefined 或 null判断是否不是undefined和...

本文介绍了编写 vue.js 组件前需要知道的10件事，其中包括：组件可以全局或局部加载；延迟加载/异步组件；必需的Props；使用$emit触发自定义事件；多Props绑定和覆盖等等。 vue.js 提供了两种加载组件的方法：一种是Vue实例中的全局加载，另一种是组件级的加载。...

相信很多人在刚开始学习vue这个框架的时候，最开始搭建开发环境的时候，都会遇到一些大大小小的坑，我之前学习angular的时候搭建过一次，过了一个月后再搭建第二次的时候，竟然有一些混乱，所以今天想整理出来；vue现如今在前端中，是前端工程师比较常用的框架之一，他和angular有一些相似之处，所以用过angular的伙...

本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对nginx一知半解，各路搜索一看，全程懵逼。最终没有一个能用的。最后还是靠同事帮助，文档大法结束加班。本文知识点：location优先级，nginx资源文件寻找方式，rewrite重定向问题。 location优先级=开头表示精确匹配^...

首先搭建vue项目，lint选择ESLint+Prettier，配置方式选择Indedicatedconfigfiles。具体搭建过程这里就不赘述了，如果不熟悉的同学可以点击这里。 项目搭建完成后，根目录下会自动生成一个.eslintrc.js文件，我们直接来看默认的配置：module.exports={ro...

随着vue应用程序的大小增加，vuexStore中的actions和mutations也会增加。本文，我们将介绍如何将其减少到易于管理的东西。 Vuex是什么Vuex是vue.js应用程序的状态管理模式+库。它充当应用程序中所有组件的集中存储，其规则确保状态只能以可预测的方式进行变更。 我们怎么使用...

当我们学习angular或者vue的时候，其双向绑定为我们开发带来了诸多便捷，今天我们就来分析一下vue双向绑定的原理。1.vue双向绑定原理vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发...

在编写树形组件时遇到的问题：组件如何才能递归调用？递归组件点击事件如何传递？ <template><ulclass="vue-tree"><liclass="tree-item"><divclass="tree-content"><!--节点内容-->...

前段时间，vue 官方释出了 CompositionAPIRFC 的文档，我也在收到消息的第一时间上手尝鲜。虽然 vue 3.0尚未发布，但是其处于RFC阶段的CompositionAPI已经可以通过插件 @vue/composition-api 进...

Vuex是一个专为Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。状态，其实指的是实例之间的共享数据，Vuex是管理应用中不同Vue实例之间数据共享的工具。下图是Vuex官方提供的对于状态管理模式的设计理念。 通俗...

1.应该在何时创建BScroll对象1）created:中请求数据，ajax是异步的，这个时候可能mounted已经执行完了，也就是dom挂载完了，但数据还没请求回来，无法获取到内部元素（数据渲染出来的dom）高度.无法渲染内部元素，无法滚动2）updated:数据发生改变时执行；数据改变，dom也要重新渲染，并执行u...

前言我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有assetsDir配置项能够配置所有的静态文件所在的文件夹，并不能针对css/js/img等资源文件分别来做设置，那么请看我如何尝试的吧！ 分析众所周知，vue-cli3.0使用了w...

这个属性用来监视某个数据的变化，并触发相应的回调函数执行 1.基本用法(1)添加watch属性，值为一个对象。对象的属性名就是要监视的数据，属性值为回调函数，每当这个属性名对应的值发生变化，就会触发该回调函数执行(2)回调函数有2个参数：newVal：数据发生改变后的值oldVal：数据发生改变前的值varv...