首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端,奇淫技巧
订阅
mano233
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 0订阅
利用"交叉观察者"这个小宝贝儿,轻松实现懒加载、吸顶、触底 ❗
直接进入正题,IntersectionObserver 翻译为 "交叉观察者",它的任务就是监听目标元素跟指定父元素(用户可指定,默认为viewport)是否在发生交叉行为,简单理解就是监听目标元素是否进入或者离开了指定父元素的内部(理解这句就行了,管他交不交叉呢),我好像在开…
灵活运用CSS开发技巧
何为技巧,意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺,推动着人类科学技术的发展,同时犹如文字一样承托着人类文化的进步。 每写好一篇文章,都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
现代浏览器探秘(part4):事件处理
这是关于Chrome浏览器内部工作原理系列的最后一篇;研究浏览器怎样通过处理代码来显示网站。在上一篇文章中,我们研究了渲染过程并了解了合成器。 在本文中,我们将分析当用户输入时,合成器是怎样实现平滑交互的。 当你听到“输入事件”时,可能只会想到在文本框打字或鼠标单击,但从浏览器…
浏览器渲染详细过程:重绘、重排和 composite 只是冰山一角
从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程,完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。
Canvas高级路径操作之拖拽对象
在Canvas中实现拖拽也同样如此,Canvas提供了一个名为isPointInPath(x, y)的API,判断点(x, y)是否在路径之中。如果在路径之中,则返回true。于是我们可以有如下思路: 这里就是难理解的点,为什么要记录?继续往下看,后面会使用到。
说说如何防御 DOM Based 类型的 XSS 攻击
普通的 XSS,是通过服务端(比如模板技术)将数据输出到 HTML 中。而 DOM Based 类型 的 XSS,是通过 JS 将数据输出到 HTML 中。 这里的 x 变量,其值来源于用户所输入的内容。网站开发者使用普通 XSS 的防御方法(DefaultEncoder.ge…
无后缀文件的类型检测
但是也有无后缀名的文件。尝试着把 坤坤运球.gif 的文件后缀去掉,然后用图片查看器打开该文件,同样能看到坤坤精湛的球技。 这说明,改变文件的后缀名,并不会影响文件本身的内容。同时也说明,文件的数据中,有东西能够标识出文件的类型。 说以上那么多,其实是想引出 Magic Num…
HTML5实时语音通话聊天,MP3压缩传输3KB每秒
github demo中考虑到减少对服务器的依赖,因此采用了WebRTC P2P传输功能,无需任何服务器支持即可实现局域网内的两个设备之间互相连接,连接代码也算简单。有服务器支持可能就要逆天了,不过代码也会更复杂。 由于是在我的Recorder库中新加的demo,因此音频采集和…