微信小程序–自定义分析

微信小程序–自定义分析
微信小程序自身带的数据分析已经分丰富了,大类分为: 使用分析:行为分析、来源分析、留存分析、页面分析实时统计用户画像 微信为了满足更细致的数据分析有给所有者提供了:自定义分析。 比如:想统计某个按钮被点击的情况,这种就需要自定义分析。 添加事件 新建事件 填写信息 填写信息,之后点击检查字段 保存测试 选择一个测试用户 在测试用户的手机上操作对应的动作,...

CSS 实现特定比例的图形

CSS 实现特定比例的图形
之前写过一篇文章:《纯css实现宽高等比》利用的就是 padding 的百分比值参考的是包含块的宽度: 规范地址:w3 ,知乎上也有对这个问题的提问。 看下padding 的实例: CodePen Embed Fallback 注意下:蓝色块的 56.52% 相对的是父级的 300px 所以最后值为 168.75px,而不是相对自身的160px。 在回答里面看到一个新属性:aspect-ratio,用法与定义: 看下效果: CodePen Embe...

深入keep-alive组件实现

深入keep-alive组件实现
从源码角度看一下keep-alive组件究竟是如何实现组件的缓存的呢? created与destroyed钩子 created钩子会创建一个cache对象,用来作为缓存容器,保存vnode节点。 created () { /* 缓存对象 */ this.cache = Object.create(null) }, destroyed钩子则在组件被销毁的时候清除cache缓存中的所有组件实例。 /* destroyed钩子中销毁所有cache中的组件实例 */ destroyed () { for...

关键渲染路径-构建对象模型

关键渲染路径-构建对象模型
在浏览器渲染页面之前,需要构建DOM 和 CSSOM 树。因此,我们需要尽快的把 HTML 和 CSS 发送给浏览器。简介: 字节-> 字符-> 符号-> 节点-> 对象模型HTML 节点会转换成 DOM,CSS 会被转成 CSSOMDOM 和 CSSOM 是独立的数据结构我们可以通过 Chrome 的开发工具来截取和侦测到构建和处理 DOM 和 CSSOM 时的开销 DOM <!DOCTYPE html> <html> <head> <meta name="viewp...

从 Vue3 源码中再谈 nextTick

从 Vue3 源码中再谈 nextTick
开始之前先看下官方对其的定义 定义: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM 看完是不是有一堆问号?我们从中找出来产生问号的关键词 下次 DOM 更新循环结束之后?执行延迟回调?更新后的 DOM? 从上面三个疑问大胆猜想一下 vue 更新DOM是有策略的,不是同步更新nextTick 可以接收一个函数做为入参nextTick 后能拿到最新的数据 好了...
Copyright © 前端黑板报 保留所有权利.   Theme  Ality 沪ICP备18002623号-2

用户登录