Vue
关注
分享
扫一扫
文章平均质量分 82
AsnLee
这个作者很懒，什么都没留下…
展开
-
【JS】如何实现一个极简版Vue （响应篇）
前言Vue.js 一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。DOM 变成了数据的映射，我们所有的逻辑都是对数据的修改，而不用碰触 DOM，这样的代码非常利于维护。往期回顾：【JS】 如何实现一个极简版Vue （初始化）概述Vue.js 是通过数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter,getter，在数据变动时发布消息给订阅者，触发相应的监听.原创 2021-04-16 17:36:00 · 345 阅读 · 1 评论 -
【JS】如何实现一个极简版Vue （初始化）
Vue.js 是通过数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter,getter，在数据变动时发布消息给订阅者，触发相应的监听回调。第一步 - 实现一个指令解析器(Compile)初始化页面模版，包括基本的程序入口和DOM结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http原创 2021-04-16 17:32:46 · 297 阅读 · 0 评论 -
【Vue】Aliplayer 视音频播放的实践与思考
简介阿里云Web播放器SDK（Aliplayer SDK）是阿里视频云端到云到端服务的重要一环，结合对象存储（Object Storage Service，简称OSS) 实现深度融合视频云业务，支持视音频的点播和直播等基础播放功能本文以 Vue 组件化的角度进行全流程解析、并抽离公共业务逻辑，从而实现可维护、高复用的视音频播放组件引入官方实践直接在页面引入对应的JS、CSS文件，通过暴露全局 window.Aliplayer 属性自定义实例化对象，传送门 => 集成文档_Web播放器_播放器.原创 2020-10-26 15:35:38 · 1620 阅读 · 0 评论 -
【Vue】自定义指令(directive)、管道命令(filters)
directive指令以防暴力为例，调用示例 v-preventReClick:wait="a.bind(this)"，官方文档: Vue => 自定义指令/** * 防反跳。func函数在最后一次调用时刻的wait毫秒之后执行！ * @param func 执行函数 * @param wait 时间间隔 * @returns {Function} */export function debounce(func, wait) { let timer = null retu原创 2020-07-03 17:50:56 · 679 阅读 · 0 评论 -
【Vue】Nuxt最佳实践之常用库封装(三)
完结篇，嘻嘻????~目录全局 Loading自定义分享 (H5)环境变量打包优化、性能分析公用样式其他技巧结语全局 Loading落地页(首屏渲染)加载提示，利用 client-only 组件 placeholder 属性，⚠️Nuxt2.0 以下采用 no-ssr 组件，同时也可规避页面加载瞬间的样式错位(未及时加载 css 文件)，官方示例 ⬇️<template> <div> <sidebar /> <clien原创 2020-05-09 17:16:05 · 1323 阅读 · 1 评论 -
【Vue】纯前端实现微信 H5 鉴权
最近在做微信网页版开发，整理出微信 H5 鉴权常见坑位，流程图分析如下，后附简易代码实现1. 获取code逻辑实现：通过重定向授权从地址栏拿取 code 并缓存，不可重复调用，不然会报 code used官方传送门 => 微信开放文档-网页授权async getAccessToken(redirectUri) { const code = $$.getQueryValue(...原创 2020-01-14 17:07:02 · 1598 阅读 · 0 评论 -
【Vue】Nuxt最佳实践之常用库封装(一)
前言有关同构渲染SSR相关的基础知识，不再赘述，小伙伴们可自行补充，传送门: Vue.js 服务器端渲染指南本文主要介绍了基于Vue官方脚手架: create-nuxt-app，如何实现基础的项目搭建过程，相关代码已开源至git，戳这里 cmn-utils 抱走，看都看了，点个star再走呗～概览全文大概3000字，阅读需要15分钟，配合专栏文章食用更佳哦：）服务端框架 - KoaU...原创 2019-12-29 00:57:17 · 2444 阅读 · 0 评论 -
【Vue】Vue-cli之Mock.js 模拟数据实现及构建
Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发更加独立自主，不会被服务端的开发所阻塞。以下介绍了Mock使用的基础语法，小伙伴们也可直接拿来主义，配合Vscode live-server插件愉快的 进行调试啦~<pre id="show"></pre><img ...原创 2019-09-30 11:36:37 · 4395 阅读 · 2 评论