文章 2025-05-15 来自:开发者社区

构建高性能图像处理Web应用:Next.js与TailwindCSS实践

前言 在前端开发领域,图像处理应用一直是技术与用户体验结合的典范。随着WebAssembly和现代JavaScript框架的发展,浏览器端图像处理已经能够达到接近原生应用的性能表现。本文将分享我在构建一个在线图像黑白转换工具时的技术选择、架构设计和性能优化经验,希望对从事相关领域开发的工程师有所启发。 技术栈选择 在项目初期,我们面临着框架...

文章 2024-11-29 来自:开发者社区

高性能的纯Js滚动条美化插件smooth-scrollbar

smooth-scrollbar是一款高性能的纯JavaScript滚动条美化插件。该滚动条为现代浏览器而制作,它具有高性能,自由配置,平滑滚动等特点,支持各种现代桌面浏览器和手机设备。 在线演示 下载 安装可以通过 npm 或 bower 来安装在该滚动条插件。 npm install smooth-scrollbar --save b...

高性能的纯Js滚动条美化插件smooth-scrollbar
文章 2022-06-26 来自:开发者社区

Velocity.js:一个简单易用、高性能、功能丰富的轻量级JS动画库

最近在尝试使用 Vue3 + Vuex4 + Ant Design2 开发一个管理系统,在实现路由切换动画效果时候,无意发现一个轻量级脚本库:Velocity.js。简介Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。能与 jQuery 完美配合,并和 $.animate() 有相同的 API, 它可以不依赖 jQuery,可单独使用。Velocity 不仅包含了 $.an....

Velocity.js:一个简单易用、高性能、功能丰富的轻量级JS动画库
文章 2022-02-16 来自:开发者社区

高性能JS--比较nextSibling,ChildNodes,Children速度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <hea....

文章 2022-02-16 来自:开发者社区

高性能JavaScript模板引擎template.js原理解析

artTemplate是新一代javascript模板引擎,它在v8中的渲染效率可接近javascript性能极限,在chrome下渲染效率测试中分别是知名引擎Mustache与micro tmpl的25/32倍(性能测试);artTemplate的模板还支持使用自动化工具预编译; artTemplate的库分为两种,一个是template.js(采用"{{ }}"),一个是template-n....

文章 2017-11-13 来自:开发者社区

高性能JS--载入脚本并执行

一般现代浏览器通过侦听事件获得脚本加载完成时的状态 var script = document.createElement('script'); script.type = 'text/javascript';//Firefox, Chromescript.onload = function(){  &nbs...

文章 2017-09-06 来自:开发者社区

读书笔记 -- 高性能网站建站指南(JS篇)

本文目的 最近项目开发到一定阶段了,大部分需求已经完成,可以将精力放到Web性能优化上。首先从前端js入手,找来这本书《高性能网站建站指南》作为指导。周末在家将所有JS相关的优化点阅读了一边,现在记录下要点,作为备忘。 主要有四点需要优化的地方: 将脚本放到底部(Rule 6: Put Scripts at the Bottom) 将JS和CSS放到页面外部(Rule 8: Make Jav...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注