前端10 个“哇塞”的 学习资源网站,收藏等于学会~,前端页面开发

115 阅读4分钟

前端框架

前端框架太多了,真的学不动了,别慌,其实对于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。

以 Vue 为例,我整理了如下的面试题。

Vue部分截图

开源分享:docs.qq.com/doc/DSmRnRG…

2. figlet


想在控制台上玩点花样,figlet就不容错过了~~

在项目中 npm install figlet (分清环境:node/Vue/Browser);

image.png

还有更多配置项可以去探究;

image.png

该库的周下载量稳定在 800k 左右😍,太猛了!还不快点在你的项目中用起来,产品经理忍不住夸一句:“细节!”

3. readme.so


顾名思义,readme.so这个用来快捷生成标准 README 的~

image.png

在左侧编辑,在右侧预览,README 必备的各个要素一应俱全;规范!标准!好看!

还支持下载到本地;有了这个,还有人不会写 README 嘛?

4. smalldev


这类开发辅助工具还算是挺常见的,不过 smalldev的优势就是 功能全、颜值高、没广告😎;

代码分享床、JSON 格式化、base64 加解密、HTML/JS/CSS 格式化、压缩 SQL、生成占位图、生成测试数据等等;

image.png

5. smartmockups


据说 smartmockups是:最好的产品模板生成工具,能创建令人惊艳的产品模板!

image.png

除了放置图片,还可以放置网页(自动捕获内容);

把我的主页放上去,嗯,效果不错,应该是这样用的!(妈妈,我上电视了~)😄

image.png

6. pfpmaker


头像处理神器!效果可百变!

image.png

本瓜给好基友阿詹做做头像:

image.png

实际产生的处理结果比截图上的多得多,还支持自定义,全凭你的奇葩色彩搭配喜好~~ (❤ ω ❤)

7. storytale


高级插图,百看不厌;

image.png

各种画风,妙趣横生;

image.png

就不再一一截图了, open the link试一试便知;

不过就是下载要收费。。。。。。但是也可以 alt+A 或者 PrtSc 啊🐶

8. type-scale


type-scale这个网站用于把不同字体大小,rem 和 em 值的差异进行可视化展现,支持实时预览;

算法

  1. 冒泡排序

  2. 选择排序

  3. 快速排序

  4. 二叉树查找: 最大值、最小值、固定值

  5. 二叉树遍历

  6. 二叉树的最大深度

  7. 给予链表中的任一节点,把它删除掉

  8. 链表倒叙

  9. 如何判断一个单链表有环

由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】