沐童Hankle

Cypress是常见的UI测试框架之一，UI测试的场景不做赘述，本文旨在探索Cypress检测页面首屏加载时间的最佳实践，目的是为了检测页面首屏加载的性能。文章主要包含实现逻辑、数据保存和报告生成三部分。 没有描述页面完成加载的标志，代码层面表现为cy.visit()没有给出断…

本文从前端的角度出发，简单地介绍了搭建互动应用的一种思路，提供了在线互动、中途加入两个场景的一种解决思路，最后简单介绍了互动应用在实践中的优化方向。通过阅读你可以了解到： 互动，即互相作用，互相交流。互动应用提供了一种用户互相交流的方式，互联网用户可通过打开应用同一页面，通过操…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 敖天羽，全栈工程师，前后端万用螺丝钉，前端工作经验 3 年，入职新团队 1 年，面试过 4 家公司，现 力扣（LeetCode） 主站研发团队成员，擅长技…

一. redux的实现 在一切开始之前，我们首先要回答一个问题：为什么我们需要redux，redux为我们解决了什么问题？只有回答了这个问题，我们才能把握redux的设计思路。 React作为一个组件化开发框架，组件之间存在大量通信，有时这些通信跨越多个组件，或者多个组件之间共…

数据响应式，从官方定义来说，将Model绑定到View，当用代码更新Model时，View会自动更新。 数据响应式强调数据驱动DOM生成，而不是直接操作DOM。 而常常和数据响应式混为一谈的数据双向绑定，则特指v-model，该指令实现了如果用户更新了View，Model也会随…

今天接触到了一个陌生的名词：函数劫持，查了一些资料记录一下。 函数劫持的意思是在一个函数运行之前把它劫持下来，添加我们想要的功能，然后再调用原来的函数执行。这也是常见的钩子函数的原理之一。 XSS攻击经常使用alert测试是否存在跨站，所以可以通过劫持alert函数来监测是否有…

这是 MPM 分享系列的第二篇，在上一篇 MPM 卖场可视化搭建系统 — 要素设计 中，我们介绍了 MPM 作为一个面向卖场场景的页面可视化搭建系统，最基础的系统要素都有哪些，并给出了系统要素的推导和设计过程。系统要素是一个庞大系统链接各个模块的纽带，也是系统设计的基石，而要素…

从长设计稿上识别多个楼层进行分割，得出分割区域坐标。 本文使用的深度学习工具为TensorFlow。主要通过改造官方例子，来训练自己的模型并测试效果，其中模型训练部分通过python实现，效果测试由前端页面展示。 这里在花瓣网上找了100多张会场设计图来进行处理。将图片一分为二…