基础小科普!浅谈「列表视图」与「网格视图」的用法

@Daidai丶呆 :本周的译文纯粹聊了聊「列表视图」跟「网格视图」在电商产品中的应用法则。但这篇在 Medium 上收获1.5K点赞数的文章,把大家平时经常看到,但很少去思考为什么这么做的视图,做了一个详细分析。 一、根据信息选择合适的视图 因为从事电商行业已经有一段时间,且在迭代的过程中学到了不少相关知识。所以抽空写了一篇关于「列表视图」与「网格视图」的文章分享给各位。 列表视图(上图左): 列表视图适合许多长文本信息的展示,如标题、描述、评论等,它可以帮助用户更好的

小程序常见关键点记录

微信认证 客服消息 扫普通链接二维码打开小程序 小程序插件功能介绍 近日,谷歌推出一款名为猜画小歌的小程序。该小程序是AI版的你画我猜,用户绘制出一个日常物件,人工智能就会在限定的时间识别用户的涂鸦。该网络源自世界最大、囊括超过5000万个手绘素描的数据群。旨在让用户了解、体验人工智能的乐趣! 谷歌通过微信小程序的平台推广自己的AI产品,无论是试水还是扩展市场,均可看出小程序的认可程度。下面此篇博文将记录小程序中常见的关键点。 微信认证 微信认证两种方式: 参考: ht

WebGL入门与进阶3

前文已经大概讲解了一些基础知识,涵盖了WebGL创建,着色器,着色器编程以及缓存区等知识,一些简单的点面效果即可以基于此来完成,接下来让我们绘制一下如下的效果: 让我们先准备一下前期的WebGL内容,首先让我们来创建一个可以接受参数的着色器,(如果不清楚具体要怎么创建可以参考上一章教程内容) 接下来,我们需要创建多个点的坐标,所有点在同一行时,只有X坐标是变化的,y是相同的。 但因为WebGL的坐标系与实际页面中的坐标系是不同的,如下图,普通canvas坐标系与正常的浏览器

VSCode插件开发急速入门

导读:目前网络上可以随意查到各种VSCode插件的相关文章,但往往有一些特殊的功能需求找不到合适的插件。那么不如自己开发一个插件吧,打造一把称手的兵器! VSCode (全称:Vistual Studio Code) 由 Microsoft 出品,其具备启动快速、稳定性好、占用内存较小、插件越来越丰富、社区活跃等特点,目前是个人和团队中很多小伙伴的主力代码编辑器。 下面直奔主题,本文你将了解简单的 VSCode 的插件开发入门,感兴趣的同学可以继续阅读。 以下文中提到

Webpack4 实战 React 和 Vue 项目

最近一直在参与小组内“造轮子”(具体内容另寻机会再详说)在开发的过程中,了解并且学习到 Webpack v4 的一些内容,趁记忆还深,汇总成文。 导读:本文你将 Get 到使用 Webpack 4 从零开始分别搭建 React 16 和 Vue 2 项目,同时还有基于 Webpack 4 的一些开发和生产环境配置经验,感兴趣同学可以继续阅读。 使用 Webpack 作为关键词在 Google 可以搜索到很多相关的文章,网上文章也是针对各自项目和某些情况的具体方案或者介

深入分析Date构造函数问题及解决方法

问题描述 近期在封装时间选择组件的单元测试时,为了构造出Date对象,直接使用了默认Date构造函数, 自己本地开发,测试均无问题,push远程后,某个小伙伴在本地跑测试用例时,却无法通过,具体报错截图如下 通过截图信息,可以初步判断由于Date构造函数返回了不同日期导致,抱着好奇的态度查阅个各种资料后,竟然发一个小小的一个日期构造函数里面大有文章,平时自己写起来都是浅尝辄止,没有深入了解过,下面详细的介绍这个破案过程,以免各位看客后续重蹈覆辙。 问题排查 问题重现 按照一