数据结构与算法
这一块在笔试、面试的代码题中考核较多,其中常考的数据结构主要有:数组、链表、队列、栈、Set、Map、哈希表等,不同数据结构有不同的方法以及储存原理,这些算是技术岗的必备知识。算法部分主要分为两大块,排序算法与一些其他算法题。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
排序算法根据考频高低主要有:快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种,这类考核点要么是算法的时间、空间复杂度、稳定度,要么是直接手写代码,故在理解算法原理的同时,对JS语言版的排序算法代码也要加强记忆。
- 二叉树层序遍历
- B 树的特性,B 树和 B+树的区别
- 尾递归
- 如何写一个大数阶乘?递归的方法会出现什么问题?
- 把多维数组变成一维数组的方法
- 知道的排序算法 说一下冒泡快排的原理
- Heap 排序方法的原理?复杂度?
- 几种常见的排序算法,手写
- 数组的去重,尽可能写出多个方法
- 如果有一个大的数组,都是整型,怎么找出最大的前 10 个数
- 知道数据结构里面的常见的数据结构
- 找出数组中第 k 大的数组出现多少次,比如数组【1,2, 4,4,3,5】第二大的数字是 4,出现两次,所以返回 2
- 合并两个有序数组
- 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)
这对个人的开发者来说确实挺不友好的,在开放文档中查找web-view
的时候还发现了另一个可以解析的组件rich-text
上手了之后遇到了几点问题。
- 解析
<code></code> <pre></pre>
标签会显示空白 - 图片太大会超出屏幕
- 没有代码高亮
所有只能放弃小程序内置的组件了,在百度了几分钟后,看到目前比较热门的是wxParse插件,功能还是比较多
但好像没有我需要的代码高亮功能,于是又百度了几分钟,
最终找到了完美解决上述问题的插件html2wxml,目前有三种使用方法,我使用的是组件版本
- 首先将
html2wxml-component
整个文件复制到小程序的目录
- 在你要使用的页面的对应的
json
文件,例如我使用的是article页面,就在article.json
中添加组件的声明。注意文件的相对路径
{
"usingComponents": {
"htmltowxml": "../../html2wxml-component/html2wxml"
}
}
- 之后在你要使用到的
wxml
文件中加入
<htmltowxml text="{{data}}" ></htmltowxml>
其中{{data}}
为你要渲染的HTML
数据。
在html2wxml的GitHub官网中有详细的介绍。
// 将Page中的content数据作为HTML格式渲染
<htmltowxml text="{{content}}" bindWxmlTagATap="wxmlTagATap" ></htmltowxml>
// 禁用代码高亮功能
<htmltowxml text="{{content}}" highlight="{{false}}" bindWxmlTagATap="wxmlTagATap" ></htmltowxml>
// 禁用代码行号显示功能
<htmltowxml text="{{content}}" linenums="{{false}}" bindWxmlTagATap="wxmlTagATap" ></htmltowxml>
// 代码高亮样式改为tomorrow
<htmltowxml text="{{content}}" highlightStyle="tomorrow" bindWxmlTagATap="wxmlTagATap" ></htmltowxml>
// 设置代码高亮检测语言 (最多6个,自行搭建服务不受限制)
### 最后
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面,包括但不限于**前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等**
>**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**
![](https://img-blog.csdnimg.cn/img_convert/009673f78a9138fefe3f9570e95f6112.webp?x-oss-process=image/format,png)
**前端视频资料:**
![](https://img-blog.csdnimg.cn/img_convert/7c9233b090ff41f14ea33a78b019a646.webp?x-oss-process=image/format,png)
*
[外链图片转存中...(img-QMUfGI9K-1715682277526)]
**前端视频资料:**
[外链图片转存中...(img-tVGwz3as-1715682277526)]