排序
V8是如何执行JavaScript代码的?
前言 一般来讲,电脑是不能直接运行我们的javascript代码的,它需要一个翻译程序将人类能够理解的编程语言 JavaScript,翻译成机器能够理解的机器语言。目前市面上有很多种 JavaScript 引擎,诸...
export/exports/export default/module.exports,傻傻分不清楚,到底在什么时候使用
一、引言 在 Node.js 中,模块是指实现某个功能的一组代码,可以被其他模块引用和复用。在编写模块时,我们通常需要将模块中的某些代码导出,以便其他模块可以使用它们。Node.js 中提供了多种导...
前端人工智能:canvas 绘制黑白棋子
上一节中,我们带大家简单介绍了 canvas 和它的一些很容易被忽略的特性,并且利用 canvas 绘制出了线条。但是在五子棋中,最重要的就是我们还得有棋子。我们的棋子是有黑、白两种样式的,而且还...
前端食堂技术周刊第 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 图片预览组件 前几天打算给博客添加一个图片预览的效果,可在网上找了半天也没找到合适的库,于是自己干脆自己手写了个。 最终实现效果如下: 实现原理 当鼠标点击图...
前端 SSR 由入门到入土
我正在参加「掘金·启航计划」 前端 SSR 由入门到入土(开始学习版本) 1. 引言 在现代前端开发中,随着前后端分离的趋势和对性能的追求,服务器端渲染(Server-Side Rendering,SSR)成为了一个...
吴恩达与 ChatGPT 提示工程教程学习笔记
4 月 28 日, Ng 联合 OpenAI 团队的 Isa 共同开发了名为 ChatGPT **Prompt Engineering for Developers 的课程, 旨在教给大家怎样在 GPT 模型写出优秀的 prompt. Introducing Large Language Mo...
你不知道的Js高级方法
前言 在Js中有一些比较冷门但是非常好用的方法,我在这里称之为高级方法,这些方法没有被广泛使用或多或少是因为存在一些兼容性的问题,不是所有的浏览器都读得懂的。这篇文章主要就是对这些方...
canvas 基础用法详解
简介 canvas 是H5新增的一个用于图形绘制的标签。 <canvas id='my-canvas' width='600' height='600'> 该浏览器版本不支持canvas标签 </canvas> </canvas>不可缺省 API及用法...
面试官:请你说下深、浅拷贝并且手写深、浅拷贝,我:你咋知道我只会这个?
一、引言 当我们需要在 JavaScript 中处理对象和数组时,经常需要使用对象和数组的复制功能。JS中有着两种复制方式:深拷贝和浅拷贝。两种方式的复制效果不同,适用场景也不同。 二、什么是浅拷...
1. Nest Cli 详解
我正在参加「掘金·启航计划」 关于 Nest Cli Nest CLI 是一个命令行工具,用于快速创建和管理 Nest.js 应用程序。它提供了一组命令,可以帮助开发人员快速生成模块、控制器、服务等代码文件,...
canvas封装Group对象
前言 学习目标 创建Group对象 知识点 集合 前情回顾 之前我们创建了Img对象,接下来我们建立Group对象。 1-Group对象的功能 Group 是二维图形的集合,它可以对这些图形进行管理,比如增删改查。...
使用 github Actions 自动化发布 npm 包
本文记录了本地发布一个 npm 包的流程,以及使用 github 仓库的 github Actions 来自动化发布包的方式, 并且记录了发布 npm 包以及编写的实践过程。本文比较适合没有尝试过 npm 包发布的同学,...
webpack原理解析(三)plugin机制
背景 在之前的文章中,我们了解到了webpack的打包机制和loader,loader 用于转换某些类型的模块,而plugin则可以用于执行范围更广的任务。包括:打包优化,资源管理,注入环境变量。插件目的在...
不可不知的前端工程化 —— 初识篇
背景 前端工程化的出现是为了应对前端开发的复杂性和多样性。随着前端技术的不断发展和变革,前端的业务逻辑逐渐变得复杂多样,企业对于前端的应用功能要求也跟着不断提高,例如优化开发流程、...
探索 React 中的无限滚动技术
限滚动已成为 Web 开发中的一种流行技术,可在处理大量数据时提供无缝和动态的用户体验。它允许用户无休止地滚动浏览内容,而无需显式分页或加载新页面。在这篇博客中,我们将探讨如何在 React ...
2 Nest.js Controller 解析:探索路由和请求处理的强大功能
Controller 它 主要是负责 特定路由请求处理并将响应结果返回给客户端。 每个控制器 它会有多个路由,不同路由对应不同的业务请求处理。 在 Nest 中, 创建一个 控制器,应该使用类 和 装饰...
Nodejs七、身份认证
Nodejs七、身份认证 1、Web 开发模式 (1)目前主流的 Web 开发模式 基于服务端渲染的传统 Web 开发模式 基于前后端分离的新型 Web 开发模式 (2)服务端渲染的 Web 开发模式 服务器发送给客户...
因为一个写法,我翻烂了vue源码,这是vue的问题吧,我要不要提pr!
问题背景 我已经老了。。。。 面对现在的观众不知该如何表达。既然这样的话 那...... 直接上代码吧: <template> <div> <div class='test' :style='[is ? {backgroundColor:'red...
logicflow流程图手把手入门教程(附demo)
本文正在参加「金石计划」 logicflow流程图入门教程(带demo) 线上demo 一、安装 npm i @logicflow/core npm i @logicflow/extension 二、基本使用 2-1、设置流程网格背景 1、导入配置文件 i...