natsu

正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相...

在日益复杂和多元的Web业务背景下，前端工程化这个概念经常被提及。“说说你对Web工程化的理解？” 相信很多初学者在面试时会经常遇到，我们每个人都可以或多或少说出几句，但你...

不知道有没有跟我一样，对于设计模式存在困惑的，以我为例，不瞒大家，我对设计模式真的是“看山就是山”、“看水就是水”、“看理论就是看理论”。毕业之前，我自己捣鼓的东西/项目，...

作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。...

前言： 本文将围绕：了解什么是全景 --> 怎么构成全景 --> 全景交互原理来进行讲解，手把手教你从零基础实现一个酷炫的Web全景，并通过拍照举例子来了解其中的原理，小白...

前言为了更好的提高开发效率,不用频繁刷新浏览器去看效果,webpack为我们提供了HotModuleReplacementPlugin,简称HRM.我相信大家应该都知道它是...

引导蒙层通常在新业务上线、或者业务有变更时的给新用户的一个操作指引。下图页面即是一个蒙层，会在某个局部位置高亮我们需要重点突出的内容： 当前发现很多页面做蒙层引导，还是使用...

data-position：定义提示的位置，top，left，right，bottom，bottom-left-aligned（同bottom）， bottom-middl...

日常开发中，可能有些人开发是根据项目经理提供需求说明书来开发，或者是根据UI提供的PSD图进行开发；当你发现有不合理、累赘的需求时，你可能会选择跟项目经理或者UI‘面红耳赤...

应用系统中需要运用到多标签页，跟浏览器一样的效果，在新打开页面后，动态追加一个页签，点击页签可以切换系统主页面区域的内容，且保持内容不刷新，如果关闭页签再通过菜单打开，重新...

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。...

同一功能有多种实现方案，思考尽可能多的可能性，给产品出选择题，在理解上达成一致。比如可做可不做的功能，交互文档中未提到的细节 A：实时保存。 A：首次进入按默认题型排序，经...

从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。 从 列表页 -->返回 主页 的时候页面，注销掉列表页，以在进入不同的列表页的时候...

在开发很多管理系统过程之中，常遇到这种需求，需要对打开路由页面进行缓存，然后在系统页眉提供方便查阅的tab标签进行切换以及对已经缓存页面进行数据刷新和清除数据操作。具体演示...

Javascript 中的函数大多数情况下都是用户调用执行的，但是在某些场景下不是用户直接控制的，在这些场景下，函数会被频繁调用，容易造成性能问题。 比如在 window....

5、组件中同时存在两种写法时，当setup返回值中定义的方法和methods中的方法同名时，会抛出错误。 computed包装后的值，需要用 .value去取值，templ...

开发过程中，一个包可以链接到另一个项目。 通常用于测试出新功能，或者尝试调试包在其他项目中表现的问题时。 1、cd 进入 link-module 目录，执行 npm lin...

前端章鱼猫从 2016 年加入 GitHub，到现在的 2020 年，快整整 5 个年头了。 相信很多人都没有逛 GitHub 的习惯，因此总会有开源信息的不对称，有哪些优...

前言在工作中我们往往可能会遇到无限级别的分类等等的需求，往往后端返回的数据结构可能不是我们想要的数据结构，所以我们来看怎么进行处理扁平数据结构转换为JSON树型结构代码输出...