随笔分类 - HTML5
摘要:这是通过原生HTML/CSS/JavaScript完成一个日期选择器(datepicker)组件,一个纯手搓的组件的开发。主要包括datepicker静态结构的编写、日历数据的计划获取、组件的渲染以及组件事件的处理。 根据调用时的时间格式参数,可以控制短日期格式或长日期格式。 实现效果(短日期格式)
阅读全文
摘要:本文是在上一篇的基础上改造成 根据输入关键词动态筛选选项列表,然后实现多项选择并且关键词高亮。 上一篇:带有多选和突出显示关键字的自定义下拉选择框(静态) >> 带有多选和突出显示关键字的自定义下拉选择框: Custom Dropdown Select Box with Multiple Selec
阅读全文
摘要:带有多选和突出显示关键字的自定义下拉选择框: Custom Dropdown Select Box with Multiple Selection and Highlighting Keywords: 不使用select元素,用div、ul、li、span元素实现带有多选和突出显示关键字的自定义下拉
阅读全文
摘要:JavaScript 的 addEventListener 方法允许你为指定的 HTML 元素添加事件监听器。以下是一些常见的事件类型,可以使用 addEventListener 来监听它们: 1,点击事件 (click) 点击事件 (click): 当用户点击元素时触发。 element.addE
阅读全文
摘要:在JavaScript中,classList 是一个DOM元素属性,它提供了一组方法来添加、移除和切换元素的类名。classList 属性返回一个 DOMTokenList 集合,表示元素的类名。 这个集合提供了几个非常有用的方法,我们可以方便地对元素的类名进行操作,包括添加、移除、切换类名等。 1
阅读全文
摘要:表示“对钩”,“叉号”的特殊转义符号汇总: 对钩符号 编码 描述 叉号符号 编码 描述 ✓ ✓ CHECK MARK 手写体对钩(细) ✗ ✗ BALLOT X 手写体叉号(细) ✔ ✔ HEAVY CHECK MARK 手写体对钩(粗) ✘ ✘
阅读全文
摘要:WebSocket 和HTTP虽然是不同协议,但是两者“握手”方式兼容。通过HTTP升级机制,使用HTTP的Upgrade和Connection协议头的方式可以将连接从HTTP升级为WebSocket。 Websocket 使用 ws 或 wss 的统一资源标志符,类似于 HTTPS,其中 wss
阅读全文
摘要:js 监听ios手机键盘弹起和收起的事件 关于ios键盘弹起 body的高度拉长,页面底部空白问题当输入框失去焦点时,ios手机键盘收起,将滚动条改为0,如下: ios软键盘将页面抵到上面后,关闭软键盘页面不回弹这个问题有时候会导致弹出框确定按钮失效等一系列问题, 解决办法:失去焦点时将页面滚动到底
阅读全文
摘要:HTML5的Server-Sent Events(SSE)功能,允许服务端推送数据到客户端(通常叫数据推送).当数据源有新数据,它马上发送到客户端,不需要等待客户端请求.HTML5支持服务器发送事件(Server-Sent Events)-单向消息传递数据推送(C#示例).规范主要由两个部分组成:第一个部分是服务器端与浏览器端之间的通讯协议,第二部分则是在浏览器端可供 JavaScript 使用的 EventSource 对象。通讯协议是基于纯文本的简单协议。服务器端的响应的内容类型是“text/event-stream”。响应文本的内容可以看成是一个事件流,由不同的事件所组成。
阅读全文
摘要:摇一摇的实现需借助html5新增的devicemotion事件,获取设备在位置和方向上的改变速度的相关信息,通过加速度阈值,时间差控制实现摇一摇功能
阅读全文