首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
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,但是你不知道…