代码编织梦想

【前端架构】前端通用架构-爱代码爱编程

一个强大的前端通用架构应该具备多种能力,以支持现代化的应用程序开发和提高开发效率。以下是一些前端通用架构应该具备的关键能力: 模块化和组件化:支持模块化开发和组件化架构,能够将应用拆分为独立的模块和组件,以便复用和维

使用 npm 工具高效更新项目依赖包-爱代码爱编程

团队内部会用工具定时检查包的最新版本并通知,以便我们及时跟进社区进展,避免和技术栈出现版本脱节导致无法使用最新特性和优化内容 这里只说明手动查看和更新包的主要几个命令。 npm outdated:检查项目中过时的依赖包及

前端架构: 脚手架命令行交互核心实现之inquirer和readline的应用教程-爱代码爱编程

命令行交互核心实现 核心目标:实现命令行行交互,如List命令行的交互呢比命令行的渲难度要更大,因为它涉及的技术点会会更多它涉及以下技术点 键盘输入的一个监听 (这里通过 readline来实现)计算命令行窗口的尺寸

react18源码: fiber树中的全局状态与双缓冲-爱代码爱编程

Fiber树构造 在React运行时中,fiber树构造位于 react-reconciler 包在正式解读 fiber 树构造之前,再次回顾一下renconciler的4个阶段 1.输入阶段:衔接reac

react18源码: schedule任务调度messagechannel-爱代码爱编程

React调度原理(scheduler) 在React运行时中,调度中心(位于scheduler包)是整个React运行时的中枢(其实是心脏),所以理解了scheduler调度,就基本掌握了React的核心React两大循

前端架构师需要具备哪些能力?_成为前端架构师的条件-爱代码爱编程

文章目录 公司一工作职责岗位要求 公司二岗位职责任职要求 公司三岗位职责任职要求 公司四工作职责任职要求 公司五职位职责任职要求 前端架构师需要具备的能力 我们先

three.js + react + echart(折线图 光线流动效果,柱状图数据动态更新动画) + svga-爱代码爱编程

Web应用之数据大屏 一、技术栈 React 17.0.0 搭建脚手架Eahcrt常规图表Svga动画3D模型-Three.Js大屏适配-目标大屏(4K -3840*2160) 二、React 17.0.0 脚手架

next.js 项目——从入门到入门(eslint+prettier)_next eslint-爱代码爱编程

Next.js官方文档地址 什么是 Next.js 这是一个用于生产环境的 React 框架。 Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript

浅析hooks,复杂前端业务解题之道_前端use hook-爱代码爱编程

hooks 大势所趋 2019年年初,react 在 16.8.x 版本正式具备了 hooks 能力,同年6月;尤雨溪在 vue/github-issues 里提出了关于 vue3 Component API 的提案(vu

unity-爱代码爱编程

目录 1.MVC(Model-View-Controller)模式 1.1示例一: 1.2示例2: 2.ECS (Entity-Component-System)模式  2.1示例1: 2.2示例二: 3.MVVM(Model-View-ViewModel)模式: 1.MVC(Model-View-Controller)模式

vite 4.3 性能巨大提升(beta.4阶段)_vite4 swc-爱代码爱编程

近日,Vite 团队核心成员“翠”在社交平台表示,他在 Windows 机器上对 Vite 4.3 进行了基准测试,其初始加载速度有了大幅提升!其中,Vite 4.3 的冷启动时间快了 3 倍,热启动时间也快了 1.3 倍。

单据架构—实现页面可配置化_会计单据配置出题技术-爱代码爱编程

本篇是对以前工作中的单据架构实现做的总结,目前工作中我负责的系统也从零开始实现了这套架构功能。 👉“单据”:金融、外贸行业术语,货运单据 👀以前做外贸行业的SaaS软件,表单字段数量之多,没接触过的人肯定难以想

reac学习之路(一) 组件之间的传值_react deafultprops-爱代码爱编程

近期对于react比较感兴趣 因为最近想要换工作 投递简历的时候发现一些高薪的或者大点的公司 对于react的应用更多点 所以往后就抽点时间把react在看看 之前也有学过 但是好多年没有用了 都忘记差不多了 好了 话不多说 开始我们的探索之路吧 学习react除了基本的语法 首先可能要明确的就是组件了 凡是涉及到组件的 立马想到的就是组件之间的通讯 r

从0到1构建react完整项目2022最新无坑版_从0到1纯手搭建一个react项目-爱代码爱编程

react更新很快,现在搜到的搭建react项目的博客,经常搭建到一半就卡住了,因此总结了一套从0到1构建react的方法,是对自己亲身实践项目的总结,也对研究学习使用react的小伙伴提供一点借鉴。 本文对大量博客

一文掌握js 事件循环(event loop)-爱代码爱编程

作为前端开发者,事件循环(Event Loop)是必须掌握的内容,它是前端极其重要的基础知识。在日常的工作或者面试中也是一个非常高频的话题。 理解 JavaScript 的事件循环往往伴随着宏任务和微任务、JavaScri

mac系统若依前后端分离版本(项目本地启动记录)_mac 运行ruoyi-爱代码爱编程

        若依前后端分离版本前端使用Vue、后端使用Java进行搭建。 前端启动步骤:         1、进入文件目录,和package.json的同级目录下执行安装依赖命令: npm install         2、安装依赖之后进行,进入到vue.config.js中进行代理配置,在target的位置写上 http://localh

「网站架构」前端模块化的工作原理和各种方法的分析及应用场景?_应用前端开发技术的技术原理和常用方法-爱代码爱编程

本期我们来聊一聊前端页面模块化, 模块化也是《前端架构需要解决的问题》中最后一个还没介绍的问题 ,也是前端架构问题中最为复杂的问题。 模块化的目的,是为了降低整体项目的工作量 也就是说页面中的部分内容是可以复用的。 模块化虽然看起来很美好, 但用不好的话,反而会变成累赘 。而且,现在的模块化方案其实还有很大的改进空间。 我们讨论以下几个问题 

windows商店的redis客户端g-爱代码爱编程

G-dis3(Windows、macOS、Ubuntu上跨平台的Redis客户端软件G-dis3)是采用纯C++语言开发的跨平台的Redis客户端。G-dis底层采用操作系统的socket Api,通过调用poll、MSG_PEEK来控制socket连接超时和做socket阻塞判断。 WIndows上的Redis客户端软件G-dis3支持二进制的key、

methods to improve code quality: domain model, design principles, design patterns-爱代码爱编程

A root cause of poor code 1 Embodiment of poor code We can enumerate the manifestations of a lot of poor-quality code, such as unintelligible names, super large classes, super l

基于react的富文本编辑器——braft editor使用_braft-爱代码爱编程

antd 是基于 Ant Design 设计规范实现的 高质量 React 组件库,倾向于只提供符合该规范且带有视觉展现的 UI 组件,也尽量不重复造轮子。 如果要在React项目中使用富文本编辑器,官方推荐使用 reac