随笔- 443
文章- 77
评论- 996
阅读-
105万
02 2020 档案
网站优化的艺术与科学之实战
摘要:本文承接上一篇《网站优化的艺术与科学之工具和基础知识》,将实战分析网站的部分页面。 一、首页 1)首页的评判方式 下面是访问者可能有的常见负面想法。 1、不喜欢网站的布局或组织。 2、不理解在网站上能做什么。 3、对网站上的选择或内容不知所措。 4、讨厌看到这么多广告。 5、网站不值得信任或不安全。
阅读全文
网站优化的艺术与科学之工具和基础知识
摘要:最近在阅读一本网站优化的书,名叫《深入理解网站优化:提升网站转化率的艺术与科学》,本书是对网站优化的4个学科(Web分析、网站易用性、在线营销和网站测试)的最佳实践。网站优化是一门新颖的艺术,结合前面这四门学科完成对网站的测试和分析,更好地吸引和转化访问者。 实施本书中的最佳实践和测试思路,就能以多
阅读全文
纯JavaScript实现页面行为的录制
摘要:在网上有个开源的rrweb项目,该项目采用TypeScript编写(不了解该语言的可参考之前的《TypeScript躬行记》),分为三大部分:rrweb-snapshot、rrweb和rrweb-player,可搜集鼠标轨迹、控件交互等用户行为,并且可最大程度的回放(请看demo),看上去像是一个视
阅读全文
简单粗暴的骨架屏实现
摘要:早在2013年Luke Wroblewski就提出了骨架屏(Skeleton Screen)的概念,他认为骨架屏是一个页面的空白版本,通过这个空白版本来传递一种信息,即页面正在渐进式的加载中。骨架屏的布局能与页面的视觉呈现保持一致,这样就能引导用户的关注点聚焦到感兴趣的位置。如下图所示,左边是数据渲
阅读全文
用JavaScript完成页面自动操作
摘要:在之前的一篇《JavaScript实现按键精灵》中曾记录了几个事件对象,本文将会对它们进行一次实战,要完成的动作包括滚动、点击和翻页。 一、滚动 滚动是通过修改容器元素的scrollTop属性实现的,期间会进行一系列的计算,而每次滚动都会包含一个个小的偏移动作,为了让这些动作能有序进行,自定义了一个
阅读全文
21种JavaScript设计模式最新记录(含图和示例)
摘要:最近观看了《Javascript设计模式系统讲解与应用》教程,对设计模式有了新的认识,特在此做些记录。 一、UML 文中会涉及众多的UML类图,在开篇需要做点基础概念的认识。以下面的图为例,图片和说明均来源于《大话设计模式》一书。 (1)矩形框,它代表一个类。类图分三层,第一层显示类的名称,如果是抽
阅读全文
计算机专业英语实战记录(整理了上千个相关单词)
摘要:自上一篇《每次阅读外文技术资料都头疼,终于知道原因了》已过去多月,最近又在做简单的实践,实践方式很朴素,就是对照阅读React官方资料和国内翻译的资料,逐句对比,发现了许多问题,特在此记录。 一、问题记录 1)with(配合、带)、for(用来)、by(通过)等介词在连接语句时的词义没有把握好。 1
阅读全文
响应国家号召,在家撸码之React迁移记
摘要:最近这段时间新型冠状病毒肆虐,上海确诊人数每天都在增加,人人提心吊胆,街上都没人了。为了响应国家号召,近期呆在家里撸码,着手将项目迁移到React中,项目比较朴素,是一张线索提交页面,包含表单、图片滚动等功能。 一、目录结构 项目基于Create React App构建而成,简单的做了下二次封装,s
阅读全文