摘要： 本文承接上一篇《网站优化的艺术与科学之工具和基础知识》，将实战分析网站的部分页面。 一、首页 1）首页的评判方式 下面是访问者可能有的常见负面想法。 1、不喜欢网站的布局或组织。 2、不理解在网站上能做什么。 3、对网站上的选择或内容不知所措。 4、讨厌看到这么多广告。 5、网站不值得信任或不安全。 阅读全文

摘要： 最近在阅读一本网站优化的书，名叫《深入理解网站优化：提升网站转化率的艺术与科学》，本书是对网站优化的4个学科（Web分析、网站易用性、在线营销和网站测试）的最佳实践。网站优化是一门新颖的艺术，结合前面这四门学科完成对网站的测试和分析，更好地吸引和转化访问者。 实施本书中的最佳实践和测试思路，就能以多 阅读全文

摘要： 在网上有个开源的rrweb项目，该项目采用TypeScript编写（不了解该语言的可参考之前的《TypeScript躬行记》），分为三大部分：rrweb-snapshot、rrweb和rrweb-player，可搜集鼠标轨迹、控件交互等用户行为，并且可最大程度的回放（请看demo），看上去像是一个视 阅读全文

摘要： 早在2013年Luke Wroblewski就提出了骨架屏（Skeleton Screen）的概念，他认为骨架屏是一个页面的空白版本，通过这个空白版本来传递一种信息，即页面正在渐进式的加载中。骨架屏的布局能与页面的视觉呈现保持一致，这样就能引导用户的关注点聚焦到感兴趣的位置。如下图所示，左边是数据渲 阅读全文

摘要： 在之前的一篇《JavaScript实现按键精灵》中曾记录了几个事件对象，本文将会对它们进行一次实战，要完成的动作包括滚动、点击和翻页。 一、滚动 滚动是通过修改容器元素的scrollTop属性实现的，期间会进行一系列的计算，而每次滚动都会包含一个个小的偏移动作，为了让这些动作能有序进行，自定义了一个 阅读全文

摘要： 最近观看了《Javascript设计模式系统讲解与应用》教程，对设计模式有了新的认识，特在此做些记录。 一、UML 文中会涉及众多的UML类图，在开篇需要做点基础概念的认识。以下面的图为例，图片和说明均来源于《大话设计模式》一书。 （1）矩形框，它代表一个类。类图分三层，第一层显示类的名称，如果是抽 阅读全文

摘要： 自上一篇《每次阅读外文技术资料都头疼，终于知道原因了》已过去多月，最近又在做简单的实践，实践方式很朴素，就是对照阅读React官方资料和国内翻译的资料，逐句对比，发现了许多问题，特在此记录。 一、问题记录 1）with（配合、带）、for（用来）、by（通过）等介词在连接语句时的词义没有把握好。 1 阅读全文

摘要： 最近这段时间新型冠状病毒肆虐，上海确诊人数每天都在增加，人人提心吊胆，街上都没人了。为了响应国家号召，近期呆在家里撸码，着手将项目迁移到React中，项目比较朴素，是一张线索提交页面，包含表单、图片滚动等功能。 一、目录结构 项目基于Create React App构建而成，简单的做了下二次封装，s 阅读全文

摘要： React可大致分为三部分：Core、Reconciler和Renderer，在阅读源码之前，首先需要搭建测试环境，为了方便起见，本文直接采用了网友搭建好的环境，React版本是16.8.6，与最新版本很接近。 一、目录结构 React采用了由Lerna维护monorepo方式进行代码管理，即用一个 阅读全文

摘要： 最近观看了《前端跳槽面试必备技巧》，视频出举出了很多实用技巧，特在此记录。 视频开头给出了面试的定义：面试是测查和评价人员能力素质的一种考试活动。具体地说，面试是一种经过组织者精心设计，在特定场景下，以考官对考生的面对面交谈与观察为主要手段，由表及里测评考生的知识、能力、经验等有关素质的一种考试活动 阅读全文