标签TAG:Vue

js教程

如何快速手写一个基于Vue 渲染引擎(基于2.x)

阅读(12) 发布者(admin)

如何快速手写一个基于Vue 渲染引擎(基于2.x)前言当我们得到 render 函数之后,接下来就该进入到真正的挂载阶段了:挂载 -> 实例化渲染 Watcher -> 执行 updateComponent 方法 -...

JavaScript

Vue图片裁剪组件实例代码

阅读(2) 发布者(admin)

示例:tip: 该组件基于vue-cropper二次封装安装插件npm install vue-cropperyarn add vue-cropper写入封装的组件<!-- 简易图片裁剪组件 --- 二...

JavaScript

Vue实现Google第三方登录的示例代码

阅读(6) 发布者(admin)

目录一、开发者平台配置解决问题BUG

一、开发者平台配置1、进入开发者平台,首先前往Google API 控制台选择或者创建一个项目
谷歌开发者平台...

vue3中provide和inject的使用
JavaScript

vue3中provide和inject的使用

阅读(2) 发布者(admin)

1.provide 和 inject 的讲解provide和inject可以实现嵌套组件之间进行传递数据。
这两个函数都是在setup函数中使用的。
父级组件使用provide...

JavaScript

Vue开发高德地图应用的最佳实践

阅读(3) 发布者(admin)

目录前言

异步加载

封装组件

使用组件

自定义界面最佳实践

总结前言
之前做不过不少关于地图交互的产品系统,目前国内主流的地图应用 SDK 只有...

JavaScript

vue轮询请求解决方案的完整实例

阅读(1) 发布者(admin)

轮询的理解
其实轮询的重点在于间隔多少时间执行一次,而并非循环本身。ajax是异步请求,从发起请求到接受到响应即为一个完整的过程,这个过程所需...

VUE 无限层级树形数据结构显示的实现
JavaScript

VUE 无限层级树形数据结构显示的实现

阅读(2) 发布者(admin)

目录组件递归调用

使用render方法

在做项目中,会遇到一些树形的数据结构,常用在左侧菜单导航,或者评论引用等地方,这种数据结构有个特点是不知道它...

vue 如何设置背景颜色及透明度
JavaScript

vue 如何设置背景颜色及透明度

阅读(5) 发布者(admin)

背景颜色及透明度设置如上图,如果是第一张图片,需要在左上角加上灰色背景,白色“封面”字样,背景色需要有透明度。首先,需要知道rgba() 函数。rgba(...

解析如何自动化生成vue组件文档
JavaScript

解析如何自动化生成vue组件文档

阅读(1) 发布者(admin)

目录一、现状二、社区解决方案2.1、业务梳理三、技术方案3.1、Vue文件解析3.2、信息提取3.2.1、可直接获取的信息3.2.2、需要约定的信息四、总...

JavaScript

分析Vue指令实现原理

阅读(3) 发布者(admin)

目录一、基本使用二、指令工作原理2.1、初始化2.2、模板编译2.3、生成渲染方法2.4、生成VNode2.5、生成真实DOM三、注意事项四、小结一、基本...

JavaScript

浅谈Vue插槽实现原理

阅读(6) 发布者(admin)

目录一、样例代码二、透过现象看本质三、实现原理四、父组件编译阶段五、父组件生成渲染方法六、父组件生成VNode七、子组件状态初始化八、子...

JavaScript

vue+element ui实现锚点定位

阅读(4) 发布者(admin)

本文实例为大家分享了vue + element ui 实现锚点定位的具体代码,供大家参考,具体内容如下vue<el-row :gutter="20"> <el-col :span="3"> <!...

vue实现锚点定位功能
JavaScript

vue实现锚点定位功能

阅读(3) 发布者(admin)

本文实例为大家分享了vue实现锚点定位的具体代码,供大家参考,具体内容如下这里主要是实现了一个简单的滚动触发锚点高亮,以及点击锚点触发滚动的...

JavaScript

vue如何根据url下载非同源文件

阅读(3) 发布者(admin)

一般情况下,我们根据url下载文件时可以有以下两种方案:
1. window.open(url)
2. <a :href="url" rel="external nofollow" download="文件名称"/...

JavaScript

vue实现顶部左右滑动导航

阅读(5) 发布者(admin)

日常开发中经常用到导航这些东西,写篇文章记录下。该导航实现为点击末尾/起首位置,导航自动滑动出下一项的效果。思路:判断当前点击项,相对与屏幕...

vue.js根据图片url进行图片下载
JavaScript

vue.js根据图片url进行图片下载

阅读(6) 发布者(admin)

最近在做一个前端vue.js对接的功能模块时,需要实现一个下载图片的功能,后台返回来的是一串图片url,试了很多种方法,发现点击下载时出来的效果,都是...

vue更多筛选项小组件使用详解
JavaScript

vue更多筛选项小组件使用详解

阅读(4) 发布者(admin)

本文实例为大家分享了vue更多筛选项小组件的实现方法,供大家参考,具体内容如下效果:就是一个简单的小效果,当有很多筛选条件时,默认只展示几项,不会...

vue车牌输入组件使用方法详解
JavaScript

vue车牌输入组件使用方法详解

阅读(5) 发布者(admin)

一个简单的车牌输入组件(vue),供大家参考,具体内容如下效果图:vue代码:<template> <div class="enTer"> <div class="plateInput" id="plate...

vue移动端判断手指在屏幕滑动方向
JavaScript

vue移动端判断手指在屏幕滑动方向

阅读(6) 发布者(admin)

vue移动端判断手指在屏幕滑动方向,供大家参考,具体内容如下可以据此实现手指滑屏切换tab的功能,例如京东的订单页,这几个tab切换就可以利用这个实...