开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 30、前端小结及开发技巧分享 -> 正文阅读

[JavaScript知识库]30、前端小结及开发技巧分享

小技巧

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)]$