总结七月 8, 2024工作内容-支付中转页面背景最近上线了一个新的需求,就是支付版本的升级;何为升级?那就是在原有的基础上扩展添加了不同版本的支付功能;既保持了原有正常的功能,又扩展了一些第三方的支付版本;先说说,为什么要升级,原有的版本会有什么弊端,升级之后支持了哪些或者扩展了哪些?起初的支付,是通过后端获取到对应的参数,然后进行api唤起工作内容
总结七月 8, 2024技术调研-网站更新一背景对于前端部署如何进行项目部署这里就不详细介绍了,这里主要介绍如何进行前端部署通知用户更新网站。之前开发的网站,每次都是让用户手动进行刷新网页打到网站更新的目的,但是这里有一个弊端,就是用户每次都需要手动,对我来讲,我比较懒,能自动的绝不手动刷新;简单介绍场景1开发完一个功能,提交到github上技术调研
总结七月 8, 2024技术调研-网站更新二背景上篇总结了如何实现网站更新的功能,现在还有另外的一种做法pwa技术实现;创建项目用vite+ts+vue创建一个空项目pnpmcreatevitevite-pwa-demo--templatevue-ts安装插件安装完成之后,需要再次安装pwa插件pnpmadd-Dvite-plugin-pwa技术调研
总结七月 8, 2024工作内容-老系统升级问题背景最近在对公司node+jquery捞系统基层进行版本升级,使用最新技术栈vue+ts+vite+pinia,对于捞系统原有页面将会进行iframe不会再其基础上进行修改,大大减少了维护成本,但是由于其页面较多,且页面之间存在关联,所以需要对页面进行缓存,避免重复加载,提升用户体验,其中也遇到了一工作内容
总结七月 8, 2024技术调研-远程组件实践背景前端时间总结了开发远程组件的介绍,其实也不算是远程组件,就是通过install的形式进行安装依赖;虽然通过拆分组件或者方法,通过install(不论公开还是私有)都是可以的,但是最近在新的项目中使用还是发现了一些问题;使用npm,yarn出现一些依赖性问题:版本冲突,打包问题等等;yarnpee技术调研
技能小册七月 8, 2024备忘录-brew命令备忘录对于brew安装的插件等需要特定的命令启动该服务,针对于mac而记录;🪫mongodb安装地址:https://www.mongodb.com/zh-cn/docs/v6.0/tutorial/install-mongodb-on-os-x/启动服务brewservicesstartmo备忘录
技能小册七月 8, 2024备忘录-Docker背景最近在mac上重置了一下开发环境,像一些数据库,nginx之前是通过brewinstall下载安装的,如果你使用命令brewservicesstartnginx启动它会一直在后台运行,如果用docker的话就可以不用brewservices了,而且docker的nginx配置文件比brew的ng备忘录
技能小册七月 8, 2024备忘录-git温馨提示基础git暂时这样整理完成,后期可继续整理;配置user信息全局配置usergitconfig--globaluser.name"username"gitconfig--globaluser.email"username@example.com"config的三个作用域缺省等同于local;备忘录
技能小册七月 8, 2024服务器/运营-1panel上篇文章说了一下如何使用宝塔在服务器部署前端的项目,但是这种做法虽然也是可以的,但是比较麻烦,每次迭代更新打包都需要手动上传dist文件到服务器下,那么接下来说一下使用jenkins在服务器上发布项目;1panel需要使用docker环境安装,具体看官网接下来具体说一下如何使用jenkins部署前端服务器/运营
技能小册七月 8, 2024服务器/运营-pm2使用场景项目使用node开发,开发过程中会遇到node一旦报错就会停止服务的问题,每次还要重新启动,比较麻烦,也是非常不方便的,为了解决这样的问题,建议使用pm2去管理项目。PM2是什么?PM2(ProcessManager2)是具有内置负载均衡器的Node.js应用程序的生产运行时和进程管理器。它服务器/运营
技能小册七月 8, 2024服务器/运营-私库介绍近期在review代码的时候发现了一些关于项目的问题,项目中冗余的代码比较多,有很多都是辅助粘贴的,一些utils工具以及一些方法都是多余的,这样不是一个俩个项目是这样的,基本大部分项目都是这样的;对于企业级的项目,没有任何关于企业的一些工具,这样我想到一种可能:就是将一些工具统一封装成公司内部服务器/运营
技能小册七月 8, 2024服务器/运营-宝塔面板介绍搭建属于自己的网站,前几天自己动手购买了一台腾讯云轻量级服务器,自己写代码,node作为服务端去写接口,简单部署一下网站的搭建到服务器的部署再到数据库的操作。整体下来感觉还是有点坑,今天正好有时间,记录一下搭建环境时需要注意的,自己也总结一下搭建的步骤。首先拥有属于自己的域名这里不做过多的介绍,服务器/运营
技能小册五月 15, 2024async和defer{%noteinfosimple%}<script>标签的defer和async的作用是什么,有什么区别呢?async和defer是两个用于控制脚本加载和执行的属性,用于<script>标签中。它们的主要区别在于脚本的加载和执行顺序。{%endnote%}<MDN是如何JavaScript
技能小册四月 14, 2024created和mounted的区别{%noteinfosimple%}Vue中的created和mounted在生命周期函数中承担了不同的角色,他们分别在组件的不同阶段调用,分别对应这组件生命周期的不同状态。{%endnote%}调用时机created在组件实例创建后立即调用,此时已经完成模板编译、数据观测(dataobserverVue
技能小册四月 14, 2024watch,watchEffect和computed{%noteinfosimple%}vue中的watch,watchEffect,computed是三个不同的工具,用于处理数据响应式和根据数据的改变而执行对应的逻辑。{%endnote%}computed作用计算属性。computed用于定义那些基于组件状态(如data、其他computed属性、Vue