从毕业到现在，已经差不多十年了，一直在从事前端工作，从一开始的jquery到前端三驾马车，再到现在各种AI技术，可以说见证了前端的大半个历程。现在的我，已经担任过几家公司的团队主管，目前是一家几千亿市值公司(不是BAT)的前端技术主管，我想基于我过去的经历，以及现在的认知，来谈谈下面几个问题(仅代表个人看法，期望相互尊重)：Q：我会建议毕业生走前端这个赛道吗？A：不会。具体看下文。Q: 谈谈前端的
弊端：成本极高，变现机场，头部喝西北风，中药部严重亏损，尾部成不了一个月。弊端：马太效应十分严重，赢家通吃，头部吃肉、中部喝汤、尾部喝西北风。弊端：变现超差，头部喝汤、中部喝西北风、尾部西北风都合不上。弊端：基本活不了，全靠dou+砸，后端转化能力不足的必亏。弊端：需要人脉资源、头部吃肉、中部喝汤、尾部喝西
抖音直播带货，前10000名的销量，都是差不多的，所以都有机会来做直播带货——对于这种，可以做矩阵号。普通人的真实人设
一般内容就是推荐各类东西、各类博主，比如哪些穿搭值得关注，内容就是梨型身材就看胖梨阿姨、150个子就看
N年前写的微前端笔记——微前端技术架构
10.node多进程之exec/execFile/spawn/fork之间的区别1.如何取选择使用exec/execFile和spawn？spawn是流式的，所以适合耗时任务
本文介绍如何使用history插件管理浏览记录history插件的使用history这个插件可以方便管理你的浏览记录cnpm install history --saveimport createHistory from 'history/createBrowserHistory'三种方法有三种使用方式
7.消息总线其实微前端，就是将每个app装入了自己的黑匣子中，与外界相对隔离，相互之间无法通信，这其实与我们的现实并不符合。所以，微前端应用之间的相互通信，成了微前端架构的关键之一。应用之间的通信，可以分为两类：每个黑匣子里面发生了什么，外面如何知道？每个黑匣子都是有生命周期的，当被卸载的时候，
6.模块加载器这里的模块加载器，其实主要就是通过汇集每个应用的配置文件，批量注册应用配置文件在每个应用下新建配置文件，比如在src/vue下新建config.jsexport default { "name": "vue", //模块名称 "path": "/vue-project", //模块url前缀 "prefix": "/vue", //模块文件路径前
微前端懒加载根据前面所讲，我们知道需要加载一个应用，就是去正确注册并启动这个应用，总共有两个步骤：注册 registerApp({ name: config.name, main: config.main, url: config.prefix, stor
微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。.
5. 感受Single-Spa我们先通过小demo，来感受下Single-Spa如何实现一个项目两个框架同时存在的开始创建根目录mkdir single-spa-appcd single-spa-app初始化项目npm init -y安装依赖，
管道流pipe 1. 管道流的使用 格式： 可读流.pipe(可写流) const ReadStream = require('./ReadStream') const WriteStream = require('./WriteStream') // rs是一个可读流 let rs = new ReadStream('./text.txt', { highWaterMark: 4 })
双工流 双工流特点： 既可读，又可写。(读写之间可以没有关系) 同时实现了 Readable 和 Writable 的流，即可以作为上游生产数据，又可以作为下游消费数据，这样可以处于数据流动管道的中间部分 rs.pipe(rws1).pipe(rws2).pipe(rws3).pipe(ws); 1. Duplex实现 由于js没有多继承，但又需要继承Readable和Writable
转换流 转化流是一种双工流，继承双工流，能够使得可写流与可读流之间相互转化 1. 转换流的实现 stream.Transform 类原型上继承自 stream.Duplex 并实现其自己版本的 writable._write() 和 readable._read() 方法。 自定义的 Transform 实现必须实现 transform._transform() 方法，也可以实现 tran
一、image镜像1.1 查看镜像 docker image ls字段含义REPOSITORY仓库地址TAG标签IMAGE_ID镜像IDCREATED创建时间SIZE镜像大小1.2 查找镜像 docker search ubuntu字段含义NAME名称DESCRIPTION描述...
VueRouter的核心原理一、VueRouter的核心组成部分主要实现以下几部分：modethis.router/this.router/this.router/this.routerouter-link/router-viewVue.use注册插件1、mode在vueRouter中，主要分为两种模式，一种是hash，一种是history。hash模式是通过监听...
vue项目初始化1. 生成package.json文件> npm init2. 安装依赖> npm i webpack vue vue-loaderMacBook-Air:vue-webpack-todo yuhua$ npm i webpack vue vue-loader> fsevents@1.2.4 install /Users/yuhua/Desk...
【重学webpack系列——webpack5.0】 1. webpack5有哪些新特性(面试题) 启动命令 持久化缓存 资源模块 URIs moduleIds & chunkIds的优化 更智能的tree shaking nodeJs的polyfill脚本被移除 模块联邦 2. 新特性1——启动命令 webpack4启动devServer，用的命令
global 下的属性和方法 global console process Buffer 缓存区(重点) 比如：文件读写都写在Buffer中 clearImmediate 清除立即 setImmediate 设置立即 clearInterval setInterval clearTimeout setInterval … 1.global global.global.global可以循环使用，没
常用的数据结构：队列、栈、链表、树等… 队列 先进先出，push shift 举例: 事件环 栈 后进先出，push pop 举例： 方法调用栈、路由切换、浏览器对而历史记录(两个栈)、判断标签是否闭合 1. 栈型结构举例 1.1 方法调用栈 function a(){ function b(){ function c(){ } c(); } b()
1 V8内存管理 1.1 V8n内存限制 64位系统可用1.4G内存 32位系统可用0.7G内存 1.2 V8内存管理 JS对象都是通过V8进行分配管理内存的 process.memoryUsage()返回一个对象，包含了Node进程的内存占用信息 console.log(process.memoryUsage()); //结果如下： { rss: 19
区分生产与开发环境 我们需要对webpack.config.js分成两个文件，一个用于开发，一个用于生产 如何区分 新建三个文件 项目根目录 | --------webpack.base.js //基本配置 公共配置 （原先我们写的webpack.config.js） | --------webpack.dev.js //开发环境 |
推荐：《webpack学完这些就够了》 《webpack学完这些就够了》该专题主要讲述webpack4.x从入门到成仙的学习笔记，配置和原理应有尽有。现在由于webpack5.0的诞生，打算从现在开始从0开始写一遍webpack5.0的学习笔记，与大家一起分享学习。 以下是本节正文： 在工作中，经常会用到一些外部依赖的库。通常有以下的引用形式 // 直接通过 cdn 引用，然后在全局直接
推荐：《webpack学完这些就够了》 《webpack学完这些就够了》该专题主要讲述webpack4.x从入门到成仙的学习笔记，配置和原理应有尽有。现在由于webpack5.0的诞生，打算从现在开始从0开始写一遍webpack5.0的学习笔记，与大家一起分享学习。 以下是本节正文： watch和watchOptions的使用 我们在开发环境下，可以用webpack-dev-serve
推荐：《webpack学完这些就够了》《webpack学完这些就够了》该专题主要讲述webpack4.x从入门到成仙的学习笔记，配置和原理应有尽有。现在由于webpack5.0的诞生，打算从现在开始从0开始写一遍webpack5.0的学习笔记，与大家一起分享学习。以下是本节正文：webpack-dev-server使用详解webpack-
推荐：《webpack学完这些就够了》 《webpack学完这些就够了》该专题主要讲述webpack4.x从入门到成仙的学习笔记，配置和原理应有尽有。现在由于webpack5.0的诞生，打算从现在开始从0开始写一遍webpack5.0的学习笔记，与大家一起分享学习。 以下是本节正文： 1.webpack-dev-middleware 是一个中间件，它可以嵌入到现在的其他的express
推荐：《webpack学完这些就够了》 《webpack学完这些就够了》该专题主要讲述webpack4.x从入门到成仙的学习笔记，配置和原理应有尽有。现在由于webpack5.0的诞生，打算从现在开始从0开始写一遍webpack5.0的学习笔记，与大家一起分享学习，可以点击上方专栏订阅哦。 以下是本节正文： 移动端适配方案 当我们在移动端开发时，会发现需要兼容各种尺寸的终端设备，所以，
推荐：《webpack学完这些就够了》《webpack学完这些就够了》该专题主要讲述webpack4.x从入门到成仙的学习笔记，配置和原理应有尽有。现在由于webpack5.0的诞生，打算从现在开始从0开始写一遍webpack5.0的学习笔记，与大家一起分享学习。以下是本节正文：提取CSS，指定CSS和图片的目录因为
推荐：《webpack学完这些就够了》 《webpack学完这些就够了》该专题主要讲述webpack4.x从入门到成仙的学习笔记，配置和原理应有尽有。现在由于webpack5.0的诞生，打算从现在开始从0开始写一遍webpack5.0的学习笔记，与大家一起分享学习。 以下是本节正文： 压缩JS、CSS和HTML及图片 压缩js用terser-webpack-plugin，不在使用ugli
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
