前端
26篇文章 · 0订阅
  • 作为一名前端程序员，我的 Chrome 应该是...
    本文介绍了前端开发中常用的高效 Chrome 插件，并通过一个 Todo 扩展示例，手把手讲解了扩展的开发流程，最后简要介绍了新一代扩展开发框架 WXT，适合想入门或进阶的开发者阅读。
    前端
    作为一名前端程序员，我的 Chrome 应该是...
  • 面试官：不会“不定高”虚拟列表，你在简历上面提他干嘛？
    很多同学将虚拟列表当做亮点写在简历上面，但是却不知道如何手写，那么这个就不是加分项而是减分项了。在上一篇文章欧阳教会你 如何实现一个定高虚拟列表 ，但是实际项目中更多的是不定高虚拟列表，这篇文章欧阳来
    前端 JavaScript Vue.js
    面试官：不会“不定高”虚拟列表，你在简历上面提他干嘛？
  • vue react路由底层原理 | Hash & histroy 模式
    一、前端路由原理 1. SPA（单页面应用） 单页面应用（Single Page Application）是一种只加载一次 HTML 页面并在用户与应用交互时动态更新页面内容的 Web 应用。浏览器在
    前端 面试
    vue react路由底层原理 | Hash & histroy 模式
  • 从 babel 编译看 async/await
    还在写回调地狱，满屏的 .then 折磨你吗？本篇揭秘 async/await 的前世今生，告诉你为什么它被誉为“写同步代码一样优雅地搞异步”。
    前端 JavaScript 面试
    从 babel 编译看 async/await
  • 图片纯前端JS压缩的实现
    以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…
    JavaScript 前端 Canvas
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 手把手教学，使用 Rust + WASM 进行 Web 开发
    背景 WebAssembly（wasm）是一个简单的机器模型和可执行格式，具有广泛的规范。它被设计为便携、紧凑，代码执行能够达到接近本机原生指令的执行速度。 作为一种编程语言，WebAssembly
    前端 JavaScript WebAssembly
    手把手教学，使用 Rust + WASM 进行 Web 开发
  • 千万别让 console.log 上生产！用 Performance 和 Memory 告诉你为什么
    很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performance 和 Memory 工
    前端 JavaScript 浏览器
    千万别让 console.log 上生产！用 Performance 和 Memory 告诉你为什么
  • [1.3万字] 玩转前端二进制
    本文阿宝哥将按照以下的流程来介绍前端如何进行图片处理，然后穿插介绍二进制、Blob、Blob URL、Base64、Data URL、ArrayBuffer、TypedArray、DataView 和图片压缩相关的知识点。 还在犹豫什么？跟上阿宝哥的脚步，让我们一起来玩转前端二…
    JavaScript 前端
    [1.3万字] 玩转前端二进制
  • 会用 Performance 工具，就能深入理解 Event Loop
    网页加载后，浏览器会解析 html、执行 js、渲染 css，这些工作都是在 Event Loop 里完成的，理解了 Event Loop 就能理解网页的运行流程。 但很多人对 Event Loop
    前端 JavaScript Chrome
    会用 Performance 工具，就能深入理解 Event Loop