nodejs+express应用

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/daoer_sofu/article/details/102481880

安装

npm install express -g
npm install express-generator -g

创建项目

后端语言+模板,后端渲染方式

express projectname  使用jade模板
express -e projectname 使用ejs模板

模板

jade:html模板引擎(调试困难,性能低) 建议改用ejs模板

运行

npm start 访问:http://localhost:3000

react + express

创建react应用

cnpm install create-react-app
create-react-app projectname

express不使用动态语言+模板,直接返回react静态资源即可 使用

//指向react生成的目录,静态服务器的默认入口是index.html,如果找不到也可以手动修改url路径
app.use(express.static("../test/build"));   

//app.use('/', indexRouter);   根目录的route会导致页面刷新

node www 启动express

pwa(渐进式web)

  • Web App Manifest(设备兼容)
  • Service Worker (离线缓存)
  • Cache API 缓存
  • Push&Notification 推送与通知
  • Background Sync 后台同步
  • 响应式设计

react app 遵循pwa设计,包含web app manifest、service worker

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏趣谈前端

基于nodeJS从0到1实现一个CMS全栈项目(上)

由于本人对前端领域非常感兴趣,接触到前端的时间也比较早,所以平时会用前端技术做一些有趣的东西,包括H5游戏,一些简单框架的封装,脚手架的设计等等,在我之前的文章...

14130
来自专栏itclanCoder

React学习(5)-React中组件的数据-props

开发一个React应用,更多的是在编写组件,而React组件最小的单位就是React元素,编写组件的最大的好处,就是实现代码的复用

11000
来自专栏全栈前端精选

彻底让你理解redux

state才是真正的前端数据库,它存储着这个应用所有需要的数据。 这里拿一个简单的例子说明下,为什么说简单的例子呢,因为简单到不应该使用redux。。。 运行效...

5710
来自专栏全栈前端精选

使用webpack实现react的热更新

app 中自然就是源代码,app/index.js是最外层的js文件。因为涉及到是热更新,所以当然是在我们的 webpack.dev.js 文件下操作。

10020
来自专栏彭湖湾的编程世界

从Hybrid到React-Native: JS在移动端的南征北战史

其实写这篇文章的时候,我就知道,肯定有人问我:为什么不写flutter?抱歉了,flutter的大名我当然知道,可我只是一个写JS的,同时了解一些Java的知识...

8410
来自专栏全栈前端精选

关于最近react许可证的问题

客观的说,个人是非常喜欢react的。有人说学习曲线陡峭,有人说太繁琐。。。但是当你真正开始接触的时候,你一定会被他的魅力所吸引。毫不夸张的说,React在推动...

10830
来自专栏彭湖湾的编程世界

当React开发者初次走进React-Native的世界

看RN文档时,我会发现入门基础那一块介绍的都是React的内容,进阶篇则介绍了很多IOS和Android的API

10220
来自专栏salesforce零基础学习

Salesforce LWC学习(三) import & export / api & track

我们使用vs code创建lwc 时,文件会默认生成包含 template作为头的html文件,包含了 import LightningElement的 js...

12720
来自专栏全栈前端精选

React技术栈实现XXX点评App-Demo

https://github.com/Nealyang/React-Fullstack-Dianping-Demo/blob/master/record/pla...

8020
来自专栏全栈前端精选

React技术栈项目结构探究

整理学习react技术栈相关知识,在写了一个电商AppDemo后,开始思考起该如何高效的组织react项目的项目结构。

11530

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励