- 博客(108)
- 收藏
- 关注
原创 树在前端的应用
引言: 树是数据结构中必须学习的一个概念。 树在操作中有哪些应用? 本文从实际业务出发,在简单阐述树的定义后,对需求解析,最终抽象出满足业务的树结构。
2023-10-19 15:37:30 145
原创 前端工程化 | vue3+ts+jsx+sass+eslint+prettier 配置化全流程
前端开发过程中,为了提高开发效率,我们拆分的模块和开发语法和实际运行的代码有很大差异,而为了建立快速开发的工具,我们需要很多插件来辅助。 而如何配置这些插件来提高开发效率,是一个成熟的front-end 应具备的基础素养。
2023-06-30 16:51:06 1469
原创 前端监控之用户行为监控实践1(数据收集)
前文对前端监控进行了简单介绍,起因是因为当前做的一个需求,老板要看当前项目的uv、pv信息。其实这是非常简单的统计。 但在最开始接到这个需求,却难倒我了。 现在进行简单的复盘,记录一下实现方法。
2023-02-23 16:14:41 883 1
原创 ast语法树初探
前端开发中,使用了很多工具,譬如webpack、eslint来提升研发效率,但我们并不知道这些工具的实现原理。基于这些工具的核心都是抽象语法树,那我们就从抽象语法树开始理解底层原理的新世界吧。
2022-10-25 17:57:47 1345 1
原创 需求复盘 | 职责分离原则开发实战
职责分离是我们耳熟能详的设计模式,在实际的工程中,职责分离是如何体现的呢? 通过日常开发中的一个小例子帮助大家了解。
2022-09-14 10:56:31 189
原创 保姆级教程 | 表格自动行合并实现
在 element-ui 和 antv 中都有表格合并,但如何确定哪几行要合并呢? 在随机给定数据的情况下,如何实现自动合并呢?本文将一一解答这些问题。
2022-08-26 17:40:30 1207
原创 getUserMedia` undefined 火狐firefox
很多资料都是 chrome 的解决办法。firefox 的解决办法是:在 about:config 中修改,红框中的两个属性为 true
2022-01-16 11:53:43 771 3
原创 leetcode 精选100题(8) 二叉树展开为链表-中等
题目解析这个题,我不会做。。。我想的方法非常的简单。就是在遍历二叉树的时候,用另一个二叉树来存储内容。但是这样肯定是不行的,因为没有办法拼接。所以,必须分成两个步骤进行。反思:另一个点在于,我知道是用遍历,但是没有想好拼接方法。题目中提到了展开的链表和二叉树的先序遍历相同,就应该想到是先遍历左子树,再遍历右子树。遍历完再进行拼接,如何拼接?答案是通过递归进行拼接。/** * Definition for a binary tree node. * function Tree
2021-12-10 11:43:15 316 3
原创 leetcode 精选100题(7)合并二叉树-简单
题目解题分析:这个题目的思路也很简单,在遍历左右子树的过程中,将所有的节点,保存到root1中。但就是这么简单的问题,我最开始却没有写出来。问题在于,虽然想到了利用root1来降低空间利用,但是没有想到如何在递归的过程中将所有节点的数据保存到root1中。...
2021-12-01 19:38:42 83
原创 Vue组件通信
一、兄弟组件1.1 兄弟组件通过父组件进行通讯1.2 兄弟组件通过bus进行通讯业务场景:搜索组件参数的改变,需要改变图表组件的参数,并触发图表组件的重载技术分析1:改变图表组件的参数搜索组件和图表组件属于兄弟组件。但是由于组件嵌套过深,无法通过父组件进行通讯,示意图如下:这里有两种方式:① 使用Vue中的bus进行通讯② 通过Vuex进行通讯我们挨个进行介绍。首先是通过bus进行通讯,其实这个原理和父子之间通讯的原理差不多,既然无法直接到达父组件,那么,
2021-11-26 17:11:58 677
原创 leetcode 精选100题(6)翻转二叉树-简单
题目解题分析呓语:欧耶,逐渐掌握二叉树了吗?这么快吗? 哈哈哈,开心正经一点,正经一点,这个题目看上去是很复杂,但是只要按照递归的套路去写,是一定可以写出来的。①递归形式flipTree(root)其最终的返回值应该是翻转之后的tree②单层递归情况所谓的翻转,就是左子树和右子树调换位置。但是,这里要返回一个新的子树才对。所以单层递归为: let node = new TreeNode(); node.val = root.val; r.
2021-11-26 12:55:54 4178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人