wxya（个人网站）技术栈
前端基础
- HTML/CSS：页面结构与样式布局。HTML是用于定义页面结构的标记语言，而CSS则是用于页面样式的描述语言。掌握HTML和CSS可以让你快速地搭建出美观的Web页面。
- JavaScript：动态交互与逻辑处理。JavaScript是一种高级的动态编程语言，可以实现页面的动态效果、交互行为和业务逻辑。掌握JavaScript可以让你写出高质量的前端代码。
- HTTP：网络通信协议。HTTP是Web应用程序最重要的协议之一，是客户端与服务器之间进行数据交互的基础。掌握HTTP协议可以让你更好地理解Web应用程序的工作原理。
- Web安全：XSS、CSRF、CSP等。Web安全是Web应用程序开发中非常重要的一个方面，涉及到诸多攻击手段和防御措施。掌握Web安全知识可以保证你编写的Web应用程序不易受到攻击和漏洞利用。
前端框架
- React：Facebook开发的用于构建用户界面的JavaScript库。React采用组件化的思想，可以轻松地构建大型、高性能的Web应用程序。
- Vue：渐进式JavaScript框架。Vue采用响应式的数据绑定和组件化的开发方式，可以快速地构建前端应用程序。
- Angular：由Google开发的开发平台。Angular采用MVVM的架构模式，可以快速地构建大型企业级应用程序。
前端工具
打包工具
- Webpack：JavaScript应用程序的静态模块打包器。Webpack可以将多个JavaScript模块打包成一个文件，减少页面加载时间，提高Web应用程序的性能。
- Parcel：Web应用程序打包器，支持多种语言。Parcel可以根据模板自动化地打包出应用程序，减少开发者的编码工作。
- Rollup：专门为JavaScript库打包优化的工具。Rollup采用tree-shaking的方式，可以将应用程序中未使用的模块剔除，减少应用程序的代码体积。
代码规范工具
- ESLint：JavaScript代码检查工具。ESLint可以检查代码是否符合规范，避免出现各种错误和漏洞。
- Prettier：代码格式化工具。Prettier可以自动将代码格式化成统一的样式，避免因为代码格式问题引起的冲突和错误。
- StyleLint：CSS/Sass/Scss/Less代码检查工具。StyleLint可以检查CSS代码是否符合规范，避免出现样式问题和兼容性问题。
测试工具
- Jest：Facebook开发的JavaScript测试框架。Jest可以对JavaScript代码进行单元测试和集成测试，确保代码的质量和稳定性。
- Mocha：JavaScript测试框架。Mocha可以对JavaScript代码进行各种类型的测试，包括单元测试、集成测试和端到端测试。
- Cypress：用于编写端到端测试的JavaScript测试框架。Cypress可以模拟浏览器行为，测试Web应用程序的用户交互和功能性。
调试工具
- Chrome DevTools：Chrome浏览器的开发者工具。Chrome DevTools可以帮助开发者调试JavaScript代码、查看DOM结构、修改CSS样式、模拟网络请求和响应等等。是前端开发中必不可少的调试工具。
- React DevTools：用于React开发的调试工具。React DevTools可以帮助开发者查看React组件的状态和属性，以及调试React应用程序的性能。
- Vue DevTools：用于Vue开发的调试工具。Vue DevTools可以帮助开发者调试Vue组件的状态和属性，以及查看Vue应用程序的性能。
前端技术扩展
高级JavaScript
- TypeScript：JavaScript的超集，增加了静态类型检查和其他特性。TypeScript可以提高代码的可读性和可维护性，减少出错的可能性。
- ES6+ ：JavaScript的最新标准，增加了许多新特性，包括箭头函数、解构赋值、Promise、async/await等等。ES6+可以让开发者编写更加优雅和简洁的代码。
前端框架扩展
- React Native：用于开发原生移动应用的React框架。React Native可以将React组件编译成原生组件，实现跨平台开发。
- Electron：用于开发桌面应用程序的框架。Electron可以将Web应用程序打包成桌面应用程序，支持多种平台。
前端工程化
- Node.js：基于Chrome V8引擎的JavaScript运行环境。Node.js可以让JavaScript脱离浏览器，运行在服务器端，实现一些高级的应用程序。
- NPM/Yarn：JavaScript包管理工具。NPM和Yarn可以快速地安装、升级、卸载JavaScript包，管理开发过程中的依赖关系。
- Webpack插件开发：开发Webpack插件可以扩展Webpack的功能，实现更加灵活和高效的打包过程。
Loading...