![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技巧
文章平均质量分 64
iChangebaobao
菜鸟的前端进击之路
展开
-
[前端技巧] lodash | 如何正确的 import lodash
通常前端都会导入一些好用的第三方套件,但是有时后导入的套件并非是基于 es module 进行开发,webpack 没办法发挥 tree shaking 的功能,在 import 时一不注意就会载入一堆没有必要的 function。在这篇文章中以 lodash 作为举例, lodash 是个能够帮我们处理各种资料的函式库,减少写一些比较琐碎的程式码。但因为 lodash 在 2012 年就被开源,历史较为久远,可能有多种缘故,导致目前 lodash 本身并不是使用 es module。所以如果在意 bun转载 2022-06-24 13:56:53 · 3556 阅读 · 0 评论 -
[前端技巧] 网站性能优化(FCP、lCP)
网站性能优化FCP(First Contentful Paint), 首次内容绘制LCP(Largest Contentful Paint), 最大内容绘制打开控制台,选择 lignthouse 可以看跑分修改意见相关文章:被diss性能差,Dan连夜优化React新文档原创 2022-05-27 17:35:52 · 2294 阅读 · 0 评论 -
[前端技巧]GitHub 开源的功能组件(可视化表单设计器、canvas实现签字板)
开源的 可视化表单设计器原创 2020-12-08 16:12:51 · 772 阅读 · 0 评论 -
[前端技巧]基于 Echarts+AMap 点击地图级联下钻
基于 Echarts+AMap 点击地图级联下钻原文链接: 基于 Echarts+AMap 点击地图级联下钻echarts-map 基于echarts+amap获取地图行政区边界实现下钻。提供了常见的分布图、热力图、散点图及综合地图。可应用于一些可视化大数据 平台。快速安装 克隆项目git clone https://github.com/biubiubiu01/EchartsMap.git进入目录cd EchartsMap安装依赖npm install本地构建npm run转载 2020-10-22 11:17:19 · 949 阅读 · 1 评论 -
[前端技巧]常用的正则表达式
验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数:^\+?[1-9][0-9]*$ 验证非零的负整数:^\-[1-9][0-9]*$ 验证非负整数(正整数 + 0) ^\d+$ 验证非正整原创 2020-08-12 15:47:02 · 126 阅读 · 0 评论