“2022年10月”存档文章有22

无论速度快慢,都可以连接

为缓慢和间歇的离线连接而设计,以减少用户焦躁感。插图:Kai Yee Tay,下一个10亿用户的插图作者我和Susanna Zaraysky一起写了这个故事,她是Material Design团队的一名内容策略师。随着世界各地许多人在家工作,越来越多的人通过流媒体视频、电话会议和发送/接收文件来消费高带宽内容。住宅中对互联网和共享带宽的高需求,加上技术基础设施问题和极端天气事件,意味着连接往往是间...

Javascript 字典

在静态类型的编程语言中,Dictionary(键/值对集合)对象有时会非常有用。虽然JavaScript本身不包含一个叫做 "Dictionary "的类型,但是它包含一个非常灵活的类型 "Object"。由于JavaScript是一种动态类型的语言,所以JavaScript的 "对象 "类型是非常通用的。这种灵活性使得 "对象 "类型的使用方式与静态类型的语言(如C#)相比可能显得有些奇怪。在 ...

Material Design Progress indicators Demo

最近在使用 MATERIAL DESIGN,这个框架很好的规范了页面的样式,但是在使用的过程中,一直没有找到 Design Progress 的示例代码。Design Progress 的页面只介绍了 npm 安装方式以及 API,但是没有具体的实例代码。经过寻找,终于在 Material Design 的官方 github 找到了实例代码:github - material-components...

XMLHttpRequest.onreadystatechange 理解

只要 readyState 属性发生变化,就会调用处理函数。当请求被发送到服务器时,我们需要执行一些基于响应的任务。说明:XMLHttpRequest.readyState 属性返回一个 XMLHttpRequest 代理当前所处的状态。下面是 readyState 的状态代码:0: 请求未初始化1: 服务器连接已建立2: 请求已接收3: 请求处理中4: 请求已完成,且响应已就绪下面来一段示例代码...

Javascript 元素增加 class 的方法

使用原生 Javascript 增加 class 的方法如下:我们呢可以使用 element.classList.add 增加 class,示例如下:const span = document.querySelector("span");const classes = span.classList;classes.add("d");需要移除 class 元素值的时候,可以使用 element.cl...

Javascript 禁用按钮的方法

使用原生 Javascript 需要禁用一个按钮,下面是示例:如果是只有一个按钮,我们可以使用下面的代码:document.querySelector('.mdc-button').disabled = true;其中 .mdc-button 是 button 的 class 名称。如果多个按钮使用了相同的 class 名称,我们可以使用下面的方法:let el = document.queryS...