工具
现在的前端研发都离不开nodejs,每天都要与nodejs打交道,这也引出了一些问题,同一个项目,不同的node版本可能会导致项目无法正常运行,所以就需要针对项目的nodejs版本进行切换。市面上也出现了nodejs版本管理工具,例如nvm或者fnm。
作为一个web开发工程师,经常需要通过域名访问到本地实现本地服务,最常见的方法就是修改电脑的hosts文件,如何实现快速快速切换hosts,SwitchHosts便是一个最好的选择。
之前介绍了 WebAssembly 基础知识,如果有兴趣可以点击查阅。本文进行 WebAssembly 实战,介绍在浏览器如何使用 WebAssembly,如何把 C++ 编译成 WASM 模块。
作为一个前端开发,要保证团队的代码质量和代码风格保持一致,就需要使用eslint来进行代码检查,一个好的eslint配置可以让团队提高开发的幸福感。市面上已经有很多大公司团队定制了自己的eslint规则。
命令行操作git add添加文件时,提示LF will be replaced by CRLF the next time Git touches it,这个错误是出现在跨平台操作git的时候发生。
Visual Studio Code(简称VSCode)是一款由微软开发的免费、开源且跨平台的代码编辑器。已经成为前端开发必备IDEA工具之一,日常使用了解 VSCode 的快捷键,能提高我们的编码效率。
想象一下,在webpack5还没出来前,前端使用第三方组件库,例如使用 `dayjs` 日期处理库,都是通过 `npm i dayjs -s` 安装 `dayjs` 模块到项目里,然后就可以通过 `require` 或者 `import` 来使用。
html2canvas 是一个 HTML 渲染器。该脚本允许你直接在用户浏览器截取页面或部分网页的“屏幕截屏”,屏幕截图是基于 DOM,因此生成的图片并不一定 100% 一致,因为它没有制作实际的屏幕截图,而是根据页面上可用的信息构建屏幕截图。
在封装业务组件的时候,组件如果可以提供良好的属性提示,对开发的同事是一种很好的体验。下面有两种方案可以实现属性文档提示功能
日常生活中,通常会使用扫码枪操作页面,比如商场的扫货物条形码,实现的办法是在input元素得到焦点后,通过扫描枪扫描条形码,就可以实现自动输入条形码,输入后执行完操作后再清空input的值再获取焦点,下面以react为例
lerna是一种工具,针对git和npm管理多软件包代码仓库的工作流程进行优化。
Forking工作流与 Feature branch 工作流不同的是,它为每个开发提供自己的仓库。一个本地仓库和一个公共服务器仓库。forking工作流常见在开源项目中, 例如github