一：1.O2O线上利线下 例如：美团2.B2B商家对商家 例如：1688阿里巴巴3.c2c个人对个人 例如：转转咸鱼4.B2C商家对个人 例如：京东5.p2p个人对个人理财6.BS架构浏览器与服务架构例如：百度网页7.Cs架构客户端与服务器 例如：百度云的pc版8.ToB软件例如： Ding9.toC软件用户直接浏览产品二：互联网行业职业简称1.PM——项目经理( Project Manager
Redux 是 JavaScript 状态容器， 提供可预测化的状态管理。那什么是可以预测化，我的理解就是根据一个固定的输入，必然会得到一个固定的结果。redux是专门为react开发的，但并不是只能用于react,可以用于任何界面库。动机随着单页面应用的普及，web app内部需要管理的状态越来越多，这些状态可能来自服务器端，用户输入的数据，用户交互数据，当前UI状态，本地的缓存数据等等。如何能
转载
2023-08-13 18:46:39
92阅读
前端架构是指在前端开发中，设计和组织应用程序的基本结构和组件之间的关系的方法和原则。它
原创
2023-06-24 09:32:21
292阅读
前言近来，微前端的概念非常火爆，那么什么是微前端架构？微前端架构是一种架构风格类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。微前端所具备的便于引入新框架，代码简洁、易维护等特点使其应用愈发广泛。爱奇艺号前端工程基于Vue的框架已经使用了3年之余，这一版本虽有
转载
2023-10-04 15:40:22
53阅读
一、Ajax简介 AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求；异步交互：客户端发出一个请求后，无需等待服务器结束，就可以发出第二个请求
媒体查询@media@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果需要设置设计响应式的页面，@media 是非常有用的。当重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。eg：如果文档宽度小于 500 像素则修改背景颜色。效果如下：代码如下：@media only screen and (max-width: 500px) {
body {
rem布局rem 主要是为了解决字体随屏幕变化，flex上的高度问题，实现高度和宽度等比例缩放rem其实是一个单位 ，是个相对单位 root em。类似em。em指的是父级字体大小，顾名思义，我们的rem就是root（根元素的大小）->根元素 ，相对于html元素的字体大小的单位。rem布局的原理，就是根据一个html根元素来控制，网页的布局，实现类似于自适应等比例的缩放的布局。rem优势，
一、函数的声明1.1 function 命令function methodName(params) {
// code
}如下声明：function test_function(params) {
console.log("function");
}如上函数, 声明了 test_function函数, 以后使用test_function(params) 都会
俗话说，没有无缘无故的爱，也没有无缘无故的恨，当然也没有无缘无故的Code Review!一、目的保证团队编码风格一致
自己的代码要给别人看，开发过程中需要潜意识的注意代码规，以及逻辑严谨性。保证项目质量，扼杀潜在风险
虽然功能完成后自己会自测，但难免会遗漏掉一些边界点，或者受思维限制的一些点。相互提升
多学习别人代码，看高手是如何写出严谨、简洁、优美的代码，和自己做对照，取齐精髓，去其糟粕！便捷
目录【一面】1. React的生命周期了解么？2. Fiber是什么？3. HTML5，CSS3有哪些新特性？4. 代码实现垂直居中5. 介绍一下Promise6. 代码实现Promise.then()7. 强制缓存，协商缓存8. 介绍一下express中间件9. React.memo()和useCallback()10. 什么场景用useCallback()11. CSS选择器优先级【二面】1.
cursor [ˈkɜːsə®] (计算机荧光屏上的)光标，游标instance 实例void无效的;空的;state 状态tick打上钩;标记号; n:钩号utils实用工具prototype [ˈprəʊtətaɪp] 原型debounce防抖动;弹跳;抖动消除selector 选择器bus公共汽车;巴士;(计算机系统的)总线Interval间隔current现在的;当前的recommend
什么是持续集成/持续部署（CI/CD）？简单理解就是把代码测试、打包、发布等工作交给一些工具来自动完成。这样可以提高效率，减少失误，开发人员只需要关心开发和提交代码到git就可以了。CI/CDCI，Continuous Integration，为持续集成。即在代码构建过程中持续地进行代码的集成、构建、以及自动化测试等；有了 CI 工具，我们可以在代码提交的过程中通过单元测试等尽早地发现引入的错误；
一、常见定位方案在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案:普通流 (normal flow)在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在 HTML 文档中
原创
2021-04-16 20:47:00
2318阅读
一、常见定位方案在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案:普通流 (normal flow)在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在 HTML
原创
2022-03-29 15:34:30
106阅读
一、网页的本质：HTML就是用来制作网页文件的。HTML叫做超文本标记语言（Hypertext Markup Language），用于搭建网页的结构。浏览器查看的网页都是.html或.htm文件 。二、网页的组成：前端三层：HTML（结构层）、CSS（样式层）、JavaScript（行为层）。其他多媒体内容：图片、视频、音频、超级链接等。所有的网页文件都是真实的、物理存在的文件。三、 互联网运行过
在当今互联网时代，web前端开发扮演着至关重要的角色，它是构建网页用户界面的过程，通过使用HTML、CSS和JavaScript等技术，将设计师提供的UI设计转化为真实、可交互的网页界面。对于刚入行的小白来说，了解web前端开发是什么，将是他职业进阶的第一步。下面，我将为你详细介绍web前端开发的基本流程，并为你提供相关的代码示例。
### 什么是Web前端开发？
Web前端开发是指使用各种
前端架构的设计与进化架构及架构设计做架构需要注意的关键点核心理念组件框架开发规范工具平台流程边界经验沉淀机构设计常遇到的问题架构中的设计技巧架构演进的助力前端观点记录思考 以下是我结合课程的思考总结，若有什么问题，欢迎留下意见 架构及架构设计架构是针对业务系统的各方面设计，可以包含但不等于 技术栈的选择、框架或类库的选择，它更多的是针对某个业务实现的合理解决方案；框架是很好的搭建项目工具，技术栈
转载
2023-08-16 22:10:53
50阅读
Fes是什么？Fes 是基于 Vue2.x 的中后台前端框架，目的在于提效中后台开发，降低开发门槛。提供一系列基础能力，让开发只关注业务逻辑。Fes 诞生的原因在一个互联网企业内部会有很多管理台需求，满足技术和非技术人员对数据的增、删、改、查的操作。基于一个现在流行的前端框架开发一个管理台需要如下步骤：这些管理台功能类似，会有很多共性。例如上图开发环境的搭建、环境配置、写需求页面前的准备等等，每个
原创
2021-05-15 15:37:24
366阅读
# Java函数fes_add科普
在开发Java应用程序时，经常会涉及到函数的使用。函数是程序中执行特定任务的代码块，它可以接受参数并返回一个结果。在Java中，函数也被称为方法。本篇文章将介绍一个名为fes_add的Java函数，并通过代码示例来说明其用法和作用。
## fes_add函数简介
fes_add函数是一个用于实现两个数相加的函数，其目的是返回两个数相加的结果。这个函数接受两
认识 Babel根据 Babel 官网 所介绍，Babel 其实就是一个 JavaScript 的编译器，将 ES6 等高级语法转换为 ES6 之前 这些能被低级浏览器所兼容的语法的工具。可以借助官网在线编译器来了解一下Babel。Babel 本身可以编译 ES6 的大部分语法，比如 let、const、箭头函数、类，但是对于 ES6 新增的 API，比如 Set、Map、Promise 等全局对
转载
2023-12-14 13:53:14
33阅读
