当你想到路由时,通常会想到类似 React 之类的库。但实际上,这些库和框架仍然使用 vanilla JavaScript。那么该怎么实现呢?
大家好,我是TJ 一个励志推荐10000款开源项目与工具的程序员 周末啦,TJ君给大家介绍1款有意思的JavaScript 项目放松一下。 use-gesture 这是一款通过事件绑定来让鼠标和触摸手势变得更加丰富多彩的React库。 而且不需要太多的复杂代码只需要很简单的几行就够了。 小伙伴们可以单独使用,也可以和react-spring这样的库一起使用。 如何安装 React #Yarn yarn add @use-gesture/react #NPM npm install @use-gesture
刚刚下载了一个使用原生web组件的codepen代码的时候发现了一个“似曾相识”的名词:vanilla JS。
简介 Vanilla JS团队维护每个字节的代码框架,每天努力工作,以确保它是小的和直观的。使用Vanilla JS是谁?很高兴你发问!他被应用于: Facebook; Google; YouTube
2021年,vanilla-extract 作为黑马登顶了 css-in-js 满意度榜首(虽然使用率仅为1%),号称是一个类型安全、高度兼容 TS 场景的库,国内相关讨论还很少,稍微看了一下还挺好用的。
《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集,主要分为以下几个板块: Highlights 优秀的工具、库 好的教程、深度解读已有技术的文章 业界最新的技术、热点文章 业界对(新)技术的深度地、优秀地实践 Tutorial Tools And Codes 《前端技术观察》的目的是让大家: 更及时的了解到业界最新的技术 受益于高质量的教程、文章 了解业界更优秀的代码、工具 更多地、氛围更浓厚地讨论、研究、落地技术 highlights 浏览器如何节流requestAnim
今天发现了一个叫 vanilla js 的框架,说是世界上最轻量的JavaScript框架。而且 无论过去、现在还是未来,Vanilla JS 都是世界上最轻量的JavaScript框架(没有之一)。
这里声明一下,这不是反jQuery的文章,这里我想告诉大家,我持有的观点是在中小型的项目中建议能不用jQuery就不用。 背景知识 在所有的现代浏览器(IE9+)里,它们所提供的原生DOM API都是
超过46K的star,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL。这个库提供了canvas、 svg、CSS3D 和 WebGL渲染器,让我们在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次推出,目前仍有近1000名贡献者在开发中。
自 RC 版本发布以来,TypeScript 4.9 正式版没有作出任何更改。如果之前的每期周刊你都在追更的话,想必对 TypeScript 4.9 的新特性早已经烂熟于心了,satisfies 真香。
JavaScript 依然会是 2019 年最受欢迎和使用最为广泛的编程语言, JavaScript 生态系统也会继续发展壮大。
💂作者简介: THUNDER王,一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学会计学专业大二本科在读,同时任汉硕云(广东)科技有限公司ABAP开发顾问。在学习工作中,我通常使用偏后端的开发语言ABAP,SQL进行任务的完成,对SAP企业管理系统,SAP ABAP开发和数据库具有较深入的研究。 💅文章概要:vanilla-tilt.js是Javascript中一个平滑的3D倾斜库,可以让网页的一些控件变得动态起来,本篇文章主要讲述了如何下载及在网页代码中配置vanilla库。
PornHub的FE,分享了P站前端一些实践,英文比较晦涩难懂,故翻译整理了一下,很多同学对前端技术不是很熟悉,故加入了简单解释,希望对大家理解相关技术有帮助。
imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度,还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。
React 是一个免费的开源前端 JavaScript 库,用于通过将您的应用程序划分为更小的组件来构建复杂的用户界面。它由 Facebook 和开发者社区维护。
Waline 本可以部署在 Vercel 等平台上,但有一天突然就不能用了,本文记录自己部署基于 MongoDB 数据库的 Waline 服务。 背景 Vercel 不香了之后,自己建 Waline 服务器 数据库之所以选择 MongoDB,主要在于安装使用方便,对于网站存取性能更优 自己动手,丰衣足食,数据安全,速度还快,无人可挡! 配置环境 安装 MongoDB 参考 MongoDB 安装 创建 MongoDB 用户 进入 mongosh 切换到新数据库 waline 123 test> u
我需要加载一个样式表和几个脚本。我将分享我如何使用Nuxt完成此操作以及实现此操作的不同方法。
PyTorch 1.12.1 CUDA 11.8 测试显卡为RTX 3090,因兼容性原因,暂不推荐4090(实测在训练Textual Inversion时速度逊于3090)
该Writeup涉及Facebook旗下VR穿戴公司Oculus论坛forums.oculusvr.com,攻击者利用其存在的XSS漏洞可以窃取受害者登录Oculus官网时的访问令牌(Access Token),以此实现对Facebook和关联Oculus用户的账户劫持。漏洞最终被Facebook给予了高达$30000的奖励。我们一起来看看作者的发现过程和思路。
选自GitHub 机器之心编译 参与:蒋思源、路雪 deeplearn.js 是一个可用于机器智能并加速 WebGL 的开源 JavaScript 库。deeplearn.js 提供高效的机器学习构建模块,使我们能够在浏览器中训练神经网络或在推断模式中运行预训练模型。它提供构建可微数据流图的 API,以及一系列可直接使用的数学函数。 本文档中,我们使用 TypeScript 代码示例。对于 vanilla JavaScript,你可能需要移除 TypeScript 语法,如 const、let 或其他类
我看到没有多少人谈论改进 JavaScript 代码的实用方法。以下是我用来编写更好的 JS 的一些顶级方法。
为什么要写这篇文章呢?是因为最近一直在搞Strve.js生态,在自己捣鼓框架的同时也学到了很多东西。所以就本篇文章给大家介绍一种更加方便灵活的命令行脚手架工具,以及如何发布到NPM上。
Use Gesture是一个支持丰富鼠标和触摸手势的 React 库 。Use Gesture可以将丰富的鼠标和事件绑定到任何组件或视图。通过接收到的数据,设置手势变得非常简单,而且通常只需要几行代码。
在 《p5.js 光速入门》 中都是使用 CDN 的方式去使用 p5.js 的,不太符合当下的开发习惯。
本文原文发布于 GitHub,完整版可见于 此处 。因为使用了一些非标准 Markdown 语法因此在本页面可能显示不完全,在此处发布仅仅只是为了归档原文。
这是一篇新手向文章,主要是记录一下使用过程,希望能给予别人一些帮助和提示 用 Yarn 做包管理 用 Babel 做jsx和es6语法编译器 Webpack 做模块管理和打包 教程是基于macOS的,Nodejs得提前安装好。我的Nodejs和npm的版本如下 node -v v6.9.2 npm -v 3.10.9 Yarn安装和配置 我们在 macOS 下可以通过brew去安装,如下 brew update brew install yarn Yarn 下载的包或者模块都是跟npm一个源的,因为某些原
在scala中可以方便的实现异步操作,这里是通过Future来实现的,和java中的Future很相似,但是功能更加强大。
相信有些开发者还没开始学 Vue3,但又想尝尝 Vite。那可以参考本文的进食方式。
Stock Prediction Models - Gathers machine learning and deep learning models for Stock forecasting, included trading bots and simulations
【新智元导读】GitHub上根据星级(stra)列出了最常用的53个深度学习项目。其中,最受欢迎的是TensorFlow。表格的整理人ID分别是aymericdamien、lenck、pjreddie、vmarkovtsev和JohnAllen。这样一份实用工具表,赶紧收藏吧~ 项目名称星数简介TensorFlow29622使用数据流图计算可扩展机器学习问题。Caffe11799一个高效的开源深度学习框架。Neural Style10148由Torch实现的神经网络算法。Deep Dream9042一款图像
1、Deep Feed-forward Auto-Encoder Neural Network to reduce dimension + Deep Recurrent Neural Network + ARIMA + Extreme Boosting Gradient Regressor
为了让开发人员更方便地控制页面,“DOM2 级遍历和范围”模块定义了“范围(Range)接口”。通过范围(Range)可以选择文档中的一个区域,而不必考虑节点的界限。
默认的构建目标浏览器是能 在 script 标签上支持原生 ESM 和 原生 ESM 动态导入。传统浏览器可以通过官方插件 @vitejs/plugin-legacy 支持 —— 查看 构建生产版本 章节获取更多细节。
作者 | Sergei Chestakov 译者 | 王强 策划 | 李俊辰 在 Replit,我们的使命是让更多人轻松编写代码。我们为大家提供了免费的云端计算资源,让人们可以在任何设备上构建应用。如今,React 是 Web 上最流行的应用创建方法之一。但长期以来,React 工具链在 Replit 上跑得都很慢。尽管 JavaScript 生态系统为专业开发人员提供了很多出色的工具,但其中许多最流行的工具(例如 Create React App 和 Webpack)逐渐变得愈加复杂和效率低下。 所幸我们
时下大热的vue框架又来了新开发环境构建工具——Vite,今天我们一起来了解一下这个新成员。
TypeChat 是一个革命性的库,它简化了使用 TypeScript 构建自然语言模型界面的过程。传统模式下,创建自然语言模型界面是一项复杂的任务,通常依赖复杂的决策树来确定意图并收集行动所需的输入。随着大型语言模型(LLM)的出现,这个过程变得更加容易,但它也带来了新的挑战,例如限制模型回复的安全性、构建响应以供进一步处理以及确保模型回复的有效性。
前些日子在 GMTC 北京 2021 技术大会上分享的《字节跳动的现代 Web 开发实践》,介绍了「现代 Web 开发」这场「范式转移」,在字节跳动如何转化成具体的技术栈和研发体系,在内部广泛落地和从中获益。分享中也预告了开源项目 Modern.js、发布了「现代 Web 开发者问卷调查」。截止 8 月 20 日,已经收到了 「612」 份有效回复,在汇总和交叉对比之后,可以看到很多跟「现代 Web 开发」有关的结果:
还在用 WordPress 的时候,总是喜新厌旧,经常换主题。且装了一堆插件,速度慢还容易崩。 而迁移到 Hexo 之后(小水管服务器太慢,拿去挂 MC 了。根本原因是没钱),光是 hexo-theme-next 的配置项,便让我花了好一番功夫。 导致觉得自己不一直用下去,感到十分对不起仔细一个一个配置过来的自己。
大家好,不知道大家听说过 Vanilla JavaScript 这款框架吗?最近我在浏览国外的一些技术网站时,这个词出现的频率实在是太高了,好多框架都宣称自己是基于 Vanilla JavaScript。那到底什么是 Vanilla JavaScript 呢?
Wails 是一个可让您使用 Go 和 Web 技术编写桌面应用的项目。将它看作为 Go 的快并且轻量的 Electron 替代品。您可以使用 Go 的灵活性和强大功能,结合丰富的现代前端,轻松的构建应用程序。它支持如下功能:
在构建 Docker 容器时,应该尽量想办法获得体积更小的镜像,因为传输和部署体积较小的镜像速度更快。但 RUN 语句总是会创建一个新层,而且在生成镜像之前还需要使用很多中间文件,在这种情况下,该如何获得体积更小的镜像呢?
在构建 Docker 容器时,应该尽量想办法获得体积更小的镜像,因为传输和部署体积较小的镜像速度更快。
现代 JavaScript 框架使构建复杂的 Web 应用变得非常容易。Vanilla JavaScript 指的是纯 Javascript 代码,没有使用任何框架进行扩展,这在创建小型应用程序时很好用。
我们最近完成了一个里程碑,我们可以将jQuery作为GitHub.com前端代码的依赖项删除。这标志着一个渐进的、长达数年的、与jQuery越来越脱钩的过渡的结束,直到我们能够完全删除这个库。在这篇文章中,我们将解释一点我们最初是如何开始依赖jQuery的,我们是如何意识到不再需要jQuery的,并指出我们没有用另一个库或框架替换它,而是能够使用标准的浏览器api实现所需的一切。
大家好,不知道大家听说过 Vanilla JavaScript 这款 框架吗?最近我在浏览国外的一些技术网站时,这个词出现的频率实在是在太高了,好多框架都宣称自己是基于 Vanilla JavaScript。那到底什么是 Vanilla JavaScript 呢?
emotion 排名第二的维护者 Sam 所在公司弃用了 css-in-js 方案,引起了不小的讨论:Why We're Breaking Up with CSS-in-JS
vite 实际上就是一个面向现代浏览器,基于 ES module 实现了一个更轻快的项目构建打包工具。
Svelte 3 Tutorial For The Impatient Developer (2019)
今天逛 GitHub 的时候,在趋势榜上看到一个项目,竟然短短一天的时间内,涨了 1000 多个星星!
首先,请确保已经安装了代码编辑器和浏览器,如果没有安装推荐安装VSCode和Chrome浏览器。
领取专属 10元无门槛券
手把手带您无忧上云