了解Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块,提供各种各样的功能,同时也提供许多第三方模块。模块的问题为什么要有模块复杂的前端项目需要做分层处理,按照功能、业务、组件拆分成模块,模块化的项目至少有以下优点:便于单元测试便于同事间协作抽离公共方法,开发快捷按需加载,性能优秀高内聚低耦合防止变量冲突方便代码项目维护几种模块化规范CMD
文章目录前言1.Node.js环境安装🔥1.1下载安装([官网](https://nodejs.org/zh-cn))1.2检测node1.3执行js文件2.接口测试工具(Apipost)🔥2.1下载安装([官网](https://www.apipost.cn/))2.2新特性3.包和npm🔥3.1包的介绍3.2包的分类3.2.1项目包3.2.2.全局包3.3npm的介绍3.4npm命令3.4.1初始化3.4.2安装及卸载命令a.安装命令b.卸载命令3.5全局包3.5.1安装卸载命令a.安装命令b.卸载命令3.5.2全局安装nrma.安装nrm命令b.使用nrmc.报错及解决i.运行nrmls
http-server简介http-server是一个简单的零配置的命令行http服务器,它足够强大便于生产和使用,用于本地测试和开发。有时候我们打开一个文档使用file协议打开的时候,不能发送ajax请求,只能使用http协议才能请求资源,具体的区别大家可以去参考[这篇文档](www.cnblogs.com/lishanlei/p…),所以此时我们需要在本地建立一个http服务,通过IP加端口号,来访问资源。我一般的做法就是通过vscode的插件或者通过webstorm来打开,现在可以通过http-server来便捷的创建一个本地服务。1.安装node.js官网地址,下载官网推荐版本,并安装
前言最近做了前端导入、导出Excel的需求,用到了js-xlsx这个库,该库文档提供的用例很少,并不是很友好。本文总结一下我是如何实现需求的。需求提供一个Excel文件,将里面的内容转成JSON导入数据提供一个JSON文件,生成Excel文件并导出导入与导出既可以前端做,也可以后端做。本文主要探讨前端通过SheetJS/js-xlsx这个库实现Excel导入、导出功能。技术选型市面上的报表类产品大抵可以分为以下两种:云文档类型产品控件类型产品像SheetJS/js-xlsx、LuckySheet、Handsontable、SpreadJS都是标准的纯前端表格控件且都支持Excel的功能特性和J
下载引入相关依赖1、cnpminstall--savemysql2、cnpminstall--saveaxios3、cnpminstall--savebody-parser4、cnpminstall--saveexpress5、cnpminstall--savecrypto在main中引入axiosimportAxiosfrom‘axios’Vue.prototype.$axios=axios配置连接在src下新建文件夹server,在其中新建db.js文件,index.js文件,其中db是数据库配置,index是node后端服务配置db.js内容module.exports={ mysql:
目录1.CSS常见单位1.1绝对单位1.2相对单位1.3px详细介绍2.移动端适配2.1视口viewport2.2移动端适配方案2.2.1rem适配方案font-size尺寸rem的单位换算2.2.2vw适配方案vw的单位换算1.CSS常见单位整体可以分成两类:绝对长度单位(Absolutelengthunits)相对长度单位(Relativelengthunits)1.1绝对单位绝对单位:与其他任何东西都没有关系,通常被认为总是相同的大小。这些值中的大多数在用于打印时比用于屏幕输出时更有用,例如,我们通常不会在屏幕上使用cm。惟一一个经常使用的值是px(像素)。绝对单位名称等价换算cm厘米1
昨天,很多群里都在疯传一个视频,视频演示了纯前端实现的“量子纠缠”效果,不少前端er表示:“前端白学了”。图片视频作者昨晚开源一个简化版的实现源码(截止发文,该项目在Github上已获得超过1kStar),本文就来看看他是怎么实现的!简化版根据作者的描述,该项目是使用 three.js 和 localStorage 实现的在同一源上设置跨窗口的3D场景。图片虽然没有原视频那么炫酷,但基本原理应该差不多。源码包含多个文件,最主要的文件如下:index.htmlmain.js:主文件WindowManager.js:窗口管理在线体验:https://bgstaal.github.io/multip
背景:(该接口为POST接口)配置了跨域,并自定义了一个拦截器,拦截器写了根据自定义注解放行接口的代码,结果前端报跨域,后端也没放行接口。产生原因:前端跨域:由于请求处理的顺序问题导致的。当请求打到后端时,是先被拦截器拦截处理的,也就是我们配置的addCrosMappings并没有起到作用,请求直接被拦截器拦截了,而由于此时请求还没有配置跨域信息,所以就出现了跨域问题。后端未获取到HandlerMethod:当使用addCorsMappings()方法配置跨域请求后,SpringBoot默认会将CORS请求映射为预检请求(PreFlightOPTIONS请求)。因此,在获取HandlerMet
一、常见前端UI工具前端开发中有许多流行的UI工具和框架,它们提供了丰富的组件、样式和功能,有助于加速界面开发。以下是一些常用的前端UI工具和框架:Bootstrap:描述:Bootstrap是一个开源的前端框架,提供了一套用于设计网站和Web应用的HTML、CSS和JavaScript组件。特点:响应式设计、移动设备优先、丰富的组件、易用性高。React:描述:React是由Facebook开发的一个用于构建用户界面的JavaScript库,被广泛用于构建单页面应用。特点:组件化、虚拟DOM、高性能、单向数据流。Angular:描述:Angular是一个由Google维护的开源Web应用框架
文章目录webpack打包流程webpack声明周期自开发webpack插件loader和plugin的区别Loader(加载器):Plugin(插件):总结区别:webpack如何热启动及原理HMR(热更新实现的原理)websocketfs.watch说说一些常用的loader和plugin常用Loader:常用Plugin:webpack和vite的区别1.**构建速度:**2.**开发服务器:**3.**构建输出:**4.**配置方式:**5.**生态系统:**webpack打包流程解析配置文件:Webpack会读取并解析配置文件(通常是webpack.config.js文件),并根据配