首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
技术
订阅
天高地迥
更多收藏集
微信扫码分享
微信
新浪微博
QQ
56篇文章 · 0订阅
可观测性之国内第一篇讲如何减少卡顿的代码级别详细文章
本文是国内第一篇讲如何减少网站卡顿的代码级别详细文章, 聊网站性能的文章有很多,通常为了提高js性能,避不开这两点: 不要阻塞主线程 减少长耗时,本文从这两个角度展开。
🎉我点了页面上的元素,VSCode 乖乖打开了对应的组件?原理揭秘。
在大型项目开发中,经常会遇到这样一个场景,QA 丢给你一个出问题的链接,但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…
可视化拖拽组件库一些技术要点原理分析
建议结合源码一起阅读,效果更好(这个 DEMO 使用的是 Vue 技术栈)。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是:当从左边组件列表拖拽出一个组件放到画布中时,画布要把这个组件渲染出来。 用一个数组 componentDat…
我接触过的前端数据结构与算法
我们已经讨论过了前端与计算机基础的很多话题,诸如SQL、面向对象、多线程,本篇将讨论数据结构与算法,以我接触过的一些例子做为说明。 1. 递归 递归就是自己调自己,递归在前端里面算是一种比较常用的算法。假设现在有一堆数据要处理,要实现上一次请求完成了,才能去调下一个请求。一个是…
「1.4万字」玩转前端 Video 播放器 | 多图预警
Web 开发者们一直以来想在 Web 中使用音频和视频,但早些时候,传统的 Web 技术不能够在 Web 中嵌入音频和视频,所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作,但是却有着一系列的问题,包括无法很好的支…
为什么不在微信小程序中使用骨架屏,来提升用户体验?
骨架屏在前端的应用里很普及,不过大多都是在H5的应用中,今天想谈的是微信小程序中如何使用骨架屏,以及小程序骨架屏的实现原理,针对骨架屏项目还可以提个PR,封装出来一个npm包形式的第三方,为前端社区做点小贡献。 在微信开发者工具中,设置 —> 项目设置—> 勾选使用npm模块。…
前端工程师的自我修养-关于 Babel 那些事儿
随着 Nodejs 的崛起,编译这个昔日在 Java、C++ 等语言中流行的词,在前端也逐渐火了起来,现在一个前端项目在开发过程中没有编译环节,总感觉这个项目是没有灵魂的。说起前端编译就不得不提前端编译界的扛把子 Babel ,大部分前端攻城狮对 Babel 并不陌生,但是在这…
web页面录屏实现
在看到评论后,突然意识到自己没有提前说明,本文可以说是一篇调研学习文,是我自己感觉可行的一套方案,后续会去读读已经开源的一些类似的代码库,补足自己遗漏的一些细节,所以大家可以当作学习文,生产环境慎用。 如果你的应用有接入到web apm系统中,那么你可能就知道apm系统能帮你捕…
quicklink 为你的页面实现秒开
可以在空闲时间预获取页面可视区域(以下简称视区)内的链接,加快后续加载速度。 预获取视区内的 URL(使用<link rel=prefetch>或 XHR)。 可根据请求优先级进行控制(若支持 fetch() 可进行切换)。 该项目旨在为网站提供一套解决方案,预获取处于用户视区…
一名【合格】前端工程师的自检清单
前端开发是一个非常特殊的行业,它的历史实际上不是很长,但是知识之繁杂,技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状,实际上很多前端开发者都是自学甚至转行过来的,前端入门简单,学习了几个API以后上手做项目也很简单,但是这往往成为了限制自身发展的瓶颈。 只是…