生日快乐 发表于 2022-12-31 | 更新于 2023-01-01 | 分类于 前端 | 阅读次数: 一直过的农历生日腊月初十,农历的腊月是个比较尴尬的月份: – 你属什么? – 属猪 – 那你是 95 年生的咯 – 我是 96 年生的 – 96 年不是鼠年吗 – 96 年 1 月还没过年,所以是 96 年的🐷 因为属相是按农历算的,但腊月一般都是第二年的 1 月了,导致每次都得解释下,哈哈。 今 ... 阅读全文 »
前端 mock 数据的几种方式 发表于 2022-12-20 | 更新于 2022-12-25 | 分类于 前端 | 阅读次数: 具体需求开发前,后端往往只提供接口文档,对于前端,最简单的方式就是把想要的数据写死在代码里进行开发,但这样的坏处就是和后端联调前还需要再把写死的数据从代码里删除,最好的方式是无侵入的 mock 。下边介绍几种常用的方式,大家可以结合自己的项目来选取。 大致分为三类,重写 xhr/fetch、node ... 阅读全文 »
前端er开发cocos小游戏快速入门 发表于 2022-11-07 | 更新于 2022-11-30 | 分类于 前端 | 阅读次数: 前段时间一直在更 vue2的源码系列,最近换了换口味,学了一下 cocos ,照猫画虎的写了一个「挑战1024」小游戏。 学习一门新语言或者新框架其实就是一个堆时间的过程了,整个过程就是结合已有经验进行不同的猜测,然后验证,搞不定就去官网或者搜索引擎找答案,99.9% 的问题应该都能找到。 coco ... 阅读全文 »
中后台系统提升质量和效率的一个思路 发表于 2022-10-27 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 背景中后台项目中会存在一些配置页面需求的开发,这些需求高度相似,迭代频率低,基本结构为「搜索区域」、「表格区域」、「包含表单的弹窗」三部分组成。 其中「搜索区域」和「表格区域」的操作区交互固化,比如查询、添加、查看、删除、上线、下线。 当前开发时大都采用复制类似需求页面继而修改的方式,如下图所示 ... 阅读全文 »
前端老项目接入eslint从配置到上线的一些思考 发表于 2022-09-21 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 背景在日常需求迭代中,代码的规范与质量是编码的重要一环。Eslint 作为规则扫描器,能够对前端代码进行有效管控,避免出现低级错误,对于前端项目或多或少肯定都会看到 eslint 的相关配置。 但目前存在一些老项目, eslint 的配置仅仅停留在了多年前加的一些 eslint 规则上,没有任何其他 ... 阅读全文 »
提升前端开发质量的十点经验沉淀 发表于 2022-09-05 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 分享一下平常开发经常出现问题,增加代码质量的十个小点: 记得错误处理特别是网络请求或者其他异步操作中,await 记得包裹 try catch,可以给用户一个友好提示,同时可以考虑 catch 中需要做什么兜底处理,必要时进行上传日志。 1234567891011121314151617try &# ... 阅读全文 »
油猴脚本重写fetch和xhr请求 发表于 2022-08-23 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 写过几个油猴脚本,经常对页面请求返回的数据进行拦截或者覆盖,这篇文章就做个总结,涉及到 fetch 和 xhr 两种类型的请求。 环境搭建先简单写个 html 页面,搭一个 koa 服务进行测试。 html 页面提供一个 id=json 的 dom 用来加数据,后边我们补充 test.js 文件来请 ... 阅读全文 »
elementUI中el-tabs或者说Vue现存的一个bug排查 发表于 2022-08-14 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 现象 element-ui 版本是 2.15.9,vue 版本是 2.7.8 。 在 el-dialog 中使用 el-tabs ,并且 el-dialog 添加 destroy-on-close 属性,当关闭弹窗的时候页面就直接无响应了。 12345678910111213141516171819 ... 阅读全文 »
在美团工作的第二年 发表于 2022-06-30 | 更新于 2022-11-17 | 分类于 随想 | 阅读次数: 不知不觉入职两周年了,在美团工作的第一年 里主要介绍了一下平时的工作内容,这次就记录下当下的感受和一些思考吧。 互联网低谷自己 20 年入职那几个月可谓互联网巅峰了,之后随着疫情的持续和政策的影响,互联网就开始一泄千丈。 网上的裁员消息也是不停歇,今年即将秋招的同学应该会感受更加强烈。 互联网就此 ... 阅读全文 »
Element使用的async-validator表单校验库源码解析 发表于 2022-05-17 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 平常开发写 element 表单的时候,肯定少不了表单的校验,element 使用的是 async-validator 这个开源库。 这篇文章详细分析一下 async-validator 的主流程。 使用方法123456789101112131415161718192021222324252627 ... 阅读全文 »