首页专题 web前端架构

web前端架构

很多同学在进行编程学习时缺乏系统学习的资料。本页面基于web前端架构内容，从基础理论到综合实战，通过实用的知识类文章，标准的编程教程，丰富的视频课程，为您在web前端架构相关知识领域提供全面立体的资料补充。同时还包含 w3c标准、w3c菜鸟、w3c验证的知识内容，欢迎查阅！

web前端架构相关知识

【学习打卡】第14天 Web前端架构师
课程名称：Web前端架构师课程章节：12周通用上传组件开发以及使用主讲老师：张轩课程内容 Vue3愉快地入门了，然后架构师这门课也是张轩老师讲的，但是之前走马观花地看了看，学了Vue3+TS仿知乎的课有更深的体会了，温习一下这个上传组件的升级版！这周的内容有组件上传的基本实现、结合测试和源码分析。上传组件的需求实现：根据状态切换视图（未传输、正在上传、上传成功、上传失败）、手动上传、上传校验、拖拽上传、预览图片和移除上传。拖拽上传的实现使用了一个events对象，
【九月打卡】第6天 TDD方式给上传组件编写自定义模板
课程名称：web前端架构师课程章节：第11周第五章主讲老师：张轩课程内容：TDD方式给上传组件编写自定义模板上传模板之前测试 mock 组件使，使用的是。global.components let wrapper: VueWrapper<any> beforeAll(() => { wrapper = mount(UserProfile, { global: { components: globalComponents } }) }) 如果要 mock 在组件中注册的组件，需要设置 global.components.stubs。参考文档地址 https://test-utils.vuejs.org/api/#global const mockCompone
【九月打卡】第15天本地测试我们打包的组件
课程名称：web前端架构师课程章节：第13周第四章主讲老师：张轩课程内容：本地测试我们打包的组件在使用 rollup 打包组件时，当我们使用第三方模块时，如果我们还没有做任何处理，就会出现下面警告 (!) Unresolved dependencies https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency vue (imported by src/App.vue?vue&type=script&setup=true&lang.ts, src/components/HelloWorld.vue?vue&type=script&setup=true&lang.ts) (!) Missing glo
【九月打卡】第11天完成编辑器中的上传功能
课程名称：web前端架构师课程章节：第11周第五章主讲老师：张轩课程内容：完成编辑器中的上传功能将上传组件添加到编辑器中昨天完成对上传组件文件校验进行了封装，下面将它添加到编辑器中 function befeforeUpload (file: File) { const condition = { format: ['image/jpg', 'image/jpeg', 'image/png', 'image/gif'], size: 10 * 1024 * 1024 } const res = uploadCheck(file, condition) if (!res.passed) { message.error(res.err) } return