sunshine小小倩

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

在一个典型的React应用中, 数据都是通过props属性自顶向下传递的, 也就是我们通常所说的父传子。但是在某些场景下(换肤), 很多底层的子组件都是需要接收来自于顶层组件的换肤属性, 这会让我们的代码中有很多显示传递props的地方。Context 提供了一种在组件之间共享…

无埋点并不是字面意思不埋点，其实也是一种埋点，只是让开发人员完全无感知，直接嵌入sdk，然后每个元素都能查看他们的情况，后续开发中也不需要开发者再做什么开发。总结就是嵌入之后，开箱即用，不用开发。 2、数据存在误差，以WEB前端为例，文档通常是以DOM Tree的形式呈现，如下…

2018年，我曾经在 Deno 发布不久写过一篇《 Deno 不是下一代 Node.js！》的文章，正好最近有一些研究，站在2021年再来看看 Deno。 无疑，Deno 改变了大家的对包管理的看法。本身 Deno 够小，试错成本低，它确确实实引领了一个潮流方向。这个改进虽说不…

由于我们的技术栈采用的是 React, 目前还没有一个成熟库可以同时支持自由拖拽和缩放, 我们不得不用 react-dragable 和 react-resiable两个库来实现拖拽和缩放, 但是这样我们要维护的数据结构就相当复杂了(当然vue生态有成熟的vue-dragabl…

之前听了同事的一个分享会，一个场景是父模块需要一个接口的数据，子模块也是需要这个接口的数据，如果子父模块都调这个接口的话，就浪费性能。当然也可以使用vuex，props这种传参。使用vuex的话就太笨重了，复用到别的项目麻烦就会出现，眼下props是最佳，不过有时候因为其他一些…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

最近把小站的登录页面给重构了，之前的安全性存在很大问题，基本处于裸奔的状态，特此记录一下过程。 先说一下网站后端语言是php，为什么用php呢，因为php是世界上最好的语言吗，可能吧，不过最大的原因是因为我的网站托管在虚拟主机上，目前来说，几乎所有厂商的虚拟主机都只支持php，…