提升前端开发质量的十点经验沉淀 发表于 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 下的 ... 阅读全文 »
Webpack 打包 commonjs 和 esmodule 动态引入模块的产物对比 发表于 2022-05-03 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 接 Webpack 打包 commonjs 和 esmodule 模块的产物对比 我们来继续分析。这篇文章主要来看一下动态引入,允许我们引入的模块名包含变量。 ⚠️超长代码预警,需要几个小时的时间去啃,但读懂以后应该会很开心。 commonjs新建一个 json 文件夹,包含几个 json 文件,和 ... 阅读全文 »
Webpack打包commonjs和esmodule模块的产物对比 发表于 2022-05-02 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 这篇文章不涉及 Webpack 的原理,只是观察下 Webpack 对 commonjs 和 esmodule 模块打包后的产物,读完后会对模块系统有个更深的了解。 环境配置Webpack 只配置入口和出口,并且将 devtool 设置为 false,把 sourcemap 关掉。 12345678 ... 阅读全文 »
VuePress博客优化访问速度 发表于 2022-04-27 | 更新于 2022-11-17 | 分类于 前端 | 阅读次数: 背景最近用 Vupress 搭了两个静态的网站,设计模式的 pattern.windliang.wang 和 Vue 源码的 vue.windliang.wang,但会发现有时候打开网站会特别特别慢,终止请求才会加载出来。 从搭博客到现在一个多月了,实在不能忍受,这篇文章就来解决下这个问题。 问题 ... 阅读全文 »