正在加载视频...

视频加载失败

返回首页

JS sourcemaps are so cool sourcemaps are "mappings" of generated code (JS that runs on your browser) to the original source

aidenybai's profile picture

Aiden Bai

69,977 subscribers

179,316 次观看 • 1 年前 •via X (Twitter)

科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO
0:15

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

52,889 次观看 • 3 年前

Want to reverse the source of a JS app? Typical unminifiers struggle with statement sequencing, JSX lowering, and other bundler/minifier shenanigans like (0, m.f)(xx) Pionxzh's Wakaru unpacks modules, formats the code, then runs AST transforms to recover intent, recovering readability where possible. Demo video 👇
0:11

Want to reverse the source of a JS app? Typical unminifiers struggle with statement sequencing, JSX lowering, and other bundler/minifier shenanigans like (0, m.f)(xx) Pionxzh's Wakaru unpacks modules, formats the code, then runs AST transforms to recover intent, recovering readability where possible. Demo video 👇

Herrington Darkholme

11,570 次观看 • 4 个月前

Modulo is dropping this month -Fully on-chain collection -Real-time Interactive app -Burn-to-mint animated composition -Up to 8 users per composition -HTML/JS renderer on Ethereum — paste any tokenURI in a browser, it runs -0.0069 ETH More info Drop your wallet bellow
0:19

Modulo is dropping this month -Fully on-chain collection -Real-time Interactive app -Burn-to-mint animated composition -Up to 8 users per composition -HTML/JS renderer on Ethereum — paste any tokenURI in a browser, it runs -0.0069 ETH More info Drop your wallet bellow

ubk

35,675 次观看 • 3 个月前

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.
0:15

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.

Peter Thomson

27,048 次观看 • 7 个月前

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO
0:18

I wanted to create a broken glass effect with WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

43,711 次观看 • 1 年前

A generative character project on Ethereum Built with P5.js and fully open source on GitHub Early birds catch the alpha 👇🏼 Welcome to BlockHeadz
0:14

A generative character project on Ethereum Built with P5.js and fully open source on GitHub Early birds catch the alpha 👇🏼 Welcome to BlockHeadz

BLOCKHEADZ

13,964 次观看 • 2 个月前

New #WebGL pattern! A Voronoi diagram (love it) with eyes calculated over the polar coordinates of each cell. No images or graphic libs here, just a #GLSL shader wrapped with JS Live demo & source code: Hosted on CodePen.IO Special thx to The Book of Shaders
0:13

New #WebGL pattern! A Voronoi diagram (love it) with eyes calculated over the polar coordinates of each cell. No images or graphic libs here, just a #GLSL shader wrapped with JS Live demo & source code: Hosted on CodePen.IO Special thx to The Book of Shaders

Ksenia Kondrashova

35,396 次观看 • 2 年前

It's October, my dudes! I've redone one of my fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IO
0:18

It's October, my dudes! I've redone one of my fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

99,480 次观看 • 2 年前

Good Morning 🌼 "Atomic Bitcoin Butt Flowers" ...are not static JPEGs, they are complex p5.js applications that respond in real-time to Bitcoin's network activity. Find out more and how to get your WL spot here: Enjoy ur Sunday 🧡🫵🏼
0:13

Good Morning 🌼 "Atomic Bitcoin Butt Flowers" ...are not static JPEGs, they are complex p5.js applications that respond in real-time to Bitcoin's network activity. Find out more and how to get your WL spot here: Enjoy ur Sunday 🧡🫵🏼

Fab44

11,147 次观看 • 1 年前

Recently Theo - t3.gg told me "TANSTACK Start will be the future of full-stack JS" so we went ahead and integrated Tidewave with it. Give your favorite coding agent access to TanStack's server logs, let it detect and fix error pages, and drive UI changes directly from the browser!
0:19

Recently Theo - t3.gg told me "TANSTACK Start will be the future of full-stack JS" so we went ahead and integrated Tidewave with it. Give your favorite coding agent access to TanStack's server logs, let it detect and fix error pages, and drive UI changes directly from the browser!

José Valim

33,337 次观看 • 7 个月前

added video support to the cmyk halftone emulator! — it's free & open-source, runs in your browser — tons of controls — can record the result into webm or just save the image
0:18

added video support to the cmyk halftone emulator! — it's free & open-source, runs in your browser — tons of controls — can record the result into webm or just save the image

daniel petho

59,752 次观看 • 9 个月前

You may have noticed that search on the Visual Studio Code website has gotten a lot quicker lately. In our latest blogpost, João Moreno breaks down the engineering process behind docfind, a search engine we built that runs entirely in your browser using WebAssembly:
0:16

You may have noticed that search on the Visual Studio Code website has gotten a lot quicker lately. In our latest blogpost, João Moreno breaks down the engineering process behind docfind, a search engine we built that runs entirely in your browser using WebAssembly:

Visual Studio Code

73,479 次观看 • 7 个月前

We are the best FPS on PumpFun. Every kill pays. Every death costs. Pure skill. Real SOL. AND it runs on the browser.
0:12

We are the best FPS on PumpFun. Every kill pays. Every death costs. Pure skill. Real SOL. AND it runs on the browser.

Trenches

74,538 次观看 • 2 天前

DOM, JS, and CSS wizards: I made a DOM visualiser which you can run from the JS console, it almost works. If anyone can figure out how to handle z-ordering in 3D so that it looks like a solid stack of DOM slices I WILL 100% UNIRONICALLY BUY YOU A COFFEE!
0:15

DOM, JS, and CSS wizards: I made a DOM visualiser which you can run from the JS console, it almost works. If anyone can figure out how to handle z-ordering in 3D so that it looks like a solid stack of DOM slices I WILL 100% UNIRONICALLY BUY YOU A COFFEE!

Orion Reed

133,717 次观看 • 2 年前

bonus of Zero To Shipped ⛴️: you get a beautiful landing page that works in combination with your next js app out of the box you change APP_NAME + logo.png and it's ready to ⛴️
0:18

bonus of Zero To Shipped ⛴️: you get a beautiful landing page that works in combination with your next js app out of the box you change APP_NAME + logo.png and it's ready to ⛴️

kitze 🛠️ tinkerer.club

30,111 次观看 • 1 年前

Gaussian Splatting viewer built on Three.js Open-source tool to explore 3DGS scenes in your browser. Code in comments Try it here (by reall3d): reall3d .com/reall3dviewer
0:12

Gaussian Splatting viewer built on Three.js Open-source tool to explore 3DGS scenes in your browser. Code in comments Try it here (by reall3d): reall3d .com/reall3dviewer

Leon

49,852 次观看 • 11 个月前

Your bitcoin is only as safe as the randomness your keys are made from. Jade blends 9 independent sources of randomness, from a dedicated hardware chip to camera noise, into a result that exists only once. Our code is open-source, so anyone can verify it.
0:11

Your bitcoin is only as safe as the randomness your keys are made from. Jade blends 9 independent sources of randomness, from a dedicated hardware chip to camera noise, into a result that exists only once. Our code is open-source, so anyone can verify it.

Blockstream Jade

47,647 次观看 • 1 个月前

This is some very cool work that builds on our original Petri Dish NCA ( using population-based meta optimization to enrich the complexity of the system. Their paper and website are both very excellent:
0:17

This is some very cool work that builds on our original Petri Dish NCA ( using population-based meta optimization to enrich the complexity of the system. Their paper and website are both very excellent:

Luke Darlow

12,144 次观看 • 4 个月前