函数
-
js 数字金额转中文人民币字符串的方法
通过 JavaScript 把数字的金额比如 12345 转成 中文的金额 一万二千三百四十五元 ，要实现起来非常简单，其他的语言也是相同的道理，思路是一样的。 思路 获取长度，得到对应单位 截取第一个字符，得到中...
-
网页变灰、黑白的的代码示例 HTML CSS filter
在HTML中让网页变黑白、变灰有一个最佳的解决方案，就是通过CSS来调整。 在CSS3中有一个属性filter，翻译中文过滤器的意思，开源调整网页元素包括图像的效果。 网页灰色黑白 这样使整个页面的灰度100%，也就变成灰色、...
-
just-js 高性能 javascript 运行时
一个非常小的 v8 javascript 运行时，仅适用于 Linux。 在Techempower第21回测试中，获得第一名！！！ github地址： https://github.com/just-js/just 构建和运...
1 2372 3 javascript -
告别编程入门焦虑，这款APP让你轻松上手！
还在对着密密麻麻的代码发愁？还在为复杂的编程概念头疼？别担心，今天我要向你推荐一款能让你轻松入门编程的APP，它就像一位贴心的导师，手把手地带你进入编程的世界！ 谁适合这款APP？ 这款APP面向的是所有对编程感兴趣，但又苦于不知...
-
手把手教你DIY智能水培系统！用传感器解放双手，种菜也能高科技！
DIY智能水培系统：电子工程专业的种菜新玩法 嘿！各位电子工程专业的同学们，是不是还在为理论知识的实践应用发愁？今天咱们就来点刺激的——手把手教你打造一套智能水培系统，让你在种菜的同时，把传感器、电路设计、程序编写和数据分析玩个遍！ ...
-
如何用Arduino DIY一个智能浇花神器？下雨天自动停浇的那种！
告别“手残党”！用Arduino打造你的专属智能浇花系统 你是不是也经常忘记浇花，或者一不小心就浇多了，导致心爱的花花草草不是干枯而死，就是烂根say goodbye？别担心，今天就教你用Arduino，轻松DIY一个智能浇花系统，让...
-
别再让台灯刺眼了！用Arduino打造智能光感台灯，模拟日出日落，呵护你的双眼！
想象一下，结束一天的工作或学习，回到书桌前，迎接你的不是刺眼的灯光，而是一盏温柔、懂你的台灯。它能根据环境光线自动调节亮度，模拟日出日落，让你仿佛置身于自然光中，舒适又惬意。这，就是我今天要带你实现的——基于Arduino的光感智能台灯！...
-
用Arduino自制空气质量监测器？手把手教你！
用Arduino自制空气质量监测器？手把手教你！ 你是否也和我一样，每天早上醒来第一件事就是打开手机，看看今天的空气质量如何？尤其是在秋冬季节，雾霾频发，空气质量更是牵动着每个人的心。与其每天被动地接收信息，不如主动出击，自己动手制作...
-
手把手教你用Arduino打造智能宠物喂养系统！再也不用担心主子吃多吃少啦！
各位铲屎官们，你们是否也曾为自家主子的饮食问题操碎了心？是不是经常担心它们吃太多变成小胖猪，或者吃太少营养不良？今天，我就来教大家如何利用Arduino，DIY一个智能宠物喂养系统，让你的主子从此告别“饮食焦虑”！ 为什么需要智能宠物...
-
PWA 应用跨平台安全差异大揭秘, 这样做才能更安全!
PWA（Progressive Web App，渐进式 Web 应用）听起来很美好，一次开发，到处运行。但你有没有想过，在不同的浏览器和操作系统上，PWA 的安全性可能会有差异？别掉以轻心，这些差异可能会让你的 PWA 暴露在风险之中！今...
-
PWA 性能飞跃：Service Worker 优化实战，离线与速度双提升！
PWA 性能飞跃：Service Worker 优化实战，离线与速度双提升！ 想让你的 PWA 应用像原生 App 一样流畅？Service Worker 就是你的秘密武器！它不仅能让你的应用拥有强大的离线能力，还能大幅提升加载速度。...
-
前端性能优化新思路-WebAssembly原理、应用与实战指南
作为一名对前端性能有着极致追求的开发者，你是否经常遇到以下困境？JavaScript 在处理密集型计算任务时力不从心，页面卡顿、动画掉帧，用户体验大打折扣？各种优化手段用尽，效果却不尽如人意？那么，WebAssembly (简称 Wasm...
-
告别卡顿！用Intersection Observer轻松实现图片懒加载，速度提升不止一点点
网页加载速度慢，图片太多是元凶之一！特别是那种长长的页面，一堆高清大图，用户还没滚动到，它们就嗷嗷待哺地开始加载，白白浪费流量不说，还卡得人怀疑人生。今天，我就要跟你聊聊如何用Intersection Observer API，这个“黑科...
-
告别平庸！Houdini带你解锁CSS的无限可能
你是否厌倦了CSS一成不变的样式？是否渴望拥有更强大的自定义能力，让你的网页设计脱颖而出？那么，Houdini绝对是你不可错过的秘密武器！ 什么是Houdini？别怕，它不是魔术！ Houdini，又名CSS Houdini，它并...
-
告别JS！纯CSS动画高级玩法，让你的网站炫酷到没朋友！
作为一名资深前端er，我太懂你们了！每天和JavaScript、Vue、React打交道，是不是感觉头发越来越少？别慌，今天咱们换个口味，聊聊纯CSS动画！ 啥？CSS也能做动画？能做出啥花来？ 嘿嘿，你可别小瞧CSS！只要玩...
-
Houdini Animation Worklet?告别动画卡顿的秘密武器!
Houdini Animation Worklet?告别动画卡顿的秘密武器! 各位前端老司机们，是不是经常被页面上那些复杂的动画搞得焦头烂额？性能瓶颈、卡顿掉帧，简直是家常便饭。今天，咱们就来聊聊一个能让你摆脱这些困扰的神器：Houd...
-
CSS Houdini动画工作单元?让Web动画性能飞跃的秘诀
Houdini？你可能听说过这个名字，但它究竟能给你的Web动画带来什么翻天覆地的变化？今天，咱们就来聊聊CSS Houdini中的Animation Worklet API，看看它如何助力你打造高性能、自定义的动画效果，尤其是在实现复杂...
-
告别枯燥！Houdini Paint API：自定义背景图案，让你的网页“活”起来！
作为一名资深前端开发，我深知页面视觉效果的重要性。一个吸引人的网站，往往能在第一时间抓住用户的眼球。你是否也曾苦恼于CSS背景图案的单调，想要实现更炫酷、更具个性化的视觉效果？今天，我就带你一起探索CSS Houdini的Paint AP...
-
纯 CSS 实现瀑布流布局？Masonry Layout 了解一下！
在网页设计中，瀑布流布局以其灵动多变的视觉效果，深受设计师和用户的喜爱。想象一下，图片像瀑布一样倾泻而下，错落有致地排列，无需刻意对齐，就能营造出一种自然、活泼的氛围。过去，这种布局往往需要借助 JavaScript 才能实现，但现在，C...
-
Playwright Browser Contexts 在高并发场景下的妙用：提升系统稳定性与性能的秘诀
作为一名测试工程师，我经常需要模拟真实用户场景来测试Web应用的性能和稳定性。在高并发场景下，如何有效地模拟大量用户同时访问和操作，一直是困扰我的难题。最近，我深入研究了 Playwright 的 Browser Contexts 功能，...
