知识点：

悬浮球有两个知识点：

1）一个是吸边效果。位置判断，然后缓动到目标位置：

获取元素位置属性：this.$refs.refNamexxxx.getBoundingClientRect()

2）一个是页面滚动过程中隐藏悬浮球的防抖。

实现思路：

一 canvas

一个好消息是小程序基础库 v2.9.0 正式开放一套全新的 Canvas 接口。该接口符合 HTML Canvas 2D 的标准，实现上采用 GPU 硬件加速，渲染性能相比于现有的 Canvas 接口有一倍左右的提升。

新版 Canvas 2D 接口与 Web 几乎完全一致了。这对 H5 和小程序的同构有...

整体流程图

常见做法

业界常见做法是将 template 直接转成小程序的 WXML 模板。这种做法更接近小...

vscode 搜索的坑

最近从 webstorm 切换到 vscode，遇到了一个好坑的问题： 明明存在该字符串的文件却搜不到： Read More

webpack-bundle-analyzer 分析报告

大家都看过这种 webpack 分析报告吧，是由插件 webpack-bundle-analyzer 生成，用来在论文、ppt 或者博客里炫耀是最好用不过了。

当然它的主要功能还是帮助我们分析 webpack 打包之后的结果，...

图片

1、base64 打包进去的图片可以正常显示

2、稍大图片使用 base64 不太经济，建议以网络链接引入 src=”https://test.miniprogram.com/res/going_0bd161.png”

kbone-cli 生产的默认项目

1 技术选型

1.1 痛点

在软件研发过程中，bug 越早发现，成本越低。代码扫描和单元测试，就是在早期帮我们发现程序中问题的有效手段。代码扫描不仅能帮我们发现程序的漏洞，也能督促开发人员更规范优雅地写代码。 推动代码规范，提高代码质量，从源头把控软件产品质量，已经在研发体系形成共识。