最新内容

探索前端新世界:从零构建3D应用之旅

在当今技术日新月异的时代,前端开发已不再局限于传统的二维界面,三维应用正逐渐成为新的潮流。无论是游戏开发、虚拟现实,还是数据可视化,三维技术都以其独特的魅力吸引着越来越多的开发者。本文将带你踏上一段从零开始构建3D应用的旅程,通过一系列视频课程的学习,你将掌握如何使用现代前端技术,如Vite、React Three Fiber(R3F)等,来打造属于自己的三 …

成为资深前端开发人员的37个建议(二)

在成为资深前端开发人员的37个建议(一)中分享了部分成为资深前端开发人员的建议,这篇文章继续分享这些建议的第二部分,读懂第23条,受益匪浅!!!11. 总是将任务分解成可管理的任务。总是将项目分解成更小的任务,这将带来以下好处:使你免受感到不知所措的困扰。让你的拉取请求(PRs)更易于审查。提供一种进步感当你需要帮助时,要被信任去寻求帮助。开始时,你最首要的 …

从零开始开发一款 Vite 插件的全经过

引言在现代前端开发中,构建工具和插件的使用变得越来越普遍。作为一名开发者,我决定从零开始开发一款 Vite 插件——vite-plugin-zip-build。这篇文章将分享我在开发过程中的经历、遇到的挑战以及最终的成果。1. 项目背景随着前端技术的不断发展,Vite 作为一个快速的构建工具,受到了越来越多开发者的青睐。为了提高开发效率,我希望能够创建一个插 …

Gradio.NET:无前端经验者的Web应用开发利器

在当今的数字化时代,Web应用开发已成为许多项目不可或缺的一部分。然而,对于没有前端开发经验或资源的开发者来说,构建一个专业且用户友好的Web界面可能是一个巨大的挑战。这时,Gradio.NET这样的工具就显得尤为重要了。什么是Gradio.NET?Gradio.NET是一个强大的.NET库,它允许开发者快速构建Web应用界面,而无需具备深厚的前端开发经验。 …

在创业公司做技术开发的血泪经验 (已倒闭)

本文是创业公司开发者的一段心酸经历,提出了很多宝贵建议,希望能为后来者提供参考。背景长话短说,我在2022年6月加入了一家很小的创业公司。老板不太懂技术,也不太懂管理,靠着一腔热血加上对实体运输行业的了解,加上盲目的自信,贸然开始创业,后期经营困难,最终散伙。自己当时也是不察,贸然加入,后边公司经营困难,连最后几个月的工资都没给发。当时老板的要求就是尽力降低 …

Web Worker 性能优化初体验 web性能实战

以下文章来源于腾讯IMWeb前端团队 ,作者chelsey背景近期在做用户回放系统需求,其中有一环是从 indexedDB 中读取日志并做上报。然而,由于日志的数据量太大,计算处理 indexedDB 的数据比较耗时,容易造成阻塞,导致用户浏览器卡顿。为了解决这个问题,我们想了几种优化手段:使用 Web Worker 读取数据并处理。分片读取、定时轮询、异常 …

前端项目时因chunk-vendors过大导致首屏加载太慢的优化

因app首页加载不流畅,于是去检查首页加载项的耗时,最终发现是前端加载时js文件太大,导致首页加载太慢,于是选择了以下方案进行优化。一、安装compression-webpack-plugin插件。前端将文件打包成.gz文件,然后通过nginx的配置,让浏览器直接解析.gz文件,可以大大提升文件加载的速度。1.npm使用下面命令安装npm install - …

Web性能的计算方式与优化方案(一)

?性能优化是个大课题,涉及到了网络、操作系统、Web等一系列知识,每个环节都可以借助相关技术?段来进行优化,所以系统性地围绕一个web页面从请求到展示,到交互的全过程每个环节的知识点去学习,去思考可以每个环节可以做什么优化,然后借助各类网页指标分析去衡量页面性能,那么我们也一定能开发出性能优异的页面,同时面试的时候,与性能相关的问题也是能手到擒来。?关于性能 …

前端开发中,对图片的优化技巧有哪些?

按照先后顺序有以下:1. 去掉无意义的修饰。嗯,我会瞎说吗?除了内容图片,其他的图片的作用是修饰,也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片!所以在优化之前要做的,首先是确认设计,设计本身是否需要用那么多图片?还是说可以更简洁?2. 不用图片。嗯,切图是一件扯淡的事情!不要隔靴搔痒了少年,直接使用CSS替代图片来实现修饰效果吧!如半透明、 …

一次前端性能优化——性能得分从56到96

作者:NewNamehttps:juejin.cnpost7273072756156235834最近看了一篇前端性能优化的文章,之前也没搞过性能优化,就学习了一下。要想搞性能优化,得知道都有哪些和性能相关的指标,得知道有什么工具可以量化地评估网站的性能表现,还得知道怎么进行优化、优化的思路都有啥。学了一波,决定用Lighthouse这款性能测试工具来评估一下 …