30、前端小结及开发技巧分享

最新推荐文章于 2026-06-29 18:01:07 发布

原创最新推荐文章于 2026-06-29 18:01:07 发布 · 159 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript学习

本文分享了提升前端技能的小技巧，包括通过阅读优秀开源框架源码来巩固JavaScript基础，通过扒取并修改网站来增强HTML和CSS理解。此外，还介绍了几款常用的前端框架和工具，并提供了实用的方法来临时修改或模仿现有网站。

小技巧

1.如果巩固JS（看优秀开源框架（jQuery等）源码，看游戏源码！）

2.巩固HTML，css（扒网站，全部down下来，然后对应修改看效果）

常用框架

1.Layer弹窗组件

layer

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KOUtlmoz-1632045680961)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\30、前端小结及开发技巧分享.assets\image-20210919180100520.png)]$

2.Element-ui

element-ui

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aqQi1qS9-1632045680962)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\30、前端小结及开发技巧分享.assets\image-20210919180003438.png)]$

3.ant

ant

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-s48gs5Bn-1632045680963)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\30、前端小结及开发技巧分享.assets\image-20210919175926528.png)]$

4.bootstrap

bootstrap

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cVnlqtzp-1632045680964)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\30、前端小结及开发技巧分享.assets\image-20210919175858086.png)]$

彩蛋

1.有趣的源码之家（多看源码）

可以在线，本地玩纯前端游戏，也可以研究源码

2.如何模仿别人的一个前端，修修改改

1）ctrl+s 另存为

3.临时修改别人的网站

1）修改elements

2）修改css

4.从elements里面拷贝前端代码

copy outterHtml

5.友人C【发现的宝藏网站】

友人C

6.有趣,简约的官网

1）ant

ant

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G8e9z0Bf-1632045680965)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\30、前端小结及开发技巧分享.assets\image-20210919174302935.png)]$

2）vue

vue

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MW4nyFTx-1632045680967)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\30、前端小结及开发技巧分享.assets\image-20210919174355127.png)]$

3)vue press

vue press

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gWT4Tfss-1632045680968)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\30、前端小结及开发技巧分享.assets\image-20210919174434721.png)]$

4)docsify

docsify

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dJwB3Th6-1632045680969)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\30、前端小结及开发技巧分享.assets\image-20210919174642163.png)]$

标签

#jquery #html #html5