前端flex

前端大屏触摸签名实现

参考：JavaScript实现手写签名，可触屏手写，支持移动端与PC端双端保存_js手写签名-CSDN博客https://www.cnblogs.com/smileZAZ/p/17219400.html1.新建一个canvas元素获取canvas上下文，绘制初始矩形，设置高度宽度，初始绘制位置0,0//创建上下文constctx=canvas.getContext('2d')2.监听touchst

风无雨·2025-03-16 15:30

Linux--gnome

MzKyle·2025-03-16 12:15

第四章：高级特性与最佳实践 - 第四节 - Tailwind CSS CSS 提取和打包优化

在现代前端工程中，CSS的提取和打包优化对于项目性能至关重要。本节将详细介绍如何在使用TailwindCSS的项目中实现CSS的高效提取和打包优化。

·2025-03-16 12:27

如何设计一个高并发的秒杀架构？

这个问题看似简单，但是里面的水很深，它考查的是高并发场景下，从前端到后端多方面的知识。

老程不秃·2025-03-16 12:42

【电商项目】-设置跨域配置实现前后端分离

前言最近在开发前后端分离的电商项目，前端框架是VUE，后端是我们熟悉的springboot框架，做过前后端分离项目的同学，‍肯定晓得我们项目会存在跨域请求的问题，下面贴出项目中的配置类，来解决跨域请求问题

总是幸福的老豌豆·2025-03-16 12:39

程序调用Sql Server存储过程超时，但是数据库执行存储过程无异常的问题剖析

在前端程序调用存储过程时出现执行超时，而直接在数据库中执行存储过程没有问题，这种情况可能与以下几个因素有关：1.查询计划缓存和参数嗅探SQLServer会为存储过程生成并缓存查询计划，以便在后续执行时提高性能

.Net 爱好者·2025-03-16 12:39

ARM N2微架构介绍

前端Front-End前端的设计相比较前代可以说是巨大提升，预测和取指依然是

「已注销」·2025-03-16 11:05

js中的export、import、export default等导入导出全解

前端因为规范不同，所以不同的环境会有不同的导入导出方法，因为经常弄混所以特地记一下方便以后查阅记忆，本笔记都是自己总结或查阅资料得出，如有错误请帮忙指出。

庸懒·2025-03-16 11:03

html-to-image的使用及图片变形和无图问题修复

html-to-image的使用及图片变形和无图问题修复最近迭代的时候因为新增了一个需求，需要前端提供素材及样式给后端，后端同步渲染，但是因为部分样式问题后端无法实现所以决定前端将页面生成图片然后传递给后端使用

庸懒·2025-03-16 10:00

带你深入了解防抖Debounce和节流Throttle

前言：防抖（Debounce）和节流（Throttle）是两种在前端开发中常用的优化技术，它们主要用于处理频繁触发的事件（如滚动、窗口调整大小、键盘输入等），以减少不必要的计算，从而提高性能和优化用户体验

全马必破三·2025-03-16 08:15

Web三要素：CSS之Flex/Grid布局(4)

CSS布局革命：Flex与Grid的双子星战法文章目录CSS布局革命：Flex与Grid的双子星战法一、布局进化史：从洪荒时代到现代文明二、Flex布局：一维空间的舞蹈家2.1核心概念深度解析容器属性详解

双囍菜菜·2025-03-16 08:42

N个utils(处理日期)

解释一下为什么会在java学习教程中放js的代码.1,最直接的肯定是我有时候会写js,而一些经典的逻辑,又不想新开前端文章,索性就放一起.2,java的面向对象太完善了,这也是我写文章的原因,导致写java

庖丁解java·2025-03-16 05:23

这些 JavaScript 编码习惯，让你最大程度提高你的项目可维护性！

很多人学习前端，可能是从各种不同的渠道获

快乐非自愿·2025-03-16 04:48

前端开发：Web蜜罐详解

对于前端开发人员来说，不仅要关注代码的性能和用户体验，还需要具备应对安全威胁的能力。

三掌柜666·2025-03-16 03:10

Angular 16 Standalone 项目创建指南

在前端开发领域，Angular一直是一个强有力的框架，尤其是在处理复杂的单页应用时。随着Angular16的发布，引入了Standalone组件的概念，这为开发者提供了一种新的方式来组织和管理组件。

t0_54program·2025-03-16 03:10

前端面试：axios 是否可以取消请求？

在实际工作中，取消请求的场景通常出现在以下几种情况中：用户导航离开页面：如果用户在请求数据的过程中快速切换到另一个页面，可以通过取消未完成的请求来优化性能。输入框的搜索提示：当用户在输入框中输入内容时，可以结合防抖的方式取消之前的请求，从而只保留最新的请求，避免发送过多的请求。取消请求的实现方式Axios提供了CancelToken的功能来实现请求的取消。以下是具体的代码示例：importaxio

returnShitBoy·2025-03-16 02:01

如何快速开发一款AI小程序？基于微信云开发的实战指南

通过微信云开发（CloudBase）与小程序结合，开发者可以实现从前端到后端的一站式AI应用开发。本文将深入讲解如何利用微信云开发快速搭建一款AI小程序，展示从模型训练到云端部署的完整流程。

一键难忘·2025-03-16 00:21

Sass：深度解析与实战应用

在前端开发的浪潮中，CSS预处理器因其强大的功能和灵活性而备受推崇。其中，Sass（SyntacticallyAwesomeStylesheets）无疑是这些预处理器中的佼佼者。

li_Michael_li·2025-03-16 00:18

深入理解 GPU 渲染加速与合成层（Composite Layers）

一、前端视角下的GPU加速1.CPU与GPU的协作模式在前端渲染流程中，GPU加速通过硬件并行计算能力显著提升图形处理效率。

·2025-03-16 00:16

【CSS 面经】如何画一条 0.5px 的线 ️

在前端开发中，我们经常会遇到这样一个问题：如何画一条0.5px的线？由于像素是浏览器渲染

Peter-Lu·2025-03-15 23:41

前端CSS：CSS画一条0.5px的线的方法

前端CSS：CSS画一条0.5px的线的方法引言基本概念和作用说明基本概念作用说明示例一：使用`transform:scale()`方法代码示例说明示例二：使用透明度技巧代码示例说明示例三：使用伪元素代码示例说明示例四

DTcode7·2025-03-15 23:40

CSS伸缩盒模型(弹性盒子)

伸缩盒模型（Flexbox，FlexibleBoxLayout）是CSS中一种一维布局模型，用于更高效地处理元素的对齐、分布和响应式布局。

申朝先生·2025-03-15 23:39

HTML5前端页面设计,HTML5网页前端设计

HTML5网页前端设计编辑锁定讨论上传视频《HTML5网页前端设计》是2017年6月清华大学出版社出版的图书，作者是周文洁。

设计师马丁·2025-03-15 22:02

AI人工智能对前端的冲击？

‌AI人工智能对前端开发的冲击主要体现在以下几个方面‌：‌代码生成与自动化‌：AI工具如GPT-4和GitHubCopilot能够自动生成高质量的前端代码，从简单的组件到复杂的应用程序，这不仅提高了开发效率

理想不理想v·2025-03-15 22:32

浅析AI对前端程序员工作的威胁和机遇

这几年，AI技术发展得很快，尤其是像ChatGPT这种工具，搞得不少前端程序员开始担心饭碗问题。这种担心倒也不是没道理，因为AI确实在某些方面很“卷”，但咱们换个角度想想，也许这背后藏着更多的机会呢？

minstbe·2025-03-15 22:31

数字马力ai面试题

有关前端工程化的工具前端工程化是指将前端开发过程中的各种任务自动化、流程化、标准化，以提高开发效率、代码质量和可维护性。在前端工程化中，通常会用到一些工具来辅助完成各种任务，比如构建、测试、部署等。

泠波·2025-03-15 21:29

webpack5（Module Federation）+vue3.0实现微前端

项目源码地址：https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是微前端微前端是一个比较宏观的概念，他的核心就是独立，开发独立、部署独立，比较适合大的团队来进行重量级项目开发

weixin_42140041·2025-03-15 21:57

物联网设备数据流转之搭建环境：开源高性能分布式支持SQL的时序数据库TDengine

目前几个核心表，单表数据已过亿，虽然通过索引优化、SQL优化以及读写分离等措施，勉强满足基本的查询，能在秒级给出数据；但是一方面当前MySQL数据表索引的大小甚至超过了数据大小，这样下去肯定不行；另一方面来自于前端感知设备的数据量还在持续增加

Heartsuit·2025-03-15 21:27

【前端拓展】Canvas性能革命！WebGPU + WebAssembly混合渲染方案深度解析

为什么需要混合方案？真实场景痛点分析：传统WebGL在高频数据更新时存在CPU-GPU通信瓶颈JavaScript的垃圾回收机制导致渲染卡顿复杂物理模拟（如SPH流体）难以在单线程中实现技术选型对比：graphLRA[计算密集型任务]-->B[WebAssembly]C[图形渲染任务]-->D[WebGPU]B-->E[共享内存]D-->E️环境搭建全流程1.WebGPU环境配置#启用Chrome

爱上大树的小猪·2025-03-15 21:24

【商城实战(22)】商城性能优化秘籍：从前端到后端的实战攻略

【商城实战】专栏重磅来袭！这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。无论是想深入钻研技术细节，还是探寻商城运营之道，本专栏都能提供从0到1的系统讲解，助力你打造独具竞争力的电商平台，开启电商实战

奔跑吧邓邓子·2025-03-15 21:23

FastAPI安全防护指南：构建坚不可摧的参数处理体系

扫描二维码关注或者微信搜一搜：编程智域前端至全栈交流与成长探索数千个预构建的AI应用，开启你的下一个伟大创意第一章：输入验证体系1.1类型安全革命frompydanticimportBaseModel,

qcidyu·2025-03-15 19:38

SvelteKit 最新中文文档教程（3）—— 数据加载

前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。

·2025-03-15 18:36

让 Deepseek 写一个计算器（网页）

完整代码简单计算器body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height

—Qeyser·2025-03-15 17:27

【SpringMVC】常用注解：@RequestParam

1.作用如果控制器标注的方法的参数名称与前端传递过来的参数名称不一致，使得SpringMVC无法自动启动，那么我们可以使用该注解实现前后端参数的绑定。

字节源流·2025-03-15 17:23

CSS:不设定高度的情况,如何让flex下的两个元素的高度一致

方法1：使用align-items:stretch（默认行为）flex容器的默认行为是align-items:stretch，这意味着子元素的高度会自动拉伸到与容器高度一致。

25号底片~·2025-03-15 16:52

六十天前端强化训练之第十七天React Hooks 入门：useState 深度解析

=====欢迎来到编程星辰海的博客讲解======看完可以给一个免费的三连吗，谢谢大佬！目录一、知识讲解1.Hooks是什么？2.useState的作用3.基本语法解析4.工作原理5.参数详解a)初始值设置方式b)更新函数特性6.注意事项7.类组件对比8.常见问题解答二、核心代码示例三、实现效果四、学习要点总结五、扩展阅读推荐官方文档优质文章推荐学习路径进阶资源六、实践步骤一、表单输入控制二、动态

编程星辰海·2025-03-15 16:50

深入解析React 18核心特性：构建未来级Web应用的全面指南

一、React18的里程碑意义React18作为近年来最具革命性的版本更新，标志着前端开发正式进入并发渲染时代。这个版本不仅带来了底层架构的革新，更重新定义了现代Web应用的性能标准与开发范式。

斯~内克·2025-03-15 16:50

深入解析 React Diff 算法：原理、优化与实践

深入解析ReactDiff算法：原理、优化与实践1.引言React作为前端领域的标杆框架，采用虚拟DOM（VirtualDOM）来提升UI更新性能。

赵大仁·2025-03-15 16:17

前端面试题---vue项目打包时, 内存不足了怎么办为什么会出现这样的情况

Vue项目打包时如果出现内存不足（OOM，OutofMemory）简称就是OOM，通常是因为项目代码量较大、依赖过多、打包时Webpack需要处理的文件过多，导致Node.js运行时超出了默认的内存限制。一、为什么会出现内存不足？项目过大：项目代码文件过多，Webpack需要处理的内容太多。第三方库过多：node_modules体积过大，依赖库多且未进行优化。SourceMap过大：默认produ

*星之卡比*·2025-03-15 15:16

深入解析 React 最新特性：革新、应用与最佳实践

赵大仁·2025-03-15 15:13

我与DeepSeek读《大型网站技术架构》- 大型网站架构技术一览与Web开发技术发展历程

文章目录大型网站架构技术一览1.前端架构2.应用层架构3.服务层架构4.存储层架构5.后台架构6.数据采集与监控7.安全架构8.数据中心机房架构Web开发技术发展历程一、静态HTML阶段二、CGI脚本模式阶段三

诺亚凹凸曼·2025-03-15 15:06

我与DeepSeek读《大型网站技术架构》（4）

1.高性能架构的优化层级(1)前端性能优化目标：减少用户端请求延迟，提升页面加载速度。核心策略：减少HTTP请求：合并CSS/JS文件、使用CSSSprites（雪碧图）。

诺亚凹凸曼·2025-03-15 15:35

2024前端Webpack面试题

1、谈谈你对Webpack的理解Webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，Webpack有对应的模块加载器，而且会分析模块间的依赖关系，最后合并生成优化的静态资源。2、Webpack的基本功能代码转换：Type

司宁·2025-03-15 14:02

【pptx-preview】react+pptx预览

pptx前端预览插件pptx-preview-npm1.插件使用letpptxPreviewer:any=null;constdom:any=document.getElementById(`pptx-wrapper

起来改bug·2025-03-15 12:49

HarmonyOS 实战开发 —— 基于HMRouter的路由跳转方案

看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？

CTrup·2025-03-15 12:16

web前端开发工程师工作的岗位职责（合集）

web前端开发工程师工作的岗位职责1职责：1、根据设计图进行前端页面开发并设计编写业务交互脚本2、优化前端页面，保证良好的用户体验以及不同浏览器的兼容性3、web前沿技术研究和新技术调研，将主流的特效应用到业务场景中

极客11·2025-03-15 12:15

使用flask快速搭建web应用

二、使用步骤1.引入包2.简单的服务端应用程序3.添加用于显示折线图代码4.在templates目录下，创建用于渲染的line-simple.html页面5.完整的代码结构前端代码后端代码总结前言在数据处理分析过程中

alex190824·2025-03-15 11:36

odoo-040 odoo17前端的js方法调用后端py方法action报错

文章目录问题描述梳理写法xml写法前端方法后端action的写法错误解释问题描述在前端的kanban视图上添加了几个自定义按钮，按钮点击可以跳转到对应的tree视图，在写按钮调用方法的时候报错如下：前端调用后端

Sapphire～·2025-03-15 10:59

我的创作纪念日

机缘在前端开发的广袤天地中，我的创作之旅始于一次充满挑战与机遇的契机。初涉前端领域时，面对复杂多变的项目需求和飞速更新的技术栈，我深刻感受到知识的浩瀚无边，也意识到自身能力的不足。

我爱学习_zwj·2025-03-15 10:59

Vue.js的内联样式绑定：style的多种用法

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者

阿珊和她的猫·2025-03-15 09:21

推荐频道