Skip to content

worst001/note_front_end

Repository files navigation

Contributors Forks Stargazers Issues MIT License


前端技术


探索文档 »

目录
  1. 关于项目
  2. 什么是前端技术
  3. 技术目录
  4. 贡献
  5. 许可证
  6. 联系方式
  7. 鸣谢

关于项目

收集了部分前端相关的笔记、文档与手册

公网资料、笔记地址请访问这里

其他相关技术可以访问我的博客,主页地址请访问这里

(返回顶部)

什么是前端技术

前端技术指的是一系列允许开发人员实现用户界面和用户体验的技术。它覆盖了从传统的Web开发到移动应用、桌面程序、游戏开发界面甚至是物联网设备界面的一切技术和方法。

前端技术的发展是快速的,也是多元化的。它不仅限于传统的网页设计,而是已经成为一系列广泛平台和设备上用户交互体验的核心。前端开发者可能需要理解设计原则、用户体验(UX)、无障碍性、设备兼容性,同时可能还需要涉足性能优化、安全性等一系列专业领域。随着技术的发展,前端的定义也在不断扩展和重塑,带来全新的职业机会和挑战。

Web前端技术

  • 核心语言技术:HTML、CSS、JavaScript
  • 框架与库:React, Vue.js, Angular, Svelte
  • 预处理器:Sass, LESS, Stylus(针对CSS),TypeScript, Babel(针对JavaScript)
  • 构建工具与模块化:webpack, Rollup, Parcel,npm, Yarn
  • 代码版本控制:Git
  • 测试框架:Jest, Mocha, Jasmine, Cypress
  • 响应式设计与自适应布局
  • 接入API服务:RESTful APIs, GraphQL, WebSocket
  • 性能优化与安全性

移动应用前端

  • 原生开发工具和语言:Swift(iOS), Kotlin(Android)
  • 跨平台框架:React Native, Flutter, Xamarin
  • UI组件库和设计系统:Material Design,Ant Design Mobile
  • 移动端特有的性能优化和测试
  • 与本地硬件集成(如GPS、相机和传感器)的技术
  • 离线支持与数据同步

桌面应用前端

  • 框架:Electron, NW.js(用于构建跨平台桌面应用的Web技术)
  • 系统原生框架:.NET (WPF), Cocoa (macOS)
  • UI组件库:React Desktop, Photon

游戏UI开发

  • 游戏引擎:Unity 3D, Unreal Engine
  • 脚本语言:C#, C++
  • 游戏用户界面设计工具:Unity UI, Unreal Motion Graphics UI Designer (UMG)
  • 物理引擎和动画技术

物联网(IoT)界面

  • 嵌入式系统界面(对存储和性能要求较低的界面)
  • 物联网平台前端界面(如AWS IoT, Microsoft Azure IoT)
  • 可视化库:D3.js, three.js

增强/虚拟现实(AR/VR)

  • WebXR API和框架:A-Frame, Amazon Sumerian
  • ARKit(iOS), ARCore(Android)用于移动应用的增强现实开发

微信小程序和类似平台

  • 专有的标记语言和API
  • 小程序框架:如微信官方的WXML/WXSS, Taro, uni-app

(返回顶部)

技术目录

目录与大纲

传统前端

笔记教程

Flutter

公共开放平台

游戏引擎

(返回顶部)

贡献

贡献是使开源社区成为一个如此令人惊叹的地方,以学习、激励和创造。您所做的任何贡献都将非常感谢。

如果您对使这个项目变得更好有建议,请 fork 该仓库并创建 pull request。您也可以打开一个带有“enhancement”标签的问题。不要忘记给这个项目点个星!再次感谢!

(返回顶部)

许可证

根据 MIT 许可证进行分发。更多信息请参见 LICENSE.txt

(返回顶部)

联系方式

关注我: 小昊子

博客地址: http://note.grft.top

项目链接: https://github.com/worst001/note_front_end

(返回顶部)

鸣谢

因为仓库与文档的数量比较大,有些借鉴资料忘了在参考文档部分提及原作者与原仓库,若有疏漏请告诉,我及时补上。

所有引用的原资料都确认是开源认证,若有侵权请告知。

https://mp.weixin.qq.com/

https://opendocs.alipay.com

https://github.com/babbittry/Front-end-notes

https://flutter.cn

https://docs.unity.cn

https://docs.unrealengine.com

https://openai.com/chatgpt

(返回顶部)