首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
聪明的汤姆
掘友等级
喜欢研究不为人知的前端技巧,让我们一起在月球时代的白日梦里畅游吧🤩
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
赞
52
文章 46
沸点 6
赞
52
返回
|
搜索文章
最新
热门
图解直到今天也没什么人知道的原生dialog标签😑
在html5中,新增了很多语义化的标签。如footer、header之类的,今天的主角是dialog标签😂 顾名思义,就是用来定义对话框的。目前只有Chrome和Safari支持该标签,所以用的不多,不过确实挺好用的🤞 别担心,有官方的polyfill。 1. 基础的用法 …
稍微整理了几个经常在H5移动端开发遇到的东西😢
本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 安卓跟IOS的表现形式应该不一样,大家可以自己试试。当运用了正则pattern后,就不用关注input的类型了😂 2. 调用系统的某些功能 3. 打开原生应用 4. 解决active伪类失效 5. 忽略…
稍微整理了几个经常在H5移动端开发遇到的东西😢
本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 安卓跟IOS的表现形式应该不一样,大家可以自己试试。当运用了正则pattern后,就不用关注input的类型了😂 2. 调用系统的某些功能 3. 打开原生应用 4. 解决active伪类失效 5. 忽略…
你或许需要扩充可点击区域的范围⛅
发生这种情况是因为可点击区域未应用于整个元素。为了更加清楚,请参见下图。我举例说明了可点击区域应该和不应该如何。 对于本文,我将介绍很多我注意到的示例,并展示如何正确解决它们。 根据WCAG 2.1,触摸或鼠标的最小目标尺寸应为 44×44 像素。大小不是固定的,可能会根据使用…
关于"异步加载CSS"的相关思考,以及最简单的实现方式😅
我们想提高网页性能的最有影响力的措施之一,就是以不延迟网页渲染的方式加载CSS。 在默认情况下,浏览器在加载CSS时将终止页面的样式呈现(同步加载),也就是加载CSS会阻塞DOM树的渲染(但并不会阻塞DOM树的构建),可以简单理解为:当在加载CSS的同时,也在构建DOM树,只是…
关于带有"显示更多"按钮的多行文本截断思考😲
刚好最近遇到这个小需求,记得很早之前都是用JS处理,毕竟那时候年少无知。切换类的操作可以用Checked伪类实现,成本会比较低一点,那么先来列一下功能要点: 疑问点:text-overflow: ellipsis不支持多行截断。按钮文字切换,CSS该如何切换文本? 按钮的出现条…
浏览器的一些“滚动”行为鉴赏
1. scrollingElement 2. 滚动到底部 3. 判断浏览器已滚动到底部
借用repeating-linear-gradient实现一把刻度尺(ruler)📏
1. 刻度尺盒子 2. 厘米刻度 3. 半厘米刻度 4. 毫米刻度 5. 数字
利用"交叉观察者"这个小宝贝儿,轻松实现懒加载、吸顶、触底 ❗
直接进入正题,IntersectionObserver 翻译为 "交叉观察者",它的任务就是监听目标元素跟指定父元素(用户可指定,默认为viewport)是否在发生交叉行为,简单理解就是监听目标元素是否进入或者离开了指定父元素的内部(理解这句就行了,管他交不交叉呢),我好像在开…
这些Web API真的有用吗? 别问,问就是有用🈶
本文列举了一些列比较不常见的Web API,内容较多,所以有关兼容性的内容在本文不会出现,大家可以自己去查阅。 以下案例能配动图的我尽量去配了,以免内容枯草乏味,但是如果内容有误,也请大家亲喷或者纠正👌 1. querySelector 2. querySelectorAll…
下一页
个人成就
优秀创作者
文章被点赞
6,301
文章被阅读
203,768
掘力值
16,115
关注了
37
关注者
5,751
收藏集
1
关注标签
14
加入于
2017-01-17