黑马程序员官方博客

先来认识一下strapi,然后用它把咱们的项目创建一下传送门:strapi介绍传送门:strapi类似产品介绍传送门:什么是比较好的低代码平台传送门:strapi快速开始指引认识一下strapi创建strapi项目使用管理员登录strapi是一个开源的无头CMS开源:源码开放CMS:有头: Discuz、DedeCMS(织梦)、WordPress…无头: strapi、Ghost、Keystone…提供数据管理后台,并提供数据接口给任意平台及框架接下来咱们来把界面调整为中文。

完成加入购物车，购物车列表交互，计算结算金额等业务。

学会使用，下载并使用SKU组件，实现规格展示和交互。

涵盖了猜你喜欢、热门推荐、商品分类、商品详情、微信登录、用户管理、地址管理、购物车管理、订单管理等功能。地址模块共两个页面：地址管理页，地址表单页 ，划分到会员分包中。新用户没有收货地址，先完成新建地址，新建成功返回地址管理页。获取地址详情，把获取的数据合并到表单数据中，用于数据回显。侧滑地址列表项，右侧显示删除按钮，删除地址前需二次确认。接口地址：/member/address/:id。接口地址：/member/address/:id。接口地址：/member/address/:id。

全网首套用 vue3 加 TS 写的 uniapp 项目， 里面大量封装自己的组件库，课程从 uni-app 基础入手，按照9大电商业务模块逐步实现完整的电商购物流程业务；涵盖了猜你喜欢、热门推荐、商品分类、商品详情、微信登录、用户管理、地址管理、购物车管理、订单管理等功能。包含微信登录，微信支付等业务。一套代码多端全面覆盖微信小程序端、H5端、APP端。

涉及知识点：微信授权登录，文件上传，Store 状态管理等。

Nuxt 框架提供了一种基于 Node.js 的，可以让 Vue 应用在服务器端进行渲染，从而提高页面的加载速度和 SEO。

用户点击左菜单的一级分类，切换右侧对应的二级分类和商品。

主要实现 Tabs 交互、多 Tabs 列表分页加载数据。

10 个最受欢迎的 Angular 库。

小兔鲜儿 - 首页模块涉及知识点：组件通信、组件自动导入、数据渲染、触底分页加载、下拉刷新等。

项目模板包含：目录结构，项目素材，代码风格。

通过 HBuilderX 创建通过命令行创建（推荐）

Pinia 是 Vue 的专属的最新状态管理库 ，是 Vuex 状态管理工具的替代品。

侦听一个或者多个数据的变化，数据变化时执行回调函数，俩个额外参数 immediate控制立刻执行，deep开启深度侦听。create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。通过watch监听的ref对象默认是浅层侦听的，直接修改嵌套的对象属性不会触发回调执行，需要开启deep。在setup函数中写的数据和方法需要在末尾以对象的方式return，才能给模版使用。顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件的数据。

已售{{ detail.goods_sales }}件</div></div>

沟通技能是最重要的职业技能面试不仅仅只是对技术的考察，而是对一个人整体的综合能力的考验，那么如何才能考察出来一个人的综合能力呢，答案是通过沟通，因为大部分情况下面试者和雇佣者都是第一次见面的，沟通就是判断一个人综合能力的最重要的手段之一。我身边的一个朋友技术非常牛，但是不善于表达，以至于让领导同事低估了他的价值，导致最直接的结果就是薪资的不理想。技巧：把握面试的沟通方向豁达、自信的适度发挥。

目标：明确Vuex是什么，应用场景以及优势state : {count : 0 } , // 定义mutations mutations : {} })通过mutations修改state的步骤1.定义 mutations 对象，对象中存放修改 state 的方法2.组件中提交调用 mutations(通过$store.commit(‘mutations的方法名’))

router-link是什么？router-link怎么用？router-link的好处是什么？router-link 会自动给当前导航添加两个类名，有什么区别呢？router-link的两个高亮类名 太长了，我们希望能定制怎么办如何自定义router-link的两个高亮类名声明式导航跳转时, 有几种方式传值给路由页面？查询参数传参（多个参数）动态路由传参（一个参数，优雅简洁）编程式导航有几种跳转方式？编程式导航，如何跳转传参？1.path路径跳转query传参。

这都是Vue给咱们内置的一些指令，可以直接使用自定义指令：同时Vue也支持让开发者，自己注册一些指令。这些指令被称为自定义指令每个指令都有自己各自独立的功能概念：自己定义的指令，可以封装一些DOM操作，扩展额外的功能全局注册//在main.js中 Vue . directive('指令名' , {// 可以对 el 标签，扩展额外功能 el . focus() } })局部注册//在Vue组件的配置项中"指令名": {// 可以对 el 标签，扩展额外功能el.focus()使用指令。

style的默认样式是作用到哪里的？scoped的作用是什么？style中推不推荐加scoped？data写成函数的目的是什么？组件通信，就是指组件与组件之间的数据传递组件的数据是独立的，无法直接访问其他组件的数据。想使用其他组件的数据，就需要组件通信组件关系分类有哪两种父子组件通信的流程是什么？父向子子向父组件上 注册的一些 自定义属性1.非父子组件传值借助什么？2.什么是事件总线3.发送方应该调用事件总线的哪个方法4.接收方应该调用事件总线的哪个方法。

思考：什么时候可以发送初始化渲染请求？（越早越好）什么时候可以开始操作dom？（至少dom得渲染出来）Vue生命周期：就是一个Vue实例从创建 到 销毁 的整个过程。生命周期四个阶段：① 创建 ② 挂载 ③ 更新 ④ 销毁1.创建阶段：创建响应式数据2.挂载阶段：渲染模板3.更新阶段：修改数据，更新视图4.销毁阶段：销毁Vue实例Vue生命周期过程中，会自动运行一些函数，被称为【生命周期钩子】→ 让开发者可以在【特定阶段】运行自己的代码四、生命周期钩子小案例1.在created中发送数据2.在mo

​ 所谓指令修饰符就是通过“.”指明一些指令后缀 不同的后缀封装了不同的处理操作 —> 简化代码代码演示：3.v-model修饰符v-model.trim —>去除首位空格v-model.number —>转数字4.事件修饰符@事件名.stop —> 阻止冒泡@事件名.prevent —>阻止默认行为@事件名.stop.prevent —>可以连用 即阻止事件冒泡也阻止默认行为三、v-bind对样式控制的增强-操作class为了方便开发者进行样式控制， Vue 扩展了 v-

概念：Vue (读音 /vjuː/，类似于 view) 是一套 **构建用户界面 ** 的渐进式框架基于数据渲染出用户可以看到的界面所谓渐进式就是循序渐进，不一定非得把Vue中的所有API都学完才能开发Vue，可以学一点开发一点所谓框架：就是一套完整的解决方案举个栗子如果把一个完整的项目比喻为一个装修好的房子，那么框架就是一个毛坯房。我们只需要在“毛坯房”的基础上，增加功能代码即可。提到框架，不得不提一下库。库，类似工具箱，是一堆方法的集合，比如 axios、lodash、echarts等。

我做了 XX 项目重构，用了 XX 技术方案，克服了 XX 的困难，最终让 XX 这类需求变更可以短平快的被消化，极速研发、快速上线、且数据采集也做到了标准化，研发成本大大降低，数据积累增长迅速，比如 XX ，最后在 XX 产品线中开始推广。学会使用 CSS、HTML，知道怎么调用 API 完成基本的功能，会ES6+ 语法，现在主流的 Vue / React 框架。仅仅只会知识（html，css，js，vue等是远远不够的）至少需要5+的项目，包含PC端，移动端H5，小程序等项目。前端项目查找网站有哪些？

我做了 XX 项目重构，用了 XX 技术方案，克服了 XX 的困难，最终让 XX 这类需求变更可以短平快的被消化，极速研发、快速上线、且数据采集也做到了标准化，研发成本大大降低，数据积累增长迅速，比如 XX ，最后在 XX 产品线中开始推广。具体:xxxx后台管理系统:1. 使用vue-cli搭建项目基本结构,对项目进行模块化划分,并集成ivew组件库、axios请求库2. 利用axios拦截器实现了权限校验,对系统的登入权限进行控制,避免了无效请求。

原生fetch虽然已经支持 promise 了，相比 XMLHttpRequest 已然好用了很多，但是参数还是需要自己处理，比较麻烦。通过数据流（Stream对象）处理数据，可以分块读取，有利于提高网站性能，对于大文件或者网速慢的场景极为有用。采用了模块化设计，API分散于多个对象中（如：Response对象、Request对象、Header对象）Response 对象根据服务器返回的不同类型的数据，提供了不同的读取方法。，此外还可以接收第二个参数，作为配置对象，可以自定义发出的HTTP请求。

我们实现了一个简单的button组件，但是在实际生产环境中，远比这个要复杂的多， 所以大家要勤加思考，多加练习，提升我们的抽象和封装能力。我们不用把这些组件引入到工程中，就可以测试可以测试多个不同的输入，不同的输出边缘情况我们来回顾下今天的内容：首先，我们分析了为什么要做一个组件库，以及搭建一个组件库的必要性。其次， 我们分析了组件库的搭建思路，以及技术方案。（这里我们参考了antd的实现效果。使用了dumi脚手架进行开发）

微前端是指存在于浏览器中的微服务，其借鉴了微服务的架构理念，将微服务的概念扩展到了前端。如果对微服务的概念比较陌生的话，可以简单的理解为微前端就是将一个大型的前端应用拆分成多个模块，每个微前端模块可以由不同的团队进行管理，并可以自主选择框架，并且有自己的仓库，可以独立部署上线。一般呢，微前端多应用于企业中的中后台项目中，因为企业内部的中后台项目存活时间都比较长，动辄三五年或者更多，最后演变成一个巨石应用的概率往往高于其他类型的web应用。这就带来了技术栈落后编译部署慢两个问题。

在互联网高速发展的浪潮里，电子商务也迅猛发展，视觉设计这一传统行业惯用的手段也逐渐融入电子商务中，并越来越受到重视，各行各业都离不开电商视觉设计，招聘需求量大，就业薪资高，那么成为电商视觉设计师应该学习那些内容呢？为此，特地为大家整理了专门的产品经理学习路线图，希望大家赶快来学习呀！在互联网高速发展的浪潮里，电子商务也迅猛发展，视觉设计这一传统行业惯用的手段也逐渐融入电子商务中，并越来越受到重视，各行各业都离不开电商视觉设计，招聘需求量大，就业薪资高，那么成为电商视觉设计师应该学习那些内容呢？

脚手架本质就是一个工具，作用是能够让使用者专注于写代码，它可以让我们只用一个命令就生成一个已经配置好的项目，而不用我们再花时间去配置和安装相关依赖，可以在很大程度上提升我们的开发效率。比如我们常用的create-vue和就是脚手架，很多大厂也都有自己的脚手架。

越来越多的Web应用使用到了3D技术，当前市面上有着丰富的业务应用场景：VR看房、VR购物、3D小游戏 ，企业网站三维呈现，数字孪生等......这些3D技术不仅丰富了用户的体验，而且也提高了企业的管理效率。案例1 VR看房案例2 在线选车。

初级阶段，喜欢问API；中级阶段，喜欢问原理，学习的时候要积累经验，多思考问题。至于高级阶段，关键在于沉淀代码，提高可维护性，不断学习和探索，能够编写插件、工具，并且能够编写出稳健且能长期维护的代码。这些阶段之间的差距是相当大的。一、各个阶段0-1：会写一点HTML+CSS1-2：写个页面2-3：简单的js语法3-4：能使用框架制作网站。

了解前后端分离项目中 token 的作用在删除最后一页

Canvas的应用非常广泛：首先是可视化数据的应用， 比如说：百度的ECharts 、阿里的G2等图表可视化插件；其次是游戏的应用， Canvas游戏在流畅度和跨平台方面都表现很好；还有图形编辑器的应用 ……快速玩转超炫酷Canvas。

看如下标签回答如下问题？

作为前端开发，Nodejs已经成了很多公司对我们这一岗位的硬性要求，而 Express 框架则是其中知名度最高、也是最受欢迎的Nodejs开发框架，它帮助我们封装了Nodejs底层的API，屏蔽了大量的繁琐的细节，让我们只需要关注业务开发就行了，极大的降低了学习的成本。路由中间件静态文件服务模板引擎。

调试工具的面板有很多，先掌握做常用的4个元素(Element)控制台（Console）源代码（Sources）网络（Network）掌握Chrome调试工具的基本使用认识常见报错的种类能够在报错中提取关键信息能够通过调试工具、二分注释排除法，准确定位代码Bug位置。

2023年前端开发还是继续围绕着React和Vue这两大框架展开。TypeScript的普及将提高代码质量和可维护性，而WebAssembly和PWA的应用或许将为前端开发带来更多的可能性。无论是新技术的兴起还是现有技术的进一步发展，前端开发者们都将需要不断学习和适应，以保持与时俱进。

随着互联网的发展，实时音视频通话功能已经成为远程办公、社交娱乐和在线教育等领域中不可或缺的一项重要功能。WebRTC作为一种开放标准的实时通信协议，能轻松实现浏览器之间的实时音视频通信。本次主要分享基于WebRTC的音视频通话技术，讲解WebRTC原理和音视频传输等关键概念，通过案例实践，带大家掌握如何搭建一个音视频通话应用。