文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【前端部署第一篇】：从写一个最简前端部署服务器，初识前端部署

包括 Docker、CICD 等内容，大纲图示如下： 大纲 「前端部署」系列正在更新: 1/20 本篇是关于前端部署的简单介绍，以及如何使用 nodejs 写一个最简静态资源服务器。...手写简单静态资源服务器: 响应文件 当然，部署前端作为「纯静态资源」，需要我们使用文件系统(file system)去读取资源并将数据返回。...在代码中，html 以前以字符串形式进行维护，现在将其置于文件系统中的 index.html 中，并通过 nodejs 中文件系统读取文件的相关 API fs.readFileSync('....，而这里通过读取文件获取内容 const html = fs.readFileSync('....而在下篇文章中，我们将介绍如何使用 Docker 将仅有十几行代码的 「hello 版前端应用」 跑起来。

2K31
您找到你想要的搜索结果了吗？
是的
没有找到

nodejs基础-

REPL全称: Read-Eval-Print-Loop (交互式解释器) -R读取-该取用户输入,解析输入了Javascript数据结构并存储在内存中....支持JQuery规范的插件包 4. javascript-API-Completions 支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件...Alignment 代码对齐，如写几个变量，选中这几行，Ctrl+Alt+A，哇，齐了。 9. Ctags 函数跳转，我的电脑上是Alt+点击 函数名称，会跳转到相应的函数 10....十四、写入读取文件 默认是utf-8,如果不写，则需要toString(),将buffer转变为string ? 解决在文件读取中 ..../相对路径的问题 解决：_dirname 、_filename _dirname:表示，当前正在执行的js文件所在的目录 _filename表示，当前正在执行的js文件的完整目录 ?

2.5K30

NodeJS文件系统（fs）与流（stream）

文件系统（File System）： 在Node中，文件系统的交互是非常重要的，服务器的本质就是将本地的文件发送给客户端， Node通过fs模块来和文件系统进行交互，该模块提供了一些标准的文件访问API...要是用fs模块，首先要从核心模块中加载； 使用 const fs= require('fs') ; 来引入 #fs使用特点： fs模块中的所有操作都有两种形式可供选择同步和异步， 同步文件系统会阻塞程序的执行...(path,flags[,mode]) 同步打开 文件标记（flags）： http://nodejs.cn/api/fs.html#fs_fs_open_path_flags_mode_callback...文件流写入： http://nodejs.cn/api/fs.html#fs_fs_createwritestream_path_options //同步操作 //1....创建管道 re.pipe(ws);//文件流传输 console.log('文件流传输完成') 参考：详解NodeJS文件系统fs 我的GitHub总结的NodeJS笔记

1.3K20

当creator遇上protobufjs|相遇

XMLHttpRequest 浏览器中动态加载资源、文件等AJAX操作的基础 nodejs fs.readFile / fs.readFileSync nodejs上的文件操作模块，底层由c/c++实现...cocos-jsb jsb.fileUtils.getStringFromFile cocos-js提供的读取文件内容接口，在不台平台（ios\android\windows）由不同底层api实现...= 'function') callback = null; //将平台检查代码改为cocos提供的接口 if (cc.sys.isNative) { //文件读取使用...cocos文档中说过要动态加载一个图片资源需要将文件存放在assets/resources目录下，使用如下方法加载： cc.loader.loadRes('resources/xxx') 尝试将proto...源码的情况下让代码运行起来，以及使用pbjs工具预编译proto文件为JSON和js文件的用法，请继续观注我的系列文章《探索cocosH5正确的开发姿势》！

2K20

Nodejs基础：stream模块入门介绍与使用

来个简单的例子镇楼，几行代码就实现了读取文件内容，并打印到控制台： const fs = require('fs'); fs.createReadStream('..../sample.txt').pipe(process.stdout); Stream分类 在nodejs中，有四种stream类型： Readable：用来读取数据，比如 fs.createReadStream.../sample.txt', 'utf8', function(err, content){ // 文件读取完成，文件内容是 [你好，我是程序猿小卡] console.log('文件读取完成...，文件内容是 [你好，我是程序猿小卡] console.log('文件读取完成，文件内容是 [%s]', content); }); 例子三： 这里使用了.pipe(dest)，好处在于，如果文件.../extra/fileForCompress.txt.gz'); inFile.pipe(gzip).pipe(out); 相关链接 https://nodejs.org/api/stream.html

51310

在web浏览器上显示室内温度（nodeJs+arduino+socket.io）

上次的nodejs操作arduino入门篇中实现了如何连接arduino。这次我们来实现通过arduino测量室内温度并在浏览器上显示出来。...注意这个ANALOG IN是传感器的输入，就是读取温度的入口。 看看我连的： ? ? 2、然后按照 nodejs操作arduino入门篇先连接上arduino试试吧。...app.get('/',function(req,res){ res.sendFile('index.html');//渲染一个html文件，在这个html文件中来展示温度 });...然后我去看了看公司的空调设置温度是25.5（传感器一开始显示的是25.4），有图为证： ?...目前只是实现了在本地，之后我再研究研究怎么连接到服务器，初步的思路有： 1、使用树莓派，将arduino连接树莓派，再在树莓派上搭建服务器，再用花生棒或者其他端口映射的方法连接到公网，这样就能在公网上看到数据

2.1K100

开放平台接口调用测试

weibo的nodejs sdk的公共key去做访问，打印body无误，但是想解析chunk为json数据时出错 JSON全局对象在nodejs中是封装实现在v8引擎里的 http://code.google.com...(JSON.parse(data).statuses[0].user) 也可以正确得出结果，不指定编码也没有问题 尝试方法4：使用nodejs demo，启动server和client，server发送简单的...json格式数据无误，拷贝weibo json复杂数据，结果出错 尝试去掉 json数据的某个属性，使用nodejs server 发送数据，然后客户端去解析打印属性，可行。...sdk只有对接口输出的示例代码，没有重新解析为json对象的测试，format代码也只是使用JSON.parse方法。...p=801，发现了自己的问题，不应该在 response的 data事件中去处理（数据可能正在发送中），而应该是end事件中再去做解析。

2.6K60

【学习笔记】黑马程序员Node.js全套入门教程 | 基础篇

↓待执行的JS代码（调用WebAPI）↓JavaScript解析引擎每个浏览器都内置了DOM、BOM这样的API函数，因此，浏览器中的JavaScript才可以调用它们。...导入模块// Nodejs内置模块 无需额外安装const fs = require('fs')读取文件内容使用fs.readFile()方法，可以读取指定文件中的内容fs.readFile(path[...err：文件读取错误时发生的报错dataStr：文件内容示例代码const fs = require('fs')fs.readFile('..../a'会在路径中多出一个点（.）使用path.join可以解决此问题获取路径中的文件名使用path.basename()方法，可以获取路径中的最后一部分，经常通过这个方法获取路径中的文件名，语法格式如下...nameWithoutExt = path.basename(fpath, '.html')console.log(nameWithoutExt) // index获取路径中的文件扩展名使用path.extname

2.1K01

js不借助后端,多文件拖拽压缩上传,支持选择文件夹

在系统中上传文件时,需要支持多文件和文件夹上传,并且需要在文件上传时需要将多文件压缩成zip包,下载的时候,直接下载zip包 听到这个需求,我的第一反应就是js应该没有强大吧,因为压缩和访问文件夹,涉及到了文件系统的读取和修改...主要用到的库是 jszip 则 则这里简单对jszip做下简单介绍,更详细的功能和api请移步官网. jszip是是一个创建,读取和写入.zip文件的js库, api优化,简单 浏览器支持 实现思路如下...: 1:用户选中文件或文件夹后,获取文件对象, 2:遍历获取的文件对象 放入实例化的zip对象中 3:使用generateAsync()方法生成文件, 通过formdata提交到服务端 代码如下: 此案例支持拖拽上传多个文件...能不能做,要想看这个库的api具不具备将文件转化为zip文件,通过以上两个api,可以得知这个库是支持的. jszip库api 另外jszip库也支持读取本地和远程的zip文件返回内部文件目录,文件名....等信息,有兴趣的朋友可以去尝试一下

3.4K10

Kibana RCE漏洞详细分析

，Kibana可作为产品或服务提供，并与各种系统，产品，网站和企业中的其他Elastic Stack产品配合使用。...Nodejs的子进程创建 如何获取客户端参数的代码写在了proccess.js中，我们关注下客户端参数解析 ? 以上代码是nodejs的exec方法的核心代码(卧槽，node自举了)。...作者核心点 在这里我得提一下作者的思路 作者在命令行下尝试了 NODE_OPTIONS=’--require/proc/self/environ’ AAA=’cosole.log(123)//’ node...作者做这个实验的核心目的就是表达，我在shell下传递options可以包含环境变量来执行代码也可以通过污染原型链来设置环境变量，console.log这个地方就是任意的nodejs表达式，包括执行命令的...”，我们开始尝试使用代码来设置环境变量而不是shell。

1.6K30

可以浏览器页面运行 node 代码里了！webContainer 发布 1.0

我的理解，webContainer 就是一个可以运行在浏览器页面中的微型操作系统，提供了文件系统、运行进程的能力，同时内置了 nodejs、npm/yarn/pnpm 等包管理器。...以前受限于云服务器的规模，如今直接运行在客户端，使用客户端的算力服务器安全，代码运行在客户侧，不担心服务器运行恶意逻辑，例如挖矿快速开始启动 webContainer在代码中，找个地方调用以下代码即可import...挂载文件使用 mount API 进行挂载文件和目录const files = { // 这是一个文件，package.json 是文件名 'package.json': { file: {...readdir，读取目录rm，删除文件writeFile，写文件mkdir，创建目录运行进程可以在 webContainer 中运行命令，例如 npm installwebcontainerInstance.spawn...虽然看起来功能十分有限，但这其实是一个很有意义的尝，是一个从 0 到 1 的突破，尝试在浏览器端运行一个微型的操作系统，相信不久的未来，不仅仅是 nodejs，其他的语言，例如 python、Java，

68820

Nodejs基础：stream模块入门介绍与使用

来个简单的例子镇楼，几行代码就实现了读取文件内容，并打印到控制台： const fs = require('fs'); fs.createReadStream('..../sample.txt').pipe(process.stdout); Stream分类 在nodejs中，有四种stream类型： Readable：用来读取数据，比如 fs.createReadStream.../sample.txt', 'utf8', function(err, content){ // 文件读取完成，文件内容是 [你好，我是程序猿小卡] console.log('文件读取完成...，文件内容是 [你好，我是程序猿小卡] console.log('文件读取完成，文件内容是 [%s]', content); }); 例子三： 这里使用了.pipe(dest)，好处在于，如果文件.../extra/fileForCompress.txt.gz'); inFile.pipe(gzip).pipe(out); 相关链接 https://nodejs.org/api/stream.html

95100

Nodejs基础：stream模块入门介绍与使用

来个简单的例子镇楼，几行代码就实现了读取文件内容，并打印到控制台： const fs = require('fs'); fs.createReadStream('..../sample.txt').pipe(process.stdout); Stream分类 在nodejs中，有四种stream类型： Readable：用来读取数据，比如 fs.createReadStream.../sample.txt', 'utf8', function(err, content){ // 文件读取完成，文件内容是 [你好，我是程序猿小卡] console.log('文件读取完成...，文件内容是 [你好，我是程序猿小卡] console.log('文件读取完成，文件内容是 [%s]', content); }); 例子三： 这里使用了.pipe(dest)，好处在于，如果文件.../extra/fileForCompress.txt.gz'); inFile.pipe(gzip).pipe(out); 相关链接 https://nodejs.org/api/stream.html

53540

10个最受欢迎的 JavaScript 框架，以及它们的主要特征和功能

该框架的大小为 18-21 KB。 适应性：Vue 允许用户用虚拟节点把模版写在 HTML 文件、JavaScript 文件和纯 JavaScript 文件中。...它是一个跨浏览器的 JavaScript 库，旨在简化 HTML 的客户端脚本。目前有超过 1900 万个网站正在使用jQuery！...如果 API 设计正确，则 backbone 可以直接通过访问这些操作来进行读取、写入和删除操作。 6....Google 的 V8 引擎确保 Node.js 库以极快的速度执行其代码。 数据流：NodeJS 程序从不缓冲任何数据，它们只是以数据块的形式输出数据。这样 NodeJS 可以提供更快的服务。...下面我列出了 Aurelia 的一些主要功能： 多语言支持：Aurelia 的 API 经过精心设计，可以用于当今和未来最实用的 Web 编程语言。

3.6K10

可以浏览器页面运行 node 代码里了！webContainer 发布 1.0

我的理解，webContainer 就是一个可以运行在浏览器页面中的微型操作系统，提供了文件系统、运行进程的能力，同时内置了 nodejs、npm/yarn/pnpm 等包管理器。...以前受限于云服务器的规模，如今直接运行在客户端，使用客户端的算力 • 服务器安全，代码运行在客户侧，不担心服务器运行恶意逻辑，例如挖矿 快速开始 启动 webContainer 在代码中，找个地方调用以下代码即可...挂载文件 使用 mount API 进行挂载文件和目录 const files = { // 这是一个文件，package.json 是文件名 'package.json': { file...： • readFile，读取文件 • readdir，读取目录 • rm，删除文件 • writeFile，写文件 • mkdir，创建目录 运行进程 可以在 webContainer 中运行命令，例如...虽然看起来功能十分有限，但这其实是一个很有意义的尝，是一个从 0 到 1 的突破，尝试在浏览器端运行一个微型的操作系统，相信不久的未来，不仅仅是 nodejs，其他的语言，例如 python、Java，

96330

如何在Debian上安装Node.js和NGINX

//nodejs.org/api for API docs //Node.js web server var http = require("http"),...创建Test.js文件 NGINX正在侦听端口80并将任何/test.js请求传递到端口3000.Node.js正在侦听端口3000并提供任何文件请求。接下来，写一个/test.js文件。...使用“转到test.js”按钮测试Node.js服务器是否正在提供文件。在测试页面上，“显示日期和时间”按钮将执行JavaScript的客户端片段以返回当前时间。...Node.js和NGINX正在合作。根据您的需要将请求路由到一台服务器或另一台服务器。Node.js提供了一个包含许多工具的大型API。...要在JavaScript中进行开发，请尝试Express.js，Ember.js，jQuery或模块的节点包管理器。 更多信息 有关此主题的其他信息，您可能需要参考以下资源。

1.4K20

apidoc实现API文档自动生成

但是swagger对于windows版本NodeJS开发者有点不友好，所以我尝试了一下最后放弃了，最后选择了使用apidoc来自动化生成API文档。 why?...apidoc生成的文档相比markdown，漂亮直观又实用。 如果API接口修改或者更新，直接修改代码的注释中即可。 那我们接下来来看看apidoc具体是如何进行使用的。...首先需要先安装NodeJS环境，我默认大家都已经安装过NodeJS环境。 安装apidoc依赖 我们先使用npm在全局安装apidoc，命令为： npm install -g apidoc ?...左边为我们一般需要使用的属性，我们可以写一个接口注释来看看： ? 我们来依次看看这几个参数： @api参数定义了接口的请求方式，我的接口均为post，我们看看文档对api参数的解释： ?...首先在usr/share/nginx/html下新建目录API，将doc文件夹下所有文件上传到API文件夹下： ?

5.9K80
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券