需求:项目上线需要将前端的前台和后台部署在服务器上提供用户进行使用,部署在不同的服务器直接在服务器安装nginx即可。但是在内网安装还是有点麻烦,因为需要联网,如果是内网可以参考Linux安装Nginx并部署前端项目【内/外网-保姆级教程】_MXin5的博客-CSDN博客 。同一个服务器的话就需要在配置文件中下文章了,所以就跟着下列的操作进行在Linux/Windows环境使用Nginx部署两个前端项目吧。 下列我是用自己的电脑windows系统进行演示哈,主要就是配置文件,也不难,Linux改改配置文件即可,不会LInux部署直接可以看上面的参考链接,很快就上手。
前言在当今数字时代,前端技术正日益成为塑造用户体验的关键。而其中一个不可或缺的核心概念就是JavaScript的事件模型。或许你是刚踏入前端领域的小白,或者是希望深入了解事件模型的开发者,不论你的经验如何,本篇博客都将带你揭开事件模型的神秘面纱。🚀作者简介:程序员小豪,全栈工程师,热爱编程,曾就职于蔚来、腾讯,现就职于某互联网大厂,技术栈:Vue、React、Python、Java🎈本文收录于小豪的前端系列专栏,后续还会更新前端入门以及前端面试的一些相关文章,手把手带你从零学习前端到面试找工作,并如果有想进入前端领域工作的同学,这个前端专栏会对你有所帮助,欢迎关注起来呀🌼本人也会持续的去关注A
在Vue前端中,可以使用JavaScript中的Date对象来处理日期。对于从后端接口返回的日期字符串,可以先将其转换为Date对象,然后再使用getFullYear()、getMonth()、getDate()等方法获取年月日等信息。以下是一个示例函数,它接受一个日期字符串作为参数,并返回YYYY-MM-DD格式的日期字符串:functionformatDate(dateStr){constdate=newDate(dateStr);constyear=date.getFullYear();constmonth=String(date.getMonth()+1).padStart(2,'0'
文章目录一、http-server简介:二、安装node.js:[https://nodejs.org/en](https://nodejs.org/en)三、安装http-server:[https://www.npmjs.com/package/http-server](https://www.npmjs.com/package/http-server)四、开启服务:五、http-server参数:【1】修改端口【2】其他参数六、案例:一、http-server简介:http-server是一个简单的零配置的命令行http服务器,它足够强大便于生产和使用,用于本地测试和开发。有时候我们打开
文件在线预览最近有个需求要在浏览器上能够查看文件。就是拿到文件的链接,实现文件在线预览的功能,在经过不断地查资料,试错后终于完成了下列文件格式的在线预览功能,暂时没有做大文件的处理(不知道咋做)。图片类(jpg|jpeg|png|gif)文本类(txt|svg|log|sh|out|dat|mat|pdb|msg|pdbq|prt|sta|skf|shear|hhr|a3m|pbs|com|info)视频类(mp4|avi|mkv|mov|webm|wmv)表格类(xsl|xslx|xls|xlsx|csv)。。。图片类、视频类这两种是最简单的,直接使用标签就可以。图片类使用img,视频类使用
一.场景 昨天公司里面提了一个需求,将竞争对手的sku通过一些手段导入我们自己的数据库,普通数据比较好搞,但是图片这种静态资源我们只能获取到一个url,所以需要进行一次转存。二.实现 这里有两个思路,一个是交给后端来做这个事情,但是后端做的话,会暴露我们自己的后端,给对手留下痕迹。第二个就是前端来做,每次使用不同的电脑访问网站来做这个数据转存的操作就给追踪提高难度,因为对方也不知道我们是否是正常的访问资源。 最终选择了前端来做。第一步,通过http获取到该网站的数据,模拟登录获取token,截取下来他的商品列表数据。这个就不贴代码了,也可以通过不使用代码的方式来实现。
前端开发人员入门区块链的最佳实践一.建立信仰从技术入门一个行业通常是漫无目的,个人认为正确的入行区块链的方式是去了解他的背景,是去建立自己信仰的,尤其身处一个刚起步就被扼杀的行业,我们每个人都是领头人,我们需要坚信这个行业是有未来的,当然我们不能去神话他,认为他无所不能,也不能去恶意揣测,否则你也没有必要进入这个行业,很多未接触区块链但是略有耳闻的人常常会有这样一个认知:区块链本身是没有价值的,整个区块链行业就是一个庞氏骗局。不知道你是否也有这样思考,我常常与朋友交谈时,发现他们基本都是如此,。这里推荐两本我个人认为还可以的书籍,希望可以帮助你逃离这个误区1.《区块链:从数字货币到信用社会》2
已配置vue.config.js中的proxy代理,前端本地环境仍然请求后端出现跨域报错problem已配置vue.config.js中的proxy代理,前端本地环境仍然请求后端出现跨域报错控制台仍然出现cors禁止报错,接口调不通reason配置proxy代理解决跨域问题的原理是:前端工程本地环境会启动一个express或koa的web服务例如http://localhost:3000后端接口可能是ip有可能是dev的域名例如http://dev.com/api前端页面通过axios调用后端接口,如果直接从浏览器发起请求,相当于浏览器(3000端口)向http://dev.com/api发起
虚拟滚动的本质并不复杂,根据滚动位置和展示范围进行部分数据截取、渲染,本质上和分页原理相似,只是截取范围的开始和结束节点是动态而已。但表格虚拟滚动的相关细节处理比较麻烦,比如未设置宽度的列如何计算、新渲染的checkbox确定选中状态等等。所以,推荐几个可以支撑前端展示10W+数据量的表格组件,减少重复造轮子。废话少说,上干货。React:AntDesign官网地址:此组件库早已是react开发者必备的组件库,无须赘述,内部表格自带虚拟滚动。TDesign官网地址:腾讯出品的前端组件库,此前个人使用不多,但内部的表格组件同样包含虚拟滚动功能。Material-UI官网地址:来源于国外的一款开源
1.第一步就是安装依赖npminstall--savesm-crypto2.导入sm2constsm2=require('sm-crypto').sm23.先定义私钥或者公钥,私钥是解密,公钥是加密varprivateKey="私钥";//解密使用varpublicKey="公钥";//加密使用4.设置加密模式//cipherMode[加密模式C1C3C2:1,C1C2C3:0]constcipherMode=1;//默认是15.解密的使用全码页面代码直接@click绑定getphone即可单击实现data(){return{copyphone:'',}}methods:{getphone()