首页
沸点
课程
APP
AI用量
作品广场
专家标注
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端开发
订阅
梁仔
更多收藏集
微信扫码分享
微信
新浪微博
QQ
129篇文章 · 2订阅
神奇的 http-modular 魔法,让前端不用封装接口
最近突发奇想,研究出一个神奇的“编程魔法”,我把这个思想封装成了一个 Node.js 库,叫做 http-modular。 这个想法的核心是,将服务端的 HTTP 接口转换成符合 ESM 规范的接口。
不数不知道,React已经有22个hook了
大家好,我卡颂。 5月30日刚好是React10周年纪念日。 我顺手拉了下React最新代码,这一看不要紧,居然已经有22个hook了。 其中: react包导出了21个 react-dom包导出了1
JS如何判断文字被ellipsis了?
如果想要文本超出宽度后用省略号省略,只需要加上以下的css就行了。 3行css搞定,但是问题来了:如果我们想要当文本被省略的时候,也就是当文本超出指定的宽度后,鼠标悬浮在文本上面才展示popper,应
JavaScript实现访问本地文件夹
这个功能放在之前是不可能实现的,因为考虑到用户的隐私,但是最近有一个新的api可以做到这一点。下面来进行一个简单的功能实现。 如何选择文件夹 我们调用showDirectoryPicker这个函数就可
koa-helmet: 设置Http头保障应用程序安全
koa-helmet 主要是通过 npm 包 helemt 来实现开发者的应用程序更加安全。 helemt 主要是与另一个著名的 node.js Web 应该框架 Express 搭配使用。 现在是通过一个函数 koaHelmetPromisify 来使用,具体的写法对我来说有…
浏览器相关原理(面试题)详细总结二
1. 浏览器渲染过程是怎样的? 按照渲染的时间顺序,流水线可分为如下几个子阶段:构建 DOM 树、样式计算、布局阶段、分层、栅格化和显示。 渲染进程将 HTML 内容转换为能够读懂DOM 树结构。 渲染引擎将 CSS 样式表转化为浏览器可以理解的styleSheets,计算出 …
细说浏览器输入URL后发生了什么
在网络世界,你肯定记得住网站的名称,但是很难记住网站的 IP 地址,因而也需要一个地址簿,就是 DNS 服务器。DNS 服务器是高可用、高并发和分布式的,它是树状结构,如图: 在客户端输入 URL 后,会有一个递归查找的过程,从浏览器缓存中查找->本地的hosts文件查找->找…
从 8 道面试题看浏览器渲染过程与性能优化
移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的…
浏览器的底层渲染机制
(2) defer:和link是类似的机制了,不会阻碍GUI渲染,当GUI渲染完,才会把请求回来的JS去渲染... (3)async:请求JS资源是异步的「单独开辟HTTP去请求」,此时GUI继续渲染;但是一但当JS请求回来,会立即暂停GUI的处理,接下来去渲染JS... (6…
深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调(动图演示)
resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你,如果你不知道这些,那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame,你可能在做一些需求的时候想到了 requestIdleCallback,但是你不知道…