使用nodejs跑前端

2024-11-04

nodejs运行前端项目

有时候我们会创建一些小项目,只有几个简单html,没有引入一些前端框架,也没有使用webpack,那我们要如何让代码在我们本地跑起来呢? 当然是有很多种方法,IIS.wampserver等等好多都可以用,这里只是说道纯粹用node就把项目跑起来,配置简单. 前提是你要安装好了nodejs,安装方法,去百度一下大把. 现在假设你的文件目录如下 index templates index.html static js index.js css index.css 现在需要在index同级目录新建两个

NodeJS + PhantomJS 前端自动化资源监控

前言:最近做前端资源监控,看了很多例子,没有达到想要的效果.首先的槽点是PhantomJS的官方文档,真鸡肋,其次是网上的例子,多数是介绍PhantomJS的用法,而并没有介绍怎么完整的去实现,跟官方文档好像也没啥区别...... 一.实现了什么? 本文只做一个简单的例子,获取网址加载时间,旨在实现一种思路,而不是很复杂的功能. 主要流程: 前端在页面加载时调用node接口 -> 将URL返回给接口 -> node获取url,然后通过子进程(child_process)启动系统命令 ->

使用 concurrently 并行地运行多个命令（同时跑前端和后端的服务）

我现在有一个项目是这样的,前端是用 React 写的,后端是用 Nodejs,目录结构如下: . ├── README.md ├── backend ├── node_modules ├── package.json ├── public ├── src └── yarn.lock 这个 package.json 的内容如下: { "name": "crudtest", "version": "0.1.0", "pr

NodeJS让前端与后端更友好的分手

学问最近“上层建筑”在兴起国学热,所以公司几个月前决定开发一款名叫“学问”的有关于国学的app. APP的详情页面还是由web来显现具体内容,有些类似于新闻页,图文混排什么的web是最适合干这个的了,所以团队决定用WEB来实现详情页. 团队对WEB页的要求是: 页面在访问后离线依然可以查看. 首屏展现速度要快,不允许长时间白屏或loading. 项目现状后端提供的都是以JSON为数据格式的API接口供Native端使用,同样提供给WEB的也是JSON格式的API接口那么

nodejs接收前端formData数据

转:https://www.cnblogs.com/zhensg123/p/11078579.html 很多时候需要利用formdata数据格式进行前后端交互. 前端代码可以是如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上传文件</title> </head> <body

【转】nodejs接收前端formData数据

很多时候需要利用formdata数据格式进行前后端交互. 前端代码可以是如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上传文件</title> </head> <body> <form action="uploads1a" id="

angular8实现前端携带cookie发送给后端+nodejs获取前端发送的cookie

1.前端测试代码angular8 // 测试代码 testCookie() { const url = 'http://10.11.11.11:3000/test/cookie' const params = {a:1} // {withCredentials: true} 这个是重点!!!! this.http.post( url,{}, params, {withCredentials: true}).subscribe(_ => { console.log(_) }) } // 测试代码

使用nodeJS实现前端项目自动化之项目构建和文件合并

前面的话一般地,我们使用构建工具来完成项目的自动化操作.本文主要介绍如何使用nodeJS来实现简单的项目结构构建和文件合并项目构建假设,最终实现的项目名称为'test',结构如下图所示那么,首先需要先设置一个JSON对象来保存要创建的目录结构 var projectData = { 'name' : 'test', 'fileData' : [ { 'name' : 'css', 'type' : 'dir' }, { 'name' : 'js', 'type' : 'dir' }, {

ubuntu nodejs+npm 前端环境部署

起因安装node.js / npm (npm:6.9.0 / nodejs:v10.21.0) 软连接的添加和删除 node.js 介绍 Node.js是一个Javascript运行环境(runtime environment) 安装 node.js [v10.21.0] 下载地址解压 tar -zxvf ***.tar.gz tar -xvJf ***.tra.xz 添加软连接 ln -s /mnt/1/node-v10.20.0-linux-x64/bin/npm /usr/local

nodejs启动前端项目步骤

在.nuxt目录下打开命令行: 一:npm rm node-sass 二:npm install node-sass 三:npm install 四:npm run dev

Nodejs前端服务器压缩图片

Nodejs作为前端服务器,自然能承担处理图片的能力, 使用GM for nodejs 作为图片处理器,调用ImageMagick处理图片使用ImageMagick var imageMagick = gm.subClass({ imageMagick: true }); 然后就像文档中使用gm那样使用ImageMagick即可 (举个例子) imageMagick("img.png").resize(300, 100).autoOrient().write('/path', cal

gulp前端自动化构建工具入门篇

现在我们通过这3个问题来学习一下: 1.什么是gulp? 2.为什么要用gulp? 3.怎么用? 什么是gulp 答:是一个前端自动化的构建工具,直白点说,如果没有这个工具,我们利用人工依旧可以做到以下优点,但是在项目逐渐庞大的时候,采用这个工具,可以提升性能和效率. 为什么要用gulp? 答: 1.js和css属于静态文件,很多时候浏览器存在缓存机制,为了避免缓存带来的误会,可以利用构建工具,给每一个静态文件添加一个版本号,这样浏览器就会认为是新的文件,就不存在缓存机制. 2.性能优化

gulp前端自动化构建工具新手入门篇

很久没有更新博文了. 经过了一次年前吐血的赶项目,终于在年后回血了.趁着有空,新学到了一个前端自动化构建工具-gulp. 现在我们通过这3个问题来学习一下: 1.什么是gulp? 2.为什么要用gulp? 3.怎么用? 什么是gulp 答:是一个前端自动化的构建工具,直白点说,如果没有这个工具,我们利用人工依旧可以做到以下优点,但是在项目逐渐庞大的时候,采用这个工具,可以提升性能和效率. 为什么要用gulp? 答: 1.js和css属于静态文件,很多时候浏览器存在缓存机制,为了避免缓存带

Nodejs的运行原理-调用篇

前言之前做过Nodejs的架构篇, 有很多朋友留言给我,说没看懂里面的例子,这里我会重新梳理一下,再以http server为例,来解析Nodejs从前端到libuv的调用过程. 正文回忆a. Nodejs提供了许多功能接口(又称标准库),例如:http,net,socket etc 回忆b. 这些库是由C/C++写成,并且对外提供服务回忆c. libuv负责异步调用工作(event loop) 这是上一篇我们使用过得流程图,从V8角度出发,描述了建立http server,js 到C/C

[置顶] 记最近一次Nodejs全栈开发经历

背景: 前段时间大部门下新成立了一个推广百度OCR.文字识别.图像识别等科技能力在金融领域应用的子部门.因为部门刚成立,基础设施和人力都是欠缺的.当时分到我们部门的任务是抽调一个人做新部门主站前端开发工作.本来说的是只负责页面的开发工作.当我参加过需求品审会后,了解到新部门人力不足,而我今年主要任务又是在我们部门做基于Nodejs的前端后端分离的架构升级工作. 在这之前就是用Nodejs写了两个内部系统,并没有大型的线上Web开发经验,也想趁着这个机会锻炼下.然后就主动的跟老板商量了这件事,老板

关于协程：nodejs和golang协程的不同

nodejs和golang都是支持协程的,从表现上来看,nodejs对于协程的支持在于async/await,golang对协程的支持在于goroutine.关于协程的话题,简单来说,可以看作是非抢占式的轻量级线程. 协程本身一句话概括,上面提到了 "可以看作是非抢占式的轻量级线程". 在多线程中,把一段代码放在一个线程中执行,cpu会自动将代码分成碎片,并在一定时间切换cpu控制权,线程通过锁机制确保自己使用的资源在cpu执行别的线程的代码时被修改(占用的内存堆栈.硬盘数据资源等)

BAT 前端开发面经 —— 吐血总结前端相关片段整理——持续更新前端基础精简总结 Web Storage You don't know js

BAT 前端开发面经 —— 吐血总结目录 1. Tencent 2. 阿里 3. 百度更好阅读,请移步这里聊之前最近暑期实习招聘已经开始,个人目前参加了阿里的内推及腾讯和百度的实习生招聘,在此总结一下一是备忘.总结提升,二是希望给大家一些参考其他面试及基础相关可以参考其他博文: Questions of FE Web basis summary FE knowledge fragment 每位面试官的面试时间基本都在 40-80 分钟,下面先简要介绍各个面试流程,问题详情见具体公司分

openresty 前端开发序

还记得第一次尝试前后端分离的时候,是使用nginx + react 构建的spa应用,后端是java,主要处理业务逻辑逻辑部分,返回json数据,在nginx里面配置好html + js纯静态文件,再通过反向代理到java后端,解决跨域问题,然后使用ajax来进行交互,模型很简单,也很有效主要解决了几个问题一.独立,由于前后端分离,在开发的时候完全可以互相独立,所谓独立,其实就是说前后端是属于两个项目,保存在各自的git仓库,提交代码既不会冲突,也不需要合并二.解耦合,后端开发完成之后只需

NodeJs 开发微信公众号（二）测试环境部署

由于卤煮本人是做前端开发的,所以在做公众号过程中基本上没有遇到前端问题,在这方面花的时间是最少的.加上用了mui框架(纯css界面)和自己积累的代码,很快地开发出了界面来.接着是后台开发.卤煮选的是nodejs,作为中小型的项目开发,nodejs是前端开发人员的首选.然后是选了一些开发包,帮助快速上手.express,inspector,mysql等.卤煮不打算做nodejs教程,网上有很多.假设这些你都已经做好了,也就是说首先,你保证你已经有一份写好了的程序,并且通过本地浏览器测试.然后再开始

利用nodejs实现登录并转码视频(原创)

nodejs的出现让前端人员可以使用js打造后台,也许哪天就真的摆脱了对java或者php的依赖了. 今天跟大家分享一个利用nodejs接受前端post请求,并实现视频转码的这样一个例子.视频转码用到的是ffmpeg,nodejs取到表单的参数采用的是目录multiparty;具体实现如下: 1.项目主要文件结构 2.ffmpeg.js文件是启动文件 const express = require('express'); const path = require('path'); const m

使用nodejs跑前端

热门专题