首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏深入浅出区块链技术

    用 Arweave 构建 Web3 应用

    译文出自:登链翻译计划[1] 译者:翻译小组[2] 校对:Tiny 熊[3] 本文介绍一下如何构建web3应用,目的是让开发者熟悉在不断增长的web3空间开发的协议、工具和最佳实践。 一个浏览器钱包 你可能使用过Metamask或Phantom等浏览器和移动钱包,它们允许你直接从应用程序中与web3应用程序交互。Arweave有一个类似的钱包,叫做Arconnect[6]。 使用Arweave构建应用 现在,我们对Arweave有了一个概念,并安全的存放了代币,让我们建立一个基本的应用程序。 我们将建立的应用程序将允许我们向Arweave上传和下载一串文本。 这是一个基本的例子,但却是一个很好的"Hello world"应用,因为它通过工具和API让你在很短的时间内开始构建。 Edge & Node 由The Graph背后的初始团队创立,致力于推进去中心化的互联网(web3)和信任最小化的应用程序的普及。该团队在开发和维护开源软件、工具和应用程序方面拥有丰富的经验。

    1.4K30编辑于 2022-02-18
  • 来自专栏Web技术学苑

    Cloud Studio尝鲜,在线构建vue3应用

    efoqdv-cdjvut-8080.preview.myide.io直接在浏览器打开,并且有二维码,也可以直接用手机扫码实时预览真机查看 至此我们已经尝试用cloud studio搭建了一个比较基础的vue3项目 3、不知道我这使用的内存会有多大,限时1000分钟,这个时间不知是否满足广大群众 4、远程协助办公的不错体验,比起远程工具向日葵控制另外一台机器或者vpn,未来很有市场和趋势 5、本文示例code example

    62840编辑于 2022-08-29
  • 来自专栏yiyun 的专栏

    使用 Vue 3 与 TypeScript 构建 Web 应用: Todo

    (比如 `useUserStore`,`useCartStore`,`useProductStore`) // 第一个参数是你的应用中 Store 的唯一 ID。 第一个参数是应用程序中 store 的唯一 id 返回的函数统一使用useXxxStore作为命名方案,这是约定的规范; xxxStore = useXxxStore() Option Store Option Hot Module Replacement) 参考: HMR (Hot Module Replacement) | Pinia Pinia 支持热更新, 所以你可以编辑你的 store,并直接在你的应用中与它们互动 动态组件 image-20230704233700106 PS: 其中 组件 是没有必要响应式的,于是使用 markRaw(A) 可提高性能 Vue: 异步组件 基本用法 在大型项目中,我们可能需要拆分应用为更小的块 类似 Vite 和 Webpack 这样的构建工具也支持此语法 (并且会将它们作为打包时的代码分割点), 因此我们也可以用它来导入 Vue 单文件组件: import { defineAsyncComponent

    1.6K10编辑于 2023-07-17
  • 来自专栏李才哥

    构建Web应用

    构建Web应用.png 构建Web应用 基础功能 请求方法 最常见的请求方法是GET和POST,除此之外,还有HEAD、DELETE、PUT、CONNECT 等方法 PUT代表新建一个资源,POST表示要更新一个资源 通过查询字符串来实现浏览器端和服务器端数据的对应 缓存 设置缓存 · 添加Expires 或Cache-Control 到报文头中 · 配置 ETags · 让Ajax 可缓存 清除缓存 · 路径中跟随Web应用的版本号 响应JSON 响应跳转 视图渲染 在动态页面技术中,最终的视图是由 模板和数据共同生成出来的 模板 模板语言 包含模板语言的模板文件 拥有动态数据的数据对象 模板引擎 模板引擎 · 模板编译 with的应用

    1.5K20发布于 2021-03-02
  • 来自专栏Web技术学苑

    Cloud Studio尝鲜,在线构建vue3应用【玩转 Cloud Studio】

    efoqdv-cdjvut-8080.preview.myide.io直接在浏览器打开,并且有二维码,也可以直接用手机扫码实时预览真机查看 至此我们已经尝试用cloud studio搭建了一个比较基础的vue3项目 3、不知道我这使用的内存会有多大,限时1000分钟,这个时间不知是否满足广大群众 4、远程协助办公的不错体验,比起远程工具向日葵控制另外一台机器或者vpn,未来很有市场,是趋势

    2K200编辑于 2022-08-22
  • 来自专栏修己xj

    Docker化Spring Boot3应用:从镜像构建到部署

    随着容器化技术的发展,越来越多的应用采用了容器化部署的方式。容器化部署极大地减少了因部署环境不同带来的差异,实现了一次构建、随处运行的效果。此外,容器化还具有版本管理、快速启动、持续集成等优点。 今天,我们将介绍如何在Linux上通过命令行构建和运行Spring Boot 3服务的镜像。 基础镜像构建 我们的服务采用的jdk 版本为21,spring boot版本为3.1.0,首先我们基于ubuntu来构建一个jdk版本为21的基础镜像。 构建完成后我们会在服务器上使用以下命令看到我们刚刚构建的镜像 docker images | grep jdk 使用Maven打包服务 在本地打包我们spring boot3服务,我们此处为了方便修改服务中的静态文件 总结 通过以上步骤,我们实现了使用Spring Boot构建Docker镜像并部署的全过程。Docker使得应用的部署变得更加简单和一致,无论是在本地开发环境还是在生产环境,都能保证应用的可靠运行。

    1.2K10编辑于 2024-05-22
  • 来自专栏Cellinlab's Blog

    React 应用架构实战 0x3构建和配置页面

    然后,我们将学习如何配置每个页面的布局,使应用程序看起来和感觉像一个单页应用程序。 # Next.js 路由 Next.js 有一个基于文件系统的路由机制,其中每个页面文件代表一个页面。 对于任何具有动态数据的复杂应用程序,仅创建预定义页面是不够的。如,假设有一个社交网络应用程序,可以访问用户个人资料,个人资料应该通过用户 ID 加载。 使用 Next.js 的好处在于它允许我们在每个页面上使用不同的渲染策略,因此我们可以组合它们以最佳方式适应应用程序的需求。 # 使用 布局组件 可以创建一个 src/components/layout/layout.tsx 文件,其中包含应用程序的布局: import { ReactNode } from "react"; 我们已经构建了布局组件,现在只需要将它们添加到我们的页面中即可。 # 构建页面 现在我们已经了解了 Next.js 页面的工作原理,并准备好了 Seo 组件和布局设置,接下来让我们实现应用程序的页面。

    1.3K20编辑于 2023-05-17
  • 来自专栏绿巨人专栏

    构建纯TypeScript应用

    构建纯TypeScript应用 现在只有命令行应用的例子。 前言 现在,应用开发的趋势是命令行接口应用和Web应用。 node.js 和 typescript的崛起所以,这里讨论如何创建纯的TypeScript CLI(Command Line Interface)应用和Web server-side应用。 latest -g npm -v 安装typescript :: install typescript npm install -g typescript :: check version tsc -v 构建 Web server-side应用 好吧。 其它工具 参照Integrating with Build Tools gulp: 构建系统 Karma: JavaScript的测试工具 参照 npm document Typescript Handbook

    1.9K120发布于 2018-05-16
  • 来自专栏绿巨人专栏

    构建纯TypeScript应用

    构建纯TypeScript应用 现在只有命令行应用的例子。 前言 现在,应用开发的趋势是命令行接口应用和Web应用。 node.js 和 typescript的崛起所以,这里讨论如何创建纯的TypeScript CLI(Command Line Interface)应用和Web server-side应用。 latest -g npm -v 安装typescript :: install typescript npm install -g typescript :: check version tsc -v 构建 Web server-side应用 好吧。 其它工具 参照Integrating with Build Tools gulp: 构建系统 Karma: JavaScript的测试工具 参照 npm document Typescript Handbook

    1.2K30发布于 2018-07-04
  • 来自专栏xingoo, 一个梦想做发明家的程序员

    Nodejs·构建web应用

    本篇的内容比较多..... 1 首先是从基本的Nodejs服务方面讲述前后端统一语言在web应用中的作用; 2 然后讲了web中基本的知识,从请求方法到路由、从查询字符串到Cookie和Session 3 后面着重介绍了路由的概念,其实在Node中路由的概念还是很关键的。在学习express中的时候,就是各种路由的处理。 4 中间件这节,没太看懂,可能是没试用过中间件,不太了解它的工作原理。

    2.9K80发布于 2018-01-17
  • 来自专栏Article

    react + electron 构建应用

    ).BrowserWindow var win = new BrowserWindow({ width: 800, height: 600, frame: false }) 效果是实现了,但是你拖不动应用了 ,所以需要在应用的顶部div加上 -webkit-app-region: drag 同时在有按钮的元素上取消拖拽 -webkit-app-region: no-drag 但是这样做还是有问题,普通的程序顶部是可以缩放的 后来想到使用一个div position定位 height设置为5px,本质上就是代替padding出来的那段白色区域,height设置为5px是因为我在windows上对比了其他应用程序,这样的热区容易让鼠标识别到

    60310编辑于 2022-06-14
  • 来自专栏青梅煮码

    vue-cli3构建H5移动应用(vant+rem)

    安装 cli3.x 版本 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 然后可以使用下列任一命令安装这个新的包: npm install -g @vue/cli 或 yarn global add @vue/cli 拉取 2.x 模板 (旧版本) Vue CLI >= 3 你可以选默认的包含了基本的 Babel + ESLint 设置的 preset, 如果选择默认选项 default,将会构建一个最基本的 vue 项目(没有 vue-router 也没有 vuex) 安装vant-ui 1.安装 # 安装 1.x 稳定版本 npm i vant -S 2.采用方式一 自动按需引入组件 (推荐) # 安装插件 npm i babel-plugin-import -D 3. /'相对路径 outputDir:'dist',//构建输出目录 assetsDir:'assets',//静态资源目录(js,css,img,fonts) lintOnSave

    1.5K30编辑于 2023-01-14
  • 来自专栏前端黑板报

    构建离线web应用(二)

    我们也可以在应用中缓存一些资源。这篇文章我们准备了解这些:service workers 以及缓存是如何一起配合给用户一个完美的离线体验。 完成 demo 在做 web 应用离线功能之前,让我们先来完成应用的基本功能。 运行时缓存的内容 在应用程序运行时,需要缓存从服务端获取的动态内容。不再是 app shell 了,而是用户真正浏览的内容。 我们打算应用“Cache, Then network.”的策略。 现在你已经知道了如何创建离线应用,在接下来的文章中,我们将继续讨论这项技术的有趣之处,包括推送通知,主屏幕图标创建等等···

    1.2K80发布于 2018-01-29
  • 来自专栏前端黑板报

    构建离线web应用(一)

    本文由哔哩哔哩前端工程师 墨白 翻译分享 我喜欢移动app,而且也是那些坚持使用Web技术构建移动应用程序的人之一。 Progressive Web Apps 渐进式 Web 应用是典型的旨在提高用户离线体验的 Web 应用。它解决了这样的问题:怎么才能不显示类似下面的离线错误? ? 如果信号很差,开发商需要通过一些手段保持用户的耐心,不至于在请求过程中用户直接关闭 web 应用。 当我们开始构建 PWA 应用时,你就能理解上面的场景了。 最佳的做法是在应用的入口。 Service Worker 周期 在开始构建 PWA 之前,你需要理解 Service Worker 的生命周期: Install 这一阶段主要是让 worker 在浏览器给定的作用域挂载。

    2.1K100发布于 2018-01-29
  • 来自专栏yeedomliu

    1天构建ChatGPT应用

    特征工程也很重要,它涉及选择最相关的变量并对其进行格式化,以便AI/ML算法构建有用的模型。例如,在预测房价的模型中,位置、面积和卧室数量等特征可能是关键。 TensorFlow是由Google开发的开源框架,用于构建和训练机器学习模型。Keras是基于TensorFlow的高级神经网络API。 Flask和FastAPI都是轻量级的Python Web框架,提供构建Web应用程序所需的工具和库。Django是一个全栈Python Web框架,提供强大的Web应用程序开发工具。 Local URL: http://localhost:8501 Network URL: http://10.11.14.53:8501 构建ChatGPT语音助手 语音助手系统的关键组成部分 自动语音识别 (ASR):Whisper ASR 模型 自然语言理解(NLU):确定用户意图 对话管理和自然语言生成NLG: 文本转语音 TTS:有许多开源和免费可用的TTS库,例如pyttsx3、gTTS、PyTTSx

    80020编辑于 2023-09-03
  • 来自专栏IMWeb前端团队

    Webpack实战-构建 Electron 应用

    也就是说项目由2个单页应用组成,这和3-10管理多个单页应用 中的项目非常相似,让我们来把它改造成一个 Electron 应用。 页面部分的代码已经修改完成,接下来修改构建方面的代码。 这里构建需要做到以下几点: 构建出2个可在浏览器里运行的网页,分别对应2个窗口的界面; 由于在网页的 JavaScript代码里可能会有调用 Node.js 原生模块或者 electron 模块,也就是输出的代码依赖这些模块 但由于这些模块都是内置支持的,构建出的代码不能把这些模块打包进去。 要完成以上要求非常简单,因为 Webpack 内置了对 Electron 的支持。 以上修改都完成后重新执行 Webpack 构建,对应的网页需要的代码都输出到了项目根目录下的 dist 目录里。

    1.6K20发布于 2019-12-03
  • 来自专栏Python基础、进阶与实战

    使用flet快速构建应用

    打开flet的官网,看到醒目的标题:“ 在Python 中构建 Flutter 应用程序的最快方法”。根据官网的介绍,Flet是一个快速、简单的界面框架。 Flutter 是Google 开源的应用开发框架,仅通过一套代码库,就能构建原生平台编译的多平台应用。Flutter使用Dart语言。 打包功能感觉不是很完善,我在2024.1.7测试打包时出现闪退/构建失败等问题。该项目更新很快,后面应该会完善。 如果你想为自己的小型项目写一个不丑的界面,但是又不熟悉前端,flet是个不错的选择。

    1.7K10编辑于 2024-01-09
  • 来自专栏腾讯AlloyTeam的专栏

    构建流式应用:RxJS 详解

    作者:TAT.郭林烁 joeyguo 原文地址 最近在 Alloyteam Conf 2016 分享了《使用RxJS构建流式前端应用》,会后在线上线下跟大家交流时发现对于 RxJS 的态度呈现出两大类: 而这三种情况将会发起 3 次请求,存在 2 次多余的请求。 已无用的请求仍然执行 一开始搜了“爱迪生”,然后马上改搜索“达尔文”。 complete() { alert("complete"); }, }; // Observable function Observable (Observer) { [1,2,3] 使用 RxJS 一步步实现搜索示例 RxJS 提供许多创建流或操作流的接口,应用这些接口,我们来一步步将搜索的示例进行 Rx 化。 复杂的数据来源,异步多的情况下才能更好凸显 RxJS 作用,这一块可以看看民工叔写的《流动的数据——使用 RxJS 构造复杂单页应用的数据逻辑》 相信会有更好的理解。

    8.6K31发布于 2017-05-02
  • 来自专栏PingCAP的专栏

    使用 TiDB 构建实时应用

    最后再由 Data Serving 层将数据展现给应用。 早期,智慧芽通过 AWS 的 Redshift 来进行数据分析,但是 Redshift 本身的速度并不特别理想,因此为了获得更好的实时性,智慧芽开始尝试使用 TiDB 构建实时数仓。 在数仓架构上跟其他公司非常相似,也是使用 Flink 进行实时数据处理,然后将各种各样的数据写入到 TiDB,最后直接呈现给数据应用。 当然,直播场景的应用目前还是假设,我们期待着 TiDB 在直播场景的落地。 实时风控场景 [图片] 另外一个场景,以实时风控为例。 其他更多 TiDB HTAP 的应用场景也欢迎大家来帮助我们想象,共同畅想 TiDB 的未来。

    1.2K20发布于 2021-07-21
  • 来自专栏大写的CPP

    基于 cmake 构建 odb 应用

    本文不是 odb 的教程,只是介绍如何在 WSL2 下使用 cmake 搭建 odb 应用的编译环境。 ODB 是什么? mysql,需要安装 Mysql 开发库 g++7.5 不支持 odb2.4,需要回退到 g++7.3 sudo apt-get install gcc-7-base=7.3.0-16ubuntu3 cpp-7=7.3.0-16ubuntu3 gcc-7=7.3.0-16ubuntu3 libgcc-7-dev=7.3.0-16ubuntu3 libasan4=7.3.0-16ubuntu3 libubsan0 =7.3.0-16ubuntu3 libcilkrts5=7.3.0-16ubuntu3 sudo apt-get install g++-7=7.3.0-16ubuntu3 libstdc++-7 -dev=7.3.0-16ubuntu3 sudo ln -s /usr/bin/g++-7 /usr/bin/g++ sudo ln -s /usr/bin/gcc-7 /usr/bin/gcc

    1.5K20发布于 2021-01-13
领券