前端数据采集 埋点 追踪用户系列行为
摘要:什么是埋点? 综合 vue埋点 埋点分析,是网站分析的一种常用的数据采集方法。数据埋点分为初级、中级、高级三种方式。数据埋点是一种良好的私有化部署数据采集方式。 埋点技术如何采集数据,有何优缺点? 数据埋点分为初级、中级、高级三种方式,分别为: 初级:在产品、服务转化关键点植入统计代码,据其独立ID
阅读全文
vue 手写组件 集合
摘要:Num.1 : 链接 向右滑动, 显示删除按钮, 根据touchStart touchEnd 的 clientX 差距 > 30; 说明是向左滑动, 显示; 改变 e.currentTarget.parentElement.dataset.type (还有这种操作) data -type = 1,
阅读全文
vue 首屏渲染优化 -- 这个不错
摘要:这篇文章分享了从遇到前端业务性能问题,到分析、解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案(Vue Lazy Component )的过程。 初始加载资源过多 问题起源于我们的一个页面,下面是这个页面的截图和初次请求的瀑布图。 初始加载的时候,一共请求了155个资源,请求的瀑布图就快要和
阅读全文
Vue 项目架构设计与工程化实践
摘要:来源 文中会讲述我从0~1搭建一个前后端分离的vue项目详细过程 Feature: 一套很实用的架构设计 通过 cli 工具生成新项目 通过 cli 工具初始化配置文件 编译源码与自动上传CDN Mock 数据 反向检测server api接口是否符合预期 前段时间我们导航在开发一款新的产品,名叫
阅读全文
深入浅出 - vue变化侦测原理
摘要:废话真多!!! 其实在一年前我已经写过一篇关于 vue响应式原理的文章,但是最近我翻开看看发现讲的内容和我现在心里想的有些不太一样,所以我打算重新写一篇更通俗易懂的文章。 我的目标是能让读者读完我写的文章能学到知识,有一部分文章标题都以深入浅出开头,目的是把一个复杂的东西排除掉干扰学习的因素后剩下的
阅读全文
vue 编译原理 简介
摘要:来源 tinycompile 关于vue的内部原理其实有很多个重要的部分,变化侦测,模板编译,virtualDOM,整体运行流程等。 之前写过一篇《深入浅出 - vue变化侦测原理》 讲了关于变化侦测的实现原理。 那今天主要把 模板编译这部分的实现原理单独拿出来讲一讲。 本文我可能不会在文章中说太多
阅读全文
v-text、v-html、v-cloak、v-pre.md
摘要:本篇文章,我们简单的介绍几个Vue内置指令的实现。 v-text v-text的用法很简单,以下两个表达式的作用相同。 <span v-text="msg"></span> <span>{{msg}}</span> 和所有普通指令一样,在生成ast时,v-text会被解析到el.directives
阅读全文
组件的 keep-alive 简介
摘要:本篇文章,我们来讲一下keep-alive的实现。 更容易看懂 Vue中,有三个内置的抽象组件,分别是keep-alive、transition和transition-group, 它们都有一个共同的特点,就是自身不会渲染一个DOM元素,也不会出现在父组件链中。 keep-alive的作用,是包裹动
阅读全文
vue 问题集合 |
摘要:vue做类似选项卡 点击改变curIndex , 选项内容显示用 v-show="$index == curIndex" current-view.sync ?? vue 和 weppack理念冲突?? connect-history-fall-back 与地址栏 路由 点击后 激活 active
阅读全文
vue 问题集合
摘要:vue采坑记 其他组件使用注册过得router this.$router 注册路由是routes 而不是 routers 在单独的js 使用 vue的ajax new Vue.get 子路路由根据 父级路由的ajax结果来显示内容 <router-view :pros="data">子页面</rou
阅读全文