前言React 、 Webpack 等技术如火如荼，你是不是还在愁苦如何把这些杂乱的知识统统学习一下，开启一段新的前端开发之路呢？本文将以一个例子来讲解如何使用 React 、 Webpack 、Nodejs 、 Express 1. 安装及配置环境 1.1 安装Node.js与NPMNode.js&nbs
转载
2024-07-24 17:18:01
202阅读
对于我来说，第一次接触前后端整合问题的小白，刚开始是一脸懵逼，这个问题整整坑了我一个晚上加一个早上，现在写出来总结；前端开发：vue-cli+webpack；后台开发：nodejs框架express； 前端开发之后，使用localhost能正确访问vue-cli自带的服务器。而在后台方面，一开始我是直接在expres的views和public上开发前端页面，因此在一些配置方面都是上个项目
转载
2024-03-18 10:47:01
388阅读
express是Node.js的官方唯一推荐的框架，它扩展了http工具以及一些好用的功能。如此好用的东西，赶紧的安装起来：npm install express -g
新版本的express的命令集中到了另一个插件中，简单的如同以前一样的express -V运行的返回不是它的版本号，而是提示“express不是内部或
转载
2024-06-11 19:36:03
1185阅读
引子： 最近在做一个web项目的优化，遇到一个问题，就是在加载初始页面的时候会引用到很多js/css文件，每引用一个文件就会产生一个http请求，这样项目的性能就会受到很大影响。 所以我们决定将js/css文件打包成一个或者几个较大的文件，这样的话可以大量的减少http请求，从而
安装 node 和 Express 4node官网：http://nodejs.org/Express Github：https://github.com/expressjs/express到 node官网 下载并安装 node 之后，打开命令行工具，执行下面命令安装 Express： npm install -g express-generator@4 安装完成之后，我们进入到我
转载
2024-06-27 22:08:23
160阅读
继上一篇介绍了基于Nodejs的http服务和文件操作的内容后，本篇内容主要介绍前端工程师在日常工作中较少接触到的TCP相关知识内容，从Nodejs的TCP模块入手，通过实例看看TCP是怎么一回事。tcp是什么？tcp是一种面向连接的、可靠的、基于字节流的传输层通信协议，TCP层是位于IP层之上，应用层之下的中间层。与我们接触最频繁的http请求就是基于它，相比于http，它没有超时时间，正常情况
性能是很重要的一个质量属性，架构中都会考虑性能，目前OpenExpressApp主要实现了对象懒加载、传输压缩等一些性能优化，后续还需要不断完善和改进。本篇主要讲一下目前与性能相关的一些问题，由于框架是面向对象的，所以会有一些使用面向对象的一些特定的方面，也欢迎大家多提问题和方案。已实现WCF传输压缩 传输优化是网络产品考虑性能的主要点之一，OpenExpressApp使用了WCF的一个压缩
第一次使用webpack进行打包，遇到了很多的坑，老是报错，经过这个查查查，终于打包成功，这里的打包就是单纯打包js，没有和任何的框架配合使用，但是在执行过程中出现了很多的问题，现在已经逐步解决，大概流程了解了，但是还没有和深刻的理解，这里就是先做个笔记，以免以后遇到相同的情况，浪费时间。1.webpack打包基于node先下载node，下载地址：https://nodejs.org/en/dow
1.为什么要打包发布？项目开发完成后，使用webpack对项目进行打包发布的主要原因有以下两点：开发环境下，打包生成的文件存放于内存中，无法获取到最终打包生成的文件开发环境下，打包生成的文件不会进行代码压缩和性能优化2.配置webpack的打包发布在package.json文件的scripts节点下，新增build命令如下："scripts":{
"dev":"webpack serve",/
序：如果你还不知道Node.js是什么，那么你可以先看看这篇：Node.js 究竟是什么？或者任何关于它的介绍。 一、安装Node.js 1.进入Node.js官网下载并安装 2.启动cmd输入命令查看node及npm版本 node -v
npm -v npm是node完成安装后自带的包管理器 二、安装Express express是node平
推荐开源项目：WordPress Express - 打造现代Web应用的新途径 WordExpressWordPress using Node, React, GraphQL, and Apollo项目地址:https://gitcode.com/gh_mirrors/wo/WordExpress 1、项目介绍WordPress Express 是一个创新的开源项目，它将传统的 WordPres
Linux 常用的压缩与解压缩命令有：tar、gzip、gunzip、bzip2、bunzip2、compress 、uncompress、 zip、 unzip、rar、unrar 等。 tar 最常用的打包命令是 tar，使用 tar 程序打出来的包我们常称为 tar 包，tar 包文件的命令通常都是以 .tar 结尾的。生成 tar 包后，就可以用其它的程序来进行压缩了，所以首先就来讲讲
转载
2024-10-09 11:22:12
41阅读
.playground文件 (What is Teachable Machine?)Teachable Machine is a web-based tool that makes creating machine learning models fast, easy, and accessible to everyone. You train a computer to recognize y
文章目录一、Express搭建二、安装MySql数据库三、Typeorm 安装1. 简介2. 安装3. 创建实体四、使用Typeorm进行增删改查五、文章中代码git地址 一、Express搭建参考 Nodejs + Typescript + Express框架搭建 快速搭建Express Api框架二、安装MySql数据库安装MySql步骤资料很多，自行查询。三、Typeorm 安装1. 简介
转载
2024-10-29 23:16:32
151阅读
本文主要会详细介绍制作exe的完整步骤和流程，包括exe改名，换图标等1. 环境搭建安装nsis-3.0-setup.exe，点击下载安装成功后，右键选择nsi文件会显示如下2. workplus项目包准备（绿色版程序）基于nwjs开发完成的整个项目包，包括node_modules, dll模块等，如下2.1 exe名字修改默认exe的名字使用产品名称WorkPlus, 如果要对其修改不是简单的右
Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时，它提供了许多基础的功能和 API，而基于 Node.js，程序员实现了很多强大的工具和框架。总之，Node.js 是大前端时代的“大宝剑”，有了 Node.js 这个超级 buff 的加持，前端程序员的行业竞争力会越来越强！后端API接口。基于Node.js环境 + Express框架，桌面应用。基于Node
前期准备1. 初始化项目npx create-react-app react-components --template typescript2. 安装依赖使用哪种打包方案：webpack/rollup**webpack**
* 代码分割：可以将打包后的代码分割成多个*.chunk.js，这些分块可以在用户使用过程中按需加载，这意味着用户可以有更好的交互体验。
* 静态资源导入：图片、CSS 等静
下载node-webkit https://github.com/rogerwang/node-webkit 找到Downloads这一小节，然后下载对应平台的node-webkit预编译包。（为了介绍起来方便，本文后续内容全部针对windows平台，OSX和linux平台上的操作类似，就不做
身为一个后端工程师，被一个前端问题折磨的死去活来，久久不能找到原因。定位问题怎么少得了日志，找前端加日志是可以的，奈何是供应商团队的前端啊，再说他搞半天也没找到问题，算了自己来加吧，心中默念我不入地狱谁入地狱，阿弥陀佛... 前端项目是用
3.vwe中增加css和JavaScript我们建立了服务器，输入了地址可以显示网页，可是这远远不够，我们需要CSS和JavaScript等等。 通常，我们要引入css或者JavaScript的时候，我们直接在html中通过路径来引入就好了，但是在 webpack方式中，这是不行的（也许是我打开的方式不对）那么我们改怎么引入呢？通过js，这可能和webpack的实现原理有关，webpack通过Ja
