首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
js
订阅
Manqing
更多收藏集
微信扫码分享
微信
新浪微博
QQ
54篇文章 · 0订阅
平滑滚动到顶部或底部的几种方案
很多时候我们使用的滚动效果都是类似于锚点那种,一闪而过,给人的体验十分不友好。所以这里介绍一些平滑滚动的方式。 一般我们使用auto和smooth就可以了,smooth表示滚动很平滑,有过渡效果,auto没有过渡效果,一闪而过。 我们一般回到顶部的话把这个属性设置在html上即…
[译]await VS return VS return await
当编写异步函数的时候,await,return,return await三者之间有一些区别,从中选取正确的方式是很重要的。 上面的函数会等待1秒钟后返回一个promise,然后有50%的机会成功返回yay或者抛出一个error。让我们用几种稍微不同的方式使用它。 在此处,如果调…
躲不掉的函数和闭包
在 JS 中定义函数的方式有两种:函数声明 和 函数表达式 。 第二种创建函数的形式是 函数表达式 。函数表达式有创建几种不同的语法形式,下面是最常见的一种: 这看来好像是常规的变量复制语句,即创建一个函数并将它赋值给变量 functionName,在这种情况下创建的函数叫做 …
懒加载和预加载
懒加载也叫延迟加载,指的是在长网页中延迟加载图像,是一种很好优化网页性能的方式。用户滚动到它们之前,可视区域外的图像不会加载。这与图像预加载相反,在长网页上使用延迟加载将使网页加载更快。在某些情况下,它还可以帮助减少服务器负载。常适用图片很多,页面很长的电商网站场景中。 能提升…
浏览器的回流与重绘 (Reflow & Repaint)
浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了Render Tree。 有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后把节点…
理解 class 用法和 get set 的使用
class 声明创建一个基于原型继承的具有给定名称的新类。 你也可以使用类表达式定义类。但是不同于类表达式,类声明不允许再次声明已经存在的类,否则将会抛出一个类型错误。 申明一个类,Polygon, 然后 Square 来继承 Polygon,只能在构造函数中使用 super(…
一个简单的时间窗口设计与实现
I. 方案设计 1. 基于队列的轮询删除方式 2. 基于队列的新增时删除方式 II. 基于数组的时间窗口实现 1. 时间轮计算器 2. 时间轮容器 3. 测试 III. 其他 1. 一灰灰Blog: https://liuyueyi.github.io/hexblog 2. 声…
如何定义一个高逼格的原生JS插件
作为一个前端er,如果不会写一个小插件,都不好意思说自己是混前端界的。写还不能依赖jquery之类的工具库,否则装得不够高端。那么,如何才能装起来让自己看起来逼格更高呢?当然是利用js纯原生的写法啦。以前一直说,掌握了js原生,就基本上可以解决前端的所有脚本交互工作了,这话大体…
你不知道的 JSON.stringify() 的威力
其实有很多有用的东西,当时学习了,也记住了,但是时间久了就是记不住,所以导致在日常开发中总是想不起来原来这个东西可以这么用,而去选择了更加复杂和麻烦的方式。其实我们日常学习的知识就是拿来用的,即使你今天把知识点背下来了,没有去思考这个知识点我们可以用来干嘛,不需要几天就会慢慢地…
解密HTTP/2与HTTP/3 的新特性
HTTP/2 相比于 HTTP/1.1,可以说是大幅度提高了网页的性能,只需要升级到该协议就可以减少很多之前需要做的性能优化工作,当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。 虽然 HTTP/2 提高了网页的性能,但是并不代表它已经是完美的了,HTTP/3 就…