前端开发tips

1. 在页面生命周期 onShow 中绘制卡片 2. 在卡片绘制的时候先获取 canvas 标签，之后进行初始化并绘制图片。绘制逻辑基本和 canvas 类似

对象转换成数组有三种方式： Object.keys Object.values Object.entries for in 数组转换成对象则通过 `Object.fromEntries 实现。

1. 简单判断 且 返回是简单值 可以通过短路取值或者三目运算来解决 2. 简单判断 且 判断之后需要做一些操作 最典型的莫过于 if else。但是这里有一些建议，就是结果尽早返回。 还有一种常用的

前端规范体现在项目的 .prettierrc.js、.eslintrc.js、.stylelintrc.js、.editorconfig 文件中，项目的文件夹结构只要有项目模板或者最佳实践作为参考，都

关键词: 代码规范 eslint prettier stylelint husky lint-staged commitlint vite react。

公共 获取数据类型 数字 金额格式化 对象 深拷贝 需要用到 utils.getType 函数。 比较对象是否相同 通常我们可以直接使用 lodash.isEqual 方法。 数组 乱序 获取最后一项

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 package.json 平时常用，但是配置项很多，所以把常用的一些配置及其意思整理成操作手册，以便不时之需。

解决什么问题？ 脚手架就是帮助你把项目的基础架子搭好。例如项目依赖、模板、构建工具等等。让你不用从零开始配置一个项目，尽可能快的进行业务开发。

vscode是常用的开发工具，利用ide的插件提高生产力。某种程度上也可以落地前端开发规范，了解插件对弈个人开发也大有裨益。

网站监控，前后端所负责的工作各有不同。 服务器端主要负责分析、告警。前端主要负责日志采集和日志上报。

整体异常处理方案需要实现的效果： 上报监控系统，能及时早发现、定位、解决问题 提升用户体验（UI降级）

写这篇文章的初衷首先是记录所知，其次是将之编写操作手册以备不需。所以文章中很多都是操作上、细节上的知识点，很少是关于原理性的知识。

文章主要记载了几个主要的小程序api的demo，分别是 canvas结合 onShareMessage、上传文件、Map 组件/导航、关注公众号。放了源码，方便以后参考

典型有三种解决方案： rem。其实就是监听resize事件，动态更新 html font-size。vh/vw 现在用得比较多。transform：scale，方便。@media 用得比较少，因为繁琐

本文所作的主要目的是为了要用到正则的时候，能尽快解决问题，对正则有个大致概念。 所以开篇内容类似《飞行手册》以案例和工具为主。

本文类似飞行员的故障手册，遇到问题的时候翻一下查询问题找到解决方法，主要是针对样式和H5的问题。部分问题会通过代码直接展示出来。

这篇文章类似操作手册，帮助大家调试，提高调试的效率，快速定位问题。包含了快速定位代码、断点、调试这三个方面。

对于低代码的原理和现状进行总结，并结合现况思考如何利用该技术提升研发和交付能力。整个低代码运行过程分为设计和渲染两个部分。