前端共1940篇 第93页
前端
V8是如何执行JavaScript代码的?-五八三

V8是如何执行JavaScript代码的?

前言 一般来讲,电脑是不能直接运行我们的javascript代码的,它需要一个翻译程序将人类能够理解的编程语言 JavaScript,翻译成机器能够理解的机器语言。目前市面上有很多种 JavaScript 引擎,诸...
export/exports/export default/module.exports,傻傻分不清楚,到底在什么时候使用-五八三

export/exports/export default/module.exports,傻傻分不清楚,到底在什么时候使用

一、引言 在 Node.js 中,模块是指实现某个功能的一组代码,可以被其他模块引用和复用。在编写模块时,我们通常需要将模块中的某些代码导出,以便其他模块可以使用它们。Node.js 中提供了多种导...
前端人工智能:canvas 绘制黑白棋子-五八三

前端人工智能:canvas 绘制黑白棋子

上一节中,我们带大家简单介绍了 canvas 和它的一些很容易被忽略的特性,并且利用 canvas 绘制出了线条。但是在五子棋中,最重要的就是我们还得有棋子。我们的棋子是有黑、白两种样式的,而且还...
前端食堂技术周刊第 86 期:Remix 拥抱 RSC、2023 React 生态系统、从 0 实现 RSC、字节跳动 Mobile DevOps 工程实践-五八三

前端食堂技术周刊第 86 期:Remix 拥抱 RSC、2023 React 生态系统、从 0 实现 RSC、字节跳动 Mobile DevOps 工程实践

美味值:????? 口味:椰子水 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly 本期摘要 Remix 拥抱 RSC WebContainers 原生支持 npm、yarn 和 pnpm 2023 React 生态系统 从 0 实现 RS...
手写一个 React 图片预览组件-五八三

手写一个 React 图片预览组件

原文链接: 手写一个 React 图片预览组件 前几天打算给博客添加一个图片预览的效果,可在网上找了半天也没找到合适的库,于是自己干脆自己手写了个。 最终实现效果如下: 实现原理 当鼠标点击图...
admin的头像-五八三admin2年前
070

前端 SSR 由入门到入土

我正在参加「掘金·启航计划」 前端 SSR 由入门到入土(开始学习版本) 1. 引言 在现代前端开发中,随着前后端分离的趋势和对性能的追求,服务器端渲染(Server-Side Rendering,SSR)成为了一个...
admin的头像-五八三admin2年前
020
吴恩达与 ChatGPT 提示工程教程学习笔记-五八三

吴恩达与 ChatGPT 提示工程教程学习笔记

4 月 28 日, Ng 联合 OpenAI 团队的 Isa 共同开发了名为 ChatGPT **Prompt Engineering for Developers 的课程, 旨在教给大家怎样在 GPT 模型写出优秀的 prompt. Introducing Large Language Mo...
admin的头像-五八三admin2年前
0930
你不知道的Js高级方法-五八三

你不知道的Js高级方法

前言 在Js中有一些比较冷门但是非常好用的方法,我在这里称之为高级方法,这些方法没有被广泛使用或多或少是因为存在一些兼容性的问题,不是所有的浏览器都读得懂的。这篇文章主要就是对这些方...
canvas 基础用法详解-五八三

canvas 基础用法详解

简介 canvas 是H5新增的一个用于图形绘制的标签。 <canvas id='my-canvas' width='600' height='600'> 该浏览器版本不支持canvas标签 </canvas> </canvas>不可缺省 API及用法...
admin的头像-五八三admin2年前
0100
面试官:请你说下深、浅拷贝并且手写深、浅拷贝,我:你咋知道我只会这个?-五八三

面试官:请你说下深、浅拷贝并且手写深、浅拷贝,我:你咋知道我只会这个?

一、引言 当我们需要在 JavaScript 中处理对象和数组时,经常需要使用对象和数组的复制功能。JS中有着两种复制方式:深拷贝和浅拷贝。两种方式的复制效果不同,适用场景也不同。 二、什么是浅拷...
1. Nest Cli 详解-五八三

1. Nest Cli 详解

我正在参加「掘金·启航计划」 关于 Nest Cli Nest CLI 是一个命令行工具,用于快速创建和管理 Nest.js 应用程序。它提供了一组命令,可以帮助开发人员快速生成模块、控制器、服务等代码文件,...
admin的头像-五八三admin2年前
0310
canvas封装Group对象-五八三

canvas封装Group对象

前言 学习目标 创建Group对象 知识点 集合 前情回顾 之前我们创建了Img对象,接下来我们建立Group对象。 1-Group对象的功能 Group 是二维图形的集合,它可以对这些图形进行管理,比如增删改查。...
使用 github Actions 自动化发布 npm 包-五八三

使用 github Actions 自动化发布 npm 包

本文记录了本地发布一个 npm 包的流程,以及使用 github 仓库的 github Actions 来自动化发布包的方式, 并且记录了发布 npm 包以及编写的实践过程。本文比较适合没有尝试过 npm 包发布的同学,...
webpack原理解析(三)plugin机制-五八三

webpack原理解析(三)plugin机制

背景 在之前的文章中,我们了解到了webpack的打包机制和loader,loader 用于转换某些类型的模块,而plugin则可以用于执行范围更广的任务。包括:打包优化,资源管理,注入环境变量。插件目的在...
admin的头像-五八三admin2年前
050

不可不知的前端工程化 —— 初识篇

背景 前端工程化的出现是为了应对前端开发的复杂性和多样性。随着前端技术的不断发展和变革,前端的业务逻辑逐渐变得复杂多样,企业对于前端的应用功能要求也跟着不断提高,例如优化开发流程、...

探索 React 中的无限滚动技术

限滚动已成为 Web 开发中的一种流行技术,可在处理大量数据时提供无缝和动态的用户体验。它允许用户无休止地滚动浏览内容,而无需显式分页或加载新页面。在这篇博客中,我们将探讨如何在 React ...
admin的头像-五八三admin2年前
0120
2 Nest.js Controller 解析:探索路由和请求处理的强大功能-五八三

2 Nest.js Controller 解析:探索路由和请求处理的强大功能

Controller  它 主要是负责 特定路由请求处理并将响应结果返回给客户端。 每个控制器 它会有多个路由,不同路由对应不同的业务请求处理。 在 Nest  中, 创建一个 控制器,应该使用类 和 装饰...
admin的头像-五八三admin2年前
050
Nodejs七、身份认证-五八三

Nodejs七、身份认证

Nodejs七、身份认证 1、Web 开发模式 (1)目前主流的 Web 开发模式 基于服务端渲染的传统 Web 开发模式 基于前后端分离的新型 Web 开发模式 (2)服务端渲染的 Web 开发模式 服务器发送给客户...
admin的头像-五八三admin2年前
040
因为一个写法,我翻烂了vue源码,这是vue的问题吧,我要不要提pr!-五八三

因为一个写法,我翻烂了vue源码,这是vue的问题吧,我要不要提pr!

问题背景 我已经老了。。。。 面对现在的观众不知该如何表达。既然这样的话 那...... 直接上代码吧: <template> <div> <div class='test' :style='[is ? {backgroundColor:'red...
logicflow流程图手把手入门教程(附demo)-五八三

logicflow流程图手把手入门教程(附demo)

本文正在参加「金石计划」  logicflow流程图入门教程(带demo) 线上demo 一、安装 npm i @logicflow/core npm i @logicflow/extension 二、基本使用 2-1、设置流程网格背景 1、导入配置文件 i...