一、环境 😄 😄 😄这里因为我们有的小伙伴可能不太需要服务器,单纯学习的话也没有必要去买一个服务器。如果需要把自己的东西部署到公网上,有很多方式,自行百度。你也可以购买阿里云或者腾讯云。逻辑都是一样的,我这里使用的虚拟机+centos系统,我已经提前在自己的机器安装好了。感兴趣的小伙伴可以看我Node.js专栏。里面有从虚拟机、centos到一些开发工具的详细安装步骤。特别是我们这篇文章中要用到的nginx服务器。二、nginx 😏 😏 😏Nginx(enginex)是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。是一款轻量级的Web服务器/反向代
经历2021年,你又有哪些值得书写的个人经历呢?大事纪要(排序不分先后和紧要程度)换了两份工作为女朋友买了一台笔记本从重庆来到成都个人博客进一步发展从前端开发技术上讲,更上一层参与了我哥的婚礼,长辈开始催婚女朋友考上研究生参与了很多面试,有更丰富的面试经历学会了搭建网站2021年一月,上上家公司因为经营不善,发不出年终奖,只发了1000元钱的过节费,感觉过年都没那么开心。年后,许多相熟的同事都决定离职,我也开始为换一份工作做准备。自己研究了好几天,成功弄出一个网站,给面试官做项目演示用。http://www.dxyx-together.cn/维护自己的简历及博客,梳理前端知识。准备得差不多之后
小狐狸GPT付费体验系统最新版系统是一款基于ThinkPHP框架开发的AI问答小程序,是基于国外很火的ChatGPT进行开发的Ai智能问答小程序。播播资源技术小编经过系统测试系统完全开源,即可拥有自己的GPT!整体测试下来非常完美,可以说小狐狸GPT目前国内最好的一款的ChatGPT对接OpenAI 软件系统。小程序演示公众号H5演示https://thoughts.teambition.com/share/644bba1d5995bc0042569836#title=ChatGptpc演示版:https://bq.douyin678.top/web/安装测试环境:Nginx1.20+PHP7
在使用vue+springboot+mybatis开发信息管理系统时,前端和后端是通过以下步骤进行交互的:1.前端向后端发送http请求。2.后端接收到请求后,通过mybatis从数据库中获取所需数据。3.后端将处理完的数据通过restfulapi返回给前端。4.前端根据后端返回的数据进行页面渲染。具体来说,可以分为以下几个步骤: 1.前端发送http请求前端使用vue.js作为基础框架,使用axios库向后端发送http请求。如下代码示例,使用`axios.get()`方法向后端发送get请求,其中`url`为要请求的api地址,`params`为请求参数示例代码://Get请求示例,发送到
前言之前项目上遇到了苦逼的事情,一旦项目准备发布,jenkins整个工作流程下来要十几分钟,甚至能导致半个小时左右,我们作为前端能考虑的就是不断想办法提高依赖的拉取速度和项目的构建速度。一、我们的发布速度为什么那么慢?1.npm镜像源的问题首先前端目前大多数都是基于node服务的单页面应用,其本身借运行与打包构建都是借助了一些npm市场上的插件或组件。然而在npminstall拉取远程包的过程中,由于外网的访问速度被限制还有的链接指向的是github,所以导致我们的安装速度大打折扣,甚至是安装失败。2.项目的依赖是否仅仅只有package.json中的十几或几十个包?有时候我们的项目往往看上去
数字马力前端笔试编程题文章目录数字马力前端笔试编程题编程题1编程题2谈谈感受题型分配—100min选择题20道编程题2道编程题1题目将一串字符串驼峰化,第一个‘-’后的字母无需转小写为大写,其他‘-’后的字母需转小写为大写例1:font-size转化为fontSize例2:-weront-size转化为werontSize解答functionss(str){if(str[0]=="-")str=str.slice(1);//加上这个可以保证第二个案例通过,否则会将空字符当作为第一个单词letres=str.split("-");varfist=res[0];if(fist[0]=="-")fi
数字马力前端笔试编程题文章目录数字马力前端笔试编程题编程题1编程题2谈谈感受题型分配—100min选择题20道编程题2道编程题1题目将一串字符串驼峰化,第一个‘-’后的字母无需转小写为大写,其他‘-’后的字母需转小写为大写例1:font-size转化为fontSize例2:-weront-size转化为werontSize解答functionss(str){if(str[0]=="-")str=str.slice(1);//加上这个可以保证第二个案例通过,否则会将空字符当作为第一个单词letres=str.split("-");varfist=res[0];if(fist[0]=="-")fi
element-ui表格fixed操作栏且宽度自适应解决方案我另一篇文章讲了如何去实现前端的动态路由,以及页面按钮权限控制方案,那么只要会去控制表格内的数据行内操作栏按钮的显示,必然会影响到操作栏宽度的问题。可能有部分人不知道,element-ui的表格,将某列当做操作栏,并且使其悬浮显示(fixed),这一列是需要固定宽高的,并不会随着操作栏里面的内容宽度而自动撑大,比如当我本来有7个按钮,宽度也是我设的的宽度,刚好容下这7个按钮,如图这个使用我给这个页面的按钮权限配置减少几个,这样是不是好丑啊,留白这么大,以为列宽是固定死的嘛所以,我想了一个办法去实现自动适应列框,因为项目中的操作栏里面的
element-ui表格fixed操作栏且宽度自适应解决方案我另一篇文章讲了如何去实现前端的动态路由,以及页面按钮权限控制方案,那么只要会去控制表格内的数据行内操作栏按钮的显示,必然会影响到操作栏宽度的问题。可能有部分人不知道,element-ui的表格,将某列当做操作栏,并且使其悬浮显示(fixed),这一列是需要固定宽高的,并不会随着操作栏里面的内容宽度而自动撑大,比如当我本来有7个按钮,宽度也是我设的的宽度,刚好容下这7个按钮,如图这个使用我给这个页面的按钮权限配置减少几个,这样是不是好丑啊,留白这么大,以为列宽是固定死的嘛所以,我想了一个办法去实现自动适应列框,因为项目中的操作栏里面的
埋点简介所谓埋点就是在应用中特定的流程收集一些信息,用来跟踪应用使用的状况,后续用来进一步优化产品或是提供运营的数据支撑,包括访问数(Visits),访客数(Visitor),停留时长(TimeOnSite),页面浏览数(PageViews)和跳出率(BounceRate)。这样的信息收集可以大致分为两种:页面统计(trackthisvirtualpageview),统计操作行为(trackthisbuttonbyanevent)。埋点分类页面埋点:统计用户进入或离开页面的各种维度信息,如页面浏览次数(PV)、浏览页面人数(UV)、页面停留时间、浏览器信息等。点击埋点:统计用户在应用内的每一次