一名【合格】前端工程师的自检清单（多端开发和框架篇）

最新推荐文章于 2024-08-02 09:00:42 发布

原创最新推荐文章于 2024-08-02 09:00:42 发布 · 271 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端框架 #前端调试 #多端开发

前端问题同时被 3 个专栏收录

50 篇文章

订阅专栏

js基础

24 篇文章

订阅专栏

前端工程师的自检清单

16 篇文章

订阅专栏

本文深入探讨了在React和Vue框架中使用TypeScript进行开发的方法，解析了单页面应用（SPA）的工作原理及其优缺点，提供了快速开发SPA的实用方案。同时，详细解释了Viewport、em、rem的原理及用法，对比了分辨率、px、ppi、dpi、dp等概念，分享了移动端页面适配的解决方案。此外，还介绍了浏览器调试工具的使用技巧，以及如何利用代理工具进行请求代理和抓包，涵盖了Android、iOS模拟器的调试方法和真机调试方案。

##4.可以在React、Vue等框架中使用TypeScript进行开发

vue + typescript : https://segmentfault.com/a/1190000011744210

react + typescript :

https://www.html.cn/doc/typescript/doc/handbook/tutorials/React.html

https://juejin.im/post/5d0ccc9ff265da1b934e0a44

#多端开发

##1.单页面应用（SPA）的原理和优缺点，掌握一种快速开发SPA的方案

单页面应用（SPA）的原理和优缺点 : https://www.jianshu.com/p/a02eb15d2d70

掌握一种快速开发SPA的方案 : https://www.cnblogs.com/constantince/p/5586851.html

##2.理解Viewport、em、rem的原理和用法，

分辨率、px、ppi、dpi、dp的区别和实际应用

理解Viewport、em、rem的原理和用法 :

https://www.cnblogs.com/2050/p/3877280.html

https://blog.youkuaiyun.com/BobbleHat/article/details/88881393

https://www.jianshu.com/p/6c527b338f27

分辨率、px、ppi、dpi、dp的区别和实际应用:

https://www.jianshu.com/p/3b612fb6d685

##3.移动端页面适配解决方案、不同机型适配方案

参考资料：

https://www.jianshu.com/p/3b45aa981e77

#开发和调试

##1.熟练使用各浏览器提供的调试工具

参考资料：https://www.yuque.com/fe9/basic/gcawte

##2.熟练使用一种代理工具实现请求代理、抓包，如charls

参考资料：《HTTP抓包实战》_肖佳.pdf

##3.可以使用Android、IOS模拟器进行调试，并掌握一种真机调试方案

参考资料：

https://www.jianshu.com/p/00aa1165d8a6

https://aotu.io/notes/2017/02/24/Mobile-debug/index.html

##4.了解Vue、React等框架调试工具的使用

vue - vue-devtools https://github.com/vuejs/vue-devtools/blob/master/shells/electron/README.md

React - react-devtools https://github.com/facebook/react-devtools