本篇的性能优化不是八股文类的优化方案，而是针对具体场景，具体分析，从排查卡顿根因到一步步寻找解决方案，甚至是规避等方案来最终解决性能问题的经历实操 所以，解决方案可能不通用，不适用于你的场景，但这个解决过程是如何一步步去处理的，解决思路是怎么样的，应该还是可以提供一些参考、借鉴意义的 当然，也许你还 ...

jQuery.i18n.properties 是 jQuery 老项目的国际化框架，其实国际化方案本质上都大同小异，都是需要用翻译函数包裹词条，然后根据词条文件来进行翻译 就是使用上与其他框架不太一样而已 但由于我们已经基于 vue 框架实现了一个国际化自动处理脚本，脚本会自动用全局函数包裹词条，自 ...

不可否认的是，如果没有这个自动化脚本，根本就没法在领导期望的时间内完成国际化的工作 自从有了这个脚本后，从以前的跟领导评估说要 4 天的国际化工作量到现在只评估了 1 天工作量，实际上跑下脚本分分钟就解决了，我还可以愉快的滑一天水，领导开心，我也开心~ ...

做国际化一个很头疼的坑就是，你不知道项目里到底还有哪些中文词条没有国际化处理 纯靠人工去检查不现实，也不靠谱，而且浪费资源 所以还是得通过脚本工具来检查，思路是： 先保存好本地代码变更，准备好一个无文件变更的本地环境 再通过脚本把代码里的非展示性中文移除掉 注释里的中文、console 里的中文，已 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 中午休息的时候，闲逛公司内网，看到一个url，就想复制一下url，看看url对应的内容是啥，习惯性使用ctrl+c，然后ctrl+v，最后得到是 禁止复制，哦，原来是禁用了复制。这能难倒一个前端开发吗？当然不能。于是打开了控制台 ...

vs code 其实有很多实用的技巧可以在日常工作中带来很大的提效，但可能是开发中没有相应的痛点场景，因此有些技巧接触的人不多 本篇就来介绍下多光标的批量操作和模板代码两种技巧在日常工作中的提效 涉及的 vs code 技巧 不要看快捷键好像很多哈，主要是了解几种可以进入多光标批量操作模式的用法 进 ...

如果没有相关经验的，经常会以为国际化只有词条相关工作项，这就是第一个坑点：工作量的评估过于乐观，遗漏其他工作项。 但当你真正去开发一个国际化项目后，你会发现，国际化的难点、痛点、坑点远不止表面看到的这些，尤其是后期维护，痛点更大。 相反，词条工作可能都是最轻松的工作了，因为圈子里有各种各样的自动化脚... ...

个人觉得，组件库最难的不是开发，而是使用，怎么才能让组内同事都用起来，这才是关键 背景 虽然现在开源的组件库很多，但每个项目里还是或多或少都会有人封装出一些项目内通用的基础组件、业务组件 我参与过多个项目，几乎每个项目都会存在这么一种现象：重复造轮子 同一个用途的组件被不同人多次实现，导致后续维护的 ...

背景 有时兴致来了就喜欢瞎鼓捣，几年前还是学生时买过学生优惠的云服务器，但没钱续费关停后就不了了之，近期看到有活动又重新入手了 但问题就来了，之前好不容易搭建上去的各种服务，现在又得重新来一遍 几年前还是学生时可能对这类环境搭建还比较感兴趣 现在人老了，精力不够了，做啥都考虑效率问题 如果几年后又重 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 为了提高用户对页面链接分享的体验，需要对分享链接做一些处理。 以 Telegram(国外某一通讯软件) 为例，当在 Telegram 上分享已做过处理的链接时，它会自动尝试获取链接的预览信息，包括标题、描述和图片。 如此当 ...

npm导入和风天气的图标库后使用没有效果，就在网上查询了下怎么解决，然后动手尝试一下。 参考文章 步骤 1. 下载图标文件(链接)，解压后大致这样 2. 在transfonter网站将需要的图标字体转成Base64，在font\fonts文件下 选择上传 下载 3. 解压后把stylesheet.c ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 聊聊图片预加载 关于图片的加载，不同的需求有不同的实现，比如图片过多时候的懒加载，为了保证效果的预加载。 如何进行图片的预加载 前端实现图片的预加载，其实是利用了浏览器的缓存，我们通过 a 标签来提前加载图片，如下： const img ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1、背景 与后端对接口时，看到有一个get请求的接口，它的参数是放在body中的 ******get请求参数可以放在body中？？ 随即问了后端，后端大哥说在postman上是可以的，还给我看了截图 可我传参怎么也调不通！ 下面就来探究到 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只需添加一行 CSS 并不难： .my-page { height: ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Echarts绘制气泡图 气泡图是一种用于可视化三维数据的图表类型，其中两个变量用于确定数据点在平面上的位置，另一个变量用于确定气泡的大小。Echarts是一款基于JavaScript的数据可视化库，它提供了丰富的图表类型，包括灵活多变的 ...

跨端动态化开发方案重要性日益凸显，本文对我们团队MCube动态化实践做了总结，为大家提供经验和借鉴。 接入背景 随着我们工程的需求迭代，暴露出了业务需求量大，分端开发和发版更新成本高等痛点，使用H5页面来代替，在用户体验和性能相较原生有差异，所以我们团队开始了对动态化改造的研究。 在做过一些列动态化 ...

作为一个开放式的跨端跨框架解决方案，Taro 在大量的小程序和 H5 应用中得到了广泛应用。本文将为大家提供一些小程序开发的最佳实践，帮助大家最大程度地提升小程序应用的性能表现。 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 最近 推特上 一位懂设计和写代码的大神一个两个浏览器之间 星球粒子交互的动画火了， 让人看了大呼脑洞大开， 浏览器竟然还能这么玩！！！ 准备自己也搞搞玩一下 二、实现 原作者的粒子动画非常炫酷， 但是不是我们本文重点， 我们通过 ...

简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。 无子组件：目标组件分为支持与不支持放子组件两种情况。 有子组件：鼠标相对于子组件（目标组件）对角线位 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近喜欢研究起了手表，对劳力士这款“百事圈”实在是心水的不行啊！ 心痒难耐无奈钱包不支持，作为一个前端程序员，买不起的东西该怎么办？ 当然是自己做一个啊！ 说干就干，熬夜自己做了个“百事圈”出来！源码在最后！ 先看成品 还是有那么六七成相 ...