前端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 ... 阅读全文 »
echarts 画中国地图及省份切换 发表于 2022-05-10 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 最近用 ehcarts 写了一个有关中国地图的需求,这篇文章来总结下基本的原理和用法。 Geojson首先了解一下 GeoJSON ,看下 维基百科 的定义: GeoJSON 是一种基于 JSON 的地理空间数据交换格式,它定义了几种类型 JSON 对象以及它们组合在一起的方法,以表示有关地理要素 ... 阅读全文 »
Webpack打包commonjs和esmodule混用模块的产物对比 发表于 2022-05-06 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 接 Webpack 打包 commonjs 和 esmodule 模块的产物对比 继续,这篇文章来测试下 commonjs 模块和 esmodule 混用的情况,也就是 import 导入 commonjs 的模块,require 导入 esomodule 的模块,看一下它们在 Webpack 下的 ... 阅读全文 »