前端共1940篇 第95页
前端
排序
重绘与重排的区别
在网页渲染过程中，重绘（Repaint）和重排（Reflow）是两个重要的概念，它们描述了浏览器对DOM元素进行布局和渲染的不同阶段。 重排： 重排指的是浏览器计算和确定元素在页面中的位置和大小的过...
2年前解析JavaScript中的闭包和内存泄漏：真相与误解
在JavaScript开发领域，闭包常常被误解为导致内存泄漏的罪魁祸首。然而，这种说法并非完全准确。本文将深入探讨闭包和内存泄漏之间的关系，并通过具体的代码案例来证明闭包并不必然导致内存泄漏...
2年前
我是怎么做到开源系统中的前后端连通的？
大家好啊，又到了更新这篇专栏的时候了，即上一篇学成前端技术归来后又向大家介绍改系统中用到的技术： 那么如题所示，我是怎么封装前端的api并且拿取权限去调用后端的API呢？ 第一步，技术选型...
2年前
canvas绘制一个柱状图
我正在参加「掘金·启航计划」 前言 最近也是在学习canvas，跟着绘制了一个最基本柱状图，canvas是一个基于HTML5的绘图标准，提供了一系列的API可以用来绘制图形，包括直线、矩形、圆形、文本等...
2年前
网易云音乐大前端监控体系（Corona）建设实践-开篇
本文作者：轻山 网易云音乐大前端监控产品（代号：Corona）支持 Web、React Native、Node.js、Flutter、Android、iOS、Windows CEF 多种应用类型。当前已接入了网易集团包括云音乐在内数十个事...
2年前
我终于登上了这个榜单！与 Vue 3 和 React 正面 PK！和全世界框架同台比武！
大家好，我是 anuoua ，我写了个前端框架，叫 Unis，Github 。 前些天我终于把我的框架送上了这个榜单 js-framework-benchmark，相信很多人都知道这个榜单，这是目前前端框架衡量性能最受欢迎的...
2年前
推荐几款项目中常用的前端单测工具
前端测试工具 Karma Mocha Jest 前端单元测试是什么? 单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义，一般来说，要根据实际情况去判定其具...
2年前TypeScript 中的装饰器
装饰器是很棒的功能，许多库都是由装饰器组成的，比如 react 和 angular。这是一个很棒的概念 在本文中，我们将学习打字稿装饰器。 什么是 TypeScript 装饰器？ 装饰器基本上只是其核心的功能。...
2年前
2023年前端书单推荐
JS 《JavaScript高级程序设计》 作者: [美] Nicholas C. Zakas 出版社: 人民邮电出版社 译者: 李松峰 / 曹力 内容简介 本书是JavaScript 超级畅销书的最新版。ECMAScript 5 和HTML5 在标准...
2年前
同学：“这个 iframe 元素我咋获取不到啊？”
背景 故事起源于昨晚，我有个朋友问我了一个问题，场景是这样的。 他的页面自己写了一个 div，然后通过一些调用内嵌了一个外部的 iframe，这个 iframe 就是一个外部 ide，但是我们每次打开的时...
2年前? JavaScript冷饭系列：闭包，什么闭包？
嗨，大家好！这里是道长王jj~ ??♂️ 人家写“TCP三次握手”都那么多赞，我不管我也要，嘤嘤嘤 如果你用一个循环来设置多个 setTimeout 会发生什么呢？比如说，你想让它们分别在 1 秒、2 秒、...
2年前
Webpack 5.0 从零开始搭建 React 项目
前言 使用最新的 webpack5 一步一步从零搭建一个完整的 react18 + ts 开发和打包环境，配置完善的模块热替换以及构建速度和构建结果的优化。 初始化项目 先手动初始化一个基本的 react + ts 项...
2年前
ES6之变量声明面试进阶一网打尽
概要：'且夫水之积也不厚，其负大舟也无力'，基础的重要性不言而喻。在任何编程语言中最基础的语法莫过于变量，所有的存储计算都离不开它，虽然在不同的语言中对于变量的规范有所不同，但本质上...
2年前
初识useState，你有相同的疑惑吗？
首先，必须称赞一下React官方文档更新了, 虽然只是beta版，但是对于用户学习V18版本的React来说，可以说是新手福音。 这说明：hook写法被广泛应用，被广大的开发者所认可，Class写法被逐渐遗弃 ...
2年前
vue—cascader级联传递参数
碰到个需求需要用到级联选择器，就是想实现多选吧，这个选择器的难点就是传参的问题，后端如何接收这个参数，对接的时候不同后端要求传递的参数还不一样，我真的是无语。。。。，就拿这次传参做...
2年前
React中使用TS+useImperativeHandle+forwardRef正确姿势
在React中配合TS是最常见不过的事了，不过最近我在练习useImperativeHandle这个Hooks的时候，发现官网用的JS讲解的这个Hooks，而在TS中则会报这样的错。 Property 'setValue' does not exist on...
2年前JavaScript 中 console 有哪些 api
在JavaScript中，console对象提供了多个API用于在控制台输出信息、进行调试和性能分析等。下面是一些常用的console API： console.log(message1, message2, ...): 用于在控制台输出一般信息。 ...
2年前
Typescript: 类型保护之类型断言、类型谓词
在使用 ts 过程中，对于新手最怕出现 ts 告警，其中很多是因为类型保护导致的，本文梳理了关于类型保护的几种解法，欢迎阅读。 类型保护 首先通过一个例子来了解什么是类型保护。 interface Bir...
2年前
事件处理与委托基础
入手 <div class='爷爷'> <div class='爸爸'> <div class='儿子'> 文字 </div> </div> </div> // 给三个div分别添加事件监听fnYe/fnBa/fnEr 点击了谁？ 点...
2年前
如何理解 CSS step 函数中的 jump-* 关键词？
欢迎关注我的公众号：前端侦探 之前在这篇文章中：CSS 实现 Ant Design官网Logo彩蛋效果实现了一个鼠标 hover 效果，如下 原理其实很简单，就是一个 CSS 动画，使用的是steps阶梯函数，不断改变...
2年前