技能小册八月 8, 2024项目工程化-eslinteslintESLint是一个可配置的JavaScriptlinter。它可以帮助您发现并修复JavaScript代码中的问题。问题可以是任何问题,从潜在的运行时错误,到不遵循最佳实践,再到样式问题配置文件配置文件的名字有很多,版本的不同会导致不同的导出语法:首先说明文件名的变动8.x版本modul工程化
技能小册八月 8, 2024项目工程化-git配置.gitignore和.gitattributes都是为git提交需要配置的一些信息,例如某些文件不需要提交,提交的格式是什么等等;.gitignore:文件是一个纯文本文件,包含了项目中所有指定的文件和文件夹的列表,这些文件和文件夹是Git应该忽略和不追踪的。在.gitignore中,你可以通过提工程化
技能小册八月 8, 2024项目工程化-huskyhuskyHusky作为一个强大的Git钩子管理器,通过自动化代码质量检查和测试流程,极大地提升了软件开发团队的工作效率和代码质量。通过合理配置,它能够帮助开发者在提交代码之前发现并修正潜在的问题,从而减少后续的修复成本和沟通成本。在项目中,经常使用husky+lint-staged再提交代码之前做工程化
技能小册八月 8, 2024项目工程化-prettierprettierPrettier是一个固执己见的代码格式化程序一般通过以下方式使用prettier使用vscode等代码编辑器的prettier插件:搭配快捷键如ctrl+s,保存时自动格式化,配置简单,使用方便,但是缺点是由于团队成员可能使用不同的编辑器,prettier版本、配置不同,从而格式化工程化
技能小册八月 8, 2024项目工程化-release-itrelease-it?是一个用于自动化软件发布的命令行工具。它可以帮助开发团队自动化版本控制、生成更新日志(CHANGELOG)、创建Git标签、发布到npm等任务。主要功能自动版本号递增(遵循语义化版本规范SemanticVersioning)自动生成/更新CHANGELOGGit提交、打标签和推工程化
技能小册八月 8, 2024项目工程化-stylelintstylelintstylelint是一个用于检测CSS代码风格和错误的工具,它有点类似于ESlint,但是它专注于CSS。stylelint不仅可以帮助你在团队中保持一致的CSS代码风格,发现潜在的错误,并且确保代码符合最佳实践。Stylelint需要一个配置对象,并在以下位置寻找一个配置:sty工程化
技能小册八月 8, 2024webpack和vite的区别?区别?在使用vite之前,项目基本都是使用的webpack,但是针对于wite和webpack的区别如下:开发模式webpack在开发过程中,它首先需要完全构建整个项目,生成一个或多个bundle,然后通过热模块替换(HMR)来更新变化的部分。viteVite使用原生ES模块和即时编译,允许在不完整工程化
技能小册八月 8, 2024项目工程化-其他配置文件项目中的配置文件太多了,除了规范性的配置文件,还有一些其他的配置文件.node-version在项目根目录创建文件.node-version,这个文件就是固定node版本的,代码如下:#.node-version18当项目A我设置之后,如果电脑安装的有18的版本,打开编辑器之后终端会显示UsingN工程化
技能小册七月 20, 2024Vue项目管理初始化项目:::code-groupnpmcreatevite@latestyarncreatevitepnpmcreatevitebuncreatevite不管用什么方式都可以安装,不过要注意的是使用bun安装需要先看下官网Bun举个例子:项目名称为你的项目名字,如:vue-project选择项目Vue
总结七月 8, 2024个人总结-2022-08 - 2024-072022-08-2024-07自身能力有所提升之后,在短暂时间内开始对自身进行沉淀,不论是对工作中还是生活或者是对个人,我相信在俩年时间内通过自身的沉淀能够得到一些成长。当然俩年时间我也会尝试着接触不同的事物,接触不同的兴趣爱好;如果没有那就太枯燥乏味了;能力沉淀想再短时间内提升自己,那就离不开能力个人总结
项目总结七月 8, 2024工作内容-GridView宫格加载渲染优化背景公司系统首页是一个GridView宫格模块的界面,但是对于这样的一个界面来讲,渲染界面的时间并不会很长;接口返回的数据的耗时也是比较短的,但是整个过程加起来耗时22s;很难想象为什么会花费这么长时间呢?分析在优化之前,要先明确优化的地方以及怎优化;只有找到来源才好找到解决方案去优化;本地调试页面工作内容
项目总结七月 8, 2024工作内容-移动端返回触发俩次背景前端时间移动APP与h5的一个混合式开发项目中,遇到了一个比较搞笑的bug;刚开始有点纳闷,后来静下心来才觉得这个问题有点可笑;h5的项目采用的vue3+vant3开发的,h5页面的顶部tabBar结构为左中右,是对vant的二次封装;复盘是一个怎样的问题?在开发项目中,因为是混合式开发,h5会工作内容
项目总结七月 8, 2024工作内容-系统下单(重复单提示框)的异常背景针对系统中的一个功能模块来讲,系统中有这么一个下单的功能,但是在下单之前会有一个提示重复下单的功能弹框,用于提醒用户是否是重复下单,但是现在的一个异常点就是,重复提示弹框会闪烁不显示,属于一个功能异常模块的优化;场景一个类似电商下单页面功能,填写下单用户的基本信息,或者智能识别信息,计算自带费用工作内容
项目总结七月 8, 2024工作内容-中英文搜索按键回车事件冲突背景普通的输入框,做一个搜索的功能,那么对于搜索,输入直接调用接口就好了,为什么还要值得做记录总结呢?是因为,搜索查询并不是你想象中的直接调用接口就可以了;考虑的因素也是挺多的,例如,搜索优化,不对服务器造成并发影响;间隔搜索等等,一般行为,为了不频繁请求接口,我们都会使用节流函数优化,或者失去焦点工作内容
项目总结七月 8, 2024工作内容-图片上传之前的自定义水印背景前几天,公司项目中有这么一个需求,说是上传图片给图片加水印的功能,我说那还不简单,因为公司图片存储采用的是七牛云,当然七牛云后台是可以设置图片的水印;但是我一看需求,好家伙果真不简单,原来不是几个字,而是多个元素叠加在一起的;水印的数据也是动态的,而七牛云后台只能设置一些静态属性或者图片地址,如工作内容