最近随着ChatGPT爆火出圈，网络上各种关于ChatGPT的争论声也不断；有些人把它当成一个更高级的聊天机器人，有人兴奋地看到了创业的风口，而另一些人对它取代人类的工作露出了不少担忧；那么它到底是推动社会不断前进的工具，还是妄图颠覆人类社会的T-1000？本文我们来深入探讨一下ChatGPT的那些事。当我们在谈论ChatGPT时，讨论的是聊天的欣喜，是失业的担忧，是未来的憧憬。发展历程ChatGPT看似好像是在一夜之间突然火起来，但其实它并不是一个什么新鲜的概念，最早的人工智能可以追溯到1950年，艾伦·图灵(Alan

【文末送书】在激烈竞争、快速发展的互联网时代，产品创新和交付面临着越来越多的挑战。淘宝天猫作为电商行业直接触达消费者日常生活的一款重要产品，它的每一次发展、每一次新功能的升级，都将直接影响数亿消费者的体验。“万能的淘宝”这个超级App是如何架构的？如此复杂的商业平台是如何高速迭代的？双11全球购物节这个超级工程是如何操盘的?它们如何做软件交付？它们如何快速迭代？它们如何高效研发？它们如何高效保障质量？它们如何保障用户体验？......如果你想找到这些充满挑战又令人好奇问题的答案，一定不要错过这本《淘宝交付之道》。阿里巴巴大淘宝技术这支强大的研发团队是淘宝、天猫的技术支柱，面对不同时期的挑战，已沉淀出一套基于价值、持续高效交付的方法论和实践经验，现在，大淘宝技术将自己在互联网最前沿摸爬滚打的一线经验，汇集成了一本极具时代意义的软件交付百科全书。《淘宝交付之道》是一部汇聚和浓缩了淘宝20年软件交付方法与经验的著作，由阿里巴巴集团大淘宝技术部历时36个月撰写而成，得到了阿里巴巴合伙人程立的高度评价。这本书围绕软件价值交付的全生命周期展开，完整讲解了淘宝高效交付的体系化建设，从目标确定到需求拆分，从高效开发的技术架构、研发流程到工具平台建设，再到完善的全链路质量保障和用户体验保障实践，最后用横向的项目管理串连起全链路交付的每个环节，实现价值的高效流动。主要内容全书具体内容从如下8个维度展开：（1）目标与需求管理：淘宝的战略目标管理、项目目标管理以及不同类型的需求管理流程；（2）高效开发：确保淘宝内部的软件开发工作能够高效进行的各种技术架构；（3）高效质量保障：在业务和系统飞速演进的过程中，如何从手工测试到自动化平台工具，不断寻求更高效、更全面的质量保障方案；（4）用户体验保障：在面对庞大的用户群体时，在“千人千面”的推荐、直播、视频等新的电商内容化业务形态下，如何度量用户体验、快速感知并解决用户需求，从而持续不断地提升淘宝的质量水准；（5）集成发布：淘宝客户端集成发布的演进历史、优化策略和操作实践；（6）线上保障：结合团队多年的探索和尝试，讲解了监控、快速恢复和攻防演练等的有效手段；（7）淘宝交付项目管理实践：通过重大战役项目、“双11”项目、用户增长项目、创新业务项目等方面的实际案例讲解了淘宝的项目管理体系；（8）软件交付的未来：总结了淘宝对一些前瞻问题的思考，比如如何智能化的手段和云原生技术来提升研发和交付的质量与效率。在这个技术高速变革的时代，任何先进技术一旦故步自封，转瞬就会成为落后生产力，唯有秉持开放的胸怀与持续追求极致的精神，才能永远站在浪潮之巅。大淘宝技术在这本书中传递的这种力量，比任何一种技术都更值得每一位读者拥有。包邮送书关注本公众号后，在后台回复

都2023年了，你觉得就业形势会回暖吗？先说下我的结论：2023依然存在很多不确定性，这不是悲观，而是远见。⾏业巨变、企业裁员，并没有随着疫情而消失，反而是随时会发⽣的事。不管2023就业环境如何，希望大家能够坚持学习，毕竟当你随时做好失业的准备，失业才不会威胁到你！为帮大家在春招回暖前第一个抓住机会，这里分享一份2023《字节前端面试笔记》手册由字节3-1前端面试官路白联合数家大厂面试官编辑整理，涵盖最新最全面的大厂前端面试考点，共计180道！限时免费开放下载！扫码直接领取（含答案）适合初中级前端工程师精准学习拒绝收藏吃灰这份资料和网上找的有什么区别？网上找的资料杂乱无章没答案，只能放在收藏夹吃灰而这份资料包，由多名一线大厂前端面试官联合整理，含完整版框架、流行技术栈等，可用来突击面试拿offer，也可用来精准学习就业提升！全面进阶

目录VSCode插件能做什么?VSCode可扩展能力有哪些？如何开发一个VSCode插件?VSCode插件如何集成基建的脚手架和组件库？（FAW保姆级教程）前端常见插件的实现原理分析？前言我们程序员每天的产出大部分都是在IDE中完成，大家在日常开发过程中，多多少少会有些自己的特殊定制需求去提升开发效率，比如写shell脚本、浏览器插件等，在Visual

页前端大厂高频面试题近半年精华总结，可谓是进大厂必撸八股！就算平时技术积累不俗，拿它查漏补缺也是相当不错~每道题都附有答案详解哦~二、3

${server.address().address}:${server.address().port}`);});server.on('connection',

这个优秀的块编辑器框架为例，介绍该框架如何利用接口自动合并的特性，让开发者在使用

序言现在前端项目的开发过程离不开构建工具帮助，面对琳琅满目的构建工具我们该如何选择最合适自己场景的构建工具是一个问题。在研究各种配置之余，我们去研究一下构建工具发展过程、底层原理，面对一些问题的时候往往事半功倍。通过本文你可以了解到：前端构建工具的进化历程前端构建工具技术方案对比常用构建工具核心实现原理什么是构建？构建简单的说就是将我们开发环境的代码，转化成生产环境可用来部署的代码。市面上存在很多构建工具，但是最终的目标都是转化开发环境的代码为生产环境中可用的代码。在不同的前端项目中使用的技术栈是不一样的，比如：不同的框架、不同的样式处理方案等，为了生产出生产环境可用的

版本，其中的数据预加载和路由绑定方案，确实也是一个不错的方案，但在实际生产过程中，想要快速实现“大一统”也确实会遇到各种问题，因此大家还是需要辩证看待，按需取舍。此外

个比较有用的工具类型，并以图片或动画的形式介绍了它们的用法及内部工作原理。学完这篇文章后，相信你能真正掌握这些内置工具的类型。❝提示：Android

都2023年了，你觉得就业形势会回暖吗？先说下我的结论：2023依然存在很多不确定性，这不是悲观，而是远见。⾏业巨变、企业裁员，并没有随着疫情而消失，反而是随时会发⽣的事。“工作稳定”在这个液态世界下显得虚无缥缈……有超8年前端开发经验，现役阿里P8，专门负责大厂前端面试与培训的先早曾说：不管2023就业环境如何，希望大家能够坚持学习，毕竟当你随时做好失业的准备，失业才不会威胁到你！因阅前端无数，所以深知前端人成长的不易。为此，他爆肝写出超上万字的前端进阶全家桶，为方便高效学习，二次升华梳理出前端精华，浓缩成一份前端进阶专属的【P8前端成长指南】希望能够帮助前端工程师，搭建完整的前端知识框架，高质量精进前端技术，在求职面试/日常工作中脱颖而出。【P8前端成长指南】整套手册已打包（高清pdf版）扫码直接领取手册包含4大进阶方向：1、前端基础知识（Html、Javascript、Css、……)2、前端进阶知识（Vue3、React、前端工程化……）3、数据结构与算法（附P8大佬的算法解题笔记）4、手撕高质量代码【手册部分内容展示1】✅

具备了动态创建函数的能力，第一点已经可以实现；而第二点关于依赖的管理，则需要自行搭建，接下来介绍搭建步骤。抽取依赖，管理编译和更新：新增一个依赖管理文件worker-depts.js，可按照路径作为

UI首次接触headless概念是在chrome浏览器中，在headless模式下用户无需看到网页界面即可进行网页操作，现在广泛用于web自动化测试和爬虫场景中。与之相似的，Headless

Bug。子类型到父类型转换：称为向上转换，是安全的，可以隐式转换；父类型到子类型转换：称为向下转换，是不安全的，需要主动声明才能转换；非父子类型间类型转换：非法行为。总结子类型（subtype）

代表没有值的类型，也被称为零类型或空类型，是所有类型的子类型。即它可以赋值给其它类型。但没有任何类型是

}}经过上述转化，我们将「有多个状态的实体」，变成「多个有状态的实体」，这样做的好处是，我们仅需要关心不同状态下，实体的业务逻辑操作，将代码聚焦于业务实现，真正做到了领域知识的表达，便于横向扩展。

中的“光标”和“选区”，下面用一张图总结一下原理就是这样，下面看一些实例三、彩虹文本现在来实现文章开头图示效果，彩虹文本效果。总共7种颜色，文字依次变色，不断循环，而且仅有一个标签CSS

基础知识、进阶知识、类型体操（精选）、设计模式、核心特性实战和开源项目源码解析

），我主要会讲一些在示例中必须要了解概念，以便让大家不会看到大量的协议或者名词概念直接劝退，目的是快速上手。第一篇文章中，我并没有很好的介绍WebRTC，因为上一篇我们只是用它的一点获取媒体流等

基础知识、进阶知识、类型体操（精选）、设计模式、核心特性实战和开源项目源码解析

URL.revokeObjectURL(url)}然后我们就可以愉快的录制视频了。当然这里只是用分享屏幕的方式来录制视频，如果你想要录制摄像头的视频，也是一样，拿到媒体流后，就可以直接录制了。👉

方法。private：该值表示是否为私有类成员。static：该值表示是否为静态类成员。addInitializer：允许用户添加额外的初始化逻辑。上面的

Paint），用于记录视窗内最大的元素绘制的时间，该时间会随着页面渲染变化而变化，因为页面中的最大元素在渲染过程中可能会发生改变，另外该指标会在用户第一次交互后停止记录。指标变化如下图：TTI介绍

今天给大家分享了一个《vite3+vue3.2+pinia+axios移动电商实战》教程，来自某大厂的前端带训实战。属内部资料，本文做一个介绍，包括整体技术框架和UI展示。需要的小伙伴，直接下图扫码(或加微信zhaoxi0061)免费领取！（随时可能网盘失效，速领）分享中，扫码即可领取添加微信ITIT920也可移动电商UI电商项目火了多年，移动化也是大趋势，虽然看起来UI都差不多，但要一行行代码写下来还是挺麻烦的，这里有全套的前端UI界面和全套源代码。框架和文档这个电商项目用的是vite3+vue3.2+pinia+axios，紧跟当下最新的技术框架，不仅有上述完整源码分享，还专门整理了超全的学习文档！全套资料打包这套《vite3+vue3.2+pinia+axios移动电商实战》教程，有源码、有视频、有课件文档，还配套了一组《Vue3零基础到实战》教程，全部都打包上传到百度网盘了，下图扫码(或加微信zhaoxi0061)领取！分享中，扫码即可领取添加微信

本文是Docker系列的第三篇文章，我们将之前Docker中遗漏的一些问题进行深入的探讨，比如设置容器的环境变量、镜像的导入导出等一些常用的功能；然后我们会搭建一个私有的Registry仓库，上传和拉取我们自己的镜像；以及最重要的部分，容器的编排，这次我们不再是单打独斗地操作一个容器了，我要一次打十个容器！开个玩笑，笔者又不是叶问。最后笔者会分享一些常用的有趣又实用镜像，比如私有网盘、爬虫、图床、私有笔记、私有媒体库以及下载工具等等，可以提升我们的日常工作效率，记得看完哦。对Docker还没了解的小伙伴，可以先阅读

转义：https://github.com/tc39/proposal-regexp-unicode-property-escapesRest/Spread

Decorator（参数装饰器）那么这四种装饰器之间有什么区别呢？它们的应用场景是什么？接下来，阿宝哥将逐一介绍它们。如果你已经掌握装饰器，但对「装饰器设计模式」感兴趣，可以阅读

在上一篇文章中我们对容器、镜像等概念做了详细的介绍，本文介绍一些容器的网络连接，以及我们如何通过Dockerfile来构建镜像使用，同时我们如何在前端项目中使用docker来进行容器部署。网络我们部署的容器中很多应用都是需要让外部通过网络端口来进行访问的，比如比如mysql的3306端口，mongodb的27017端口和redis的6379端口等等；不仅是外部访问，不同的容器之间可能还需要进行通信，比如我们的web应用容器需要来连接mysql或者mongodb容器，都涉及到了网络通信。端口映射容器要想让外部访问应用，可以通过-P或者-p参数来指定需要对外暴露的端口：$

随着容器化技术盛行，Docker在前端领域也有着越来越广泛的应用；传统的前端部署方式需要我们将项目打包生成一系列的静态文件，然后上传到服务器，配置nginx文件；如果我们使用容器化部署，将部署操作都命令化，集中成一个脚本就可以完成原来复杂的部署过程。本文从Docker基础开始，来认识Docker的各种命令操作。docker简介Docker是一个开源的引擎，可以轻松地为任何应用创建一个轻量级的、可移植的、自给自足的容器。Docker

操作符，用于确保一个表达式匹配某种类型。那么该操作符有什么用途呢？下面我们先来看个例子：type

0而不是display:none，还有选中的背景色变化，由于background-image不支持过渡，所以换成了::before，然后单独用opacity控制等等一些细节，效果如下Kapture

"semlinker@gmail.com");对于以上的代码来说，虽然我们成功创建了

基础知识、进阶知识、类型体操（精选）、设计模式、核心特性实战和开源项目源码解析

车型，工厂会根据用户选择的车型生产对应的汽车，生产完成后再将车交付给用户。接下来，让我们看看如何使用简单工厂模式，来描述

方法的功能呢？对于这个问题，其中的一种解决方案是使用「装饰器模式」，该模式可以在不改变对象结构的情况下，动态地给对象添加一些额外的功能。❝提示：Android

Compiler;文件生成至此我们已经将入口文件和其所依赖的所有文件编译完成，现在需要将编译后的代码生成对应的文件。根据最上面利用官方

"https://github.com/semlinker");eventHandler.handleAction("sendMessage",

的目标只有一个，去除无用代码，缩小最终的包体积，至于什么算是无用代码呢？主要分为三类：代码不会被执行，不可到达。代码执行的结果不会被用到。代码只会影响死变量（只写不读）

应用还会引导你完善个人资料。在此期间，如果你绑定了其它的登录方式，那么在登录时你就可以选择不同的登录方式。要实现登录时，支持切换不同登录方式的功能，我们可以定义一个

主要是为解决程序异步处理而生的，在现在的前端应用中无处不在，已然成为前端开发中最重要的技能点之一。它不仅解决了以前回调函数地狱嵌套的痛点，更重要的是它提供了更完整、更强大的异步解决方案。同时

所以他对于前端萌新如何快速进阶不但有丰富的经验，还有很多拿来即可用的大厂实战项目案例。之前我就看过不少他分享的技术感悟，很受启发，没想到如今输出成系统的专栏课程了，十分难得。

Writer的部分，并且是基于你个人信息数据的AI写作助理。比如一个可能的场景就是当你在写作中提到某个日程安排或者某条视频内容时，Mem会自动将这些信息自动同步到文档中，同时这个AI

NLP任务的发展有两个明显的阶段，我们以bert模型为区分点，前半段是基础的神经网络阶段（bert模型之前的阶段），后半段是BertTology阶段（bert模型之后的阶段）参考

前言在现有前端应用日益复杂化的业务场景下，将一个体积庞大的前端应用拆分为几个可以独立开发、测试、部署的微应用变得越来越普遍。微前端的这种模式这大大提高了我们的构建效率，在每次构建时我们不再需要去构建一个庞大的应用，而是构建我们所需要构建的某个子应用。通常在一个微前端的架构下应用之间又会有许多公共的代码，那么在此基础上又如何更加灵活更加有效的共用这些代码呢？（下面介绍的各种方案与微前端的场景并无绑定关系，只是基于这个场景更好去说明一些问题）。Common

ObjectId("632c6d93d65f74baeb22a2c9")没了解实现之前，看起来总归是有些神秘的，如果自己写一个类并实现自定义输出信息该怎么做呢？带着好奇之心看了下源码实现：//

red。由于子应用的样式晚于主应用加载，所以主应用的样式会被覆盖。以上问题在同时加载多个子应用时也会存在：各个应用之间也可能存在同名的

https://dev.to/this-is-learning/javascript-framework-todomvc-size-comparison-504f2.

仔细想想，近些年随着人们对于用户体验的追求越来越高，前端开发的地位确实逐渐上升到了前所未有的高度，前端技术日新月异，但随之而来的前端人也有了更多的挑战，有不少同学都曾跟我吐槽过：

everywhere)缺点需要打包JRE，体积大总的来说，虽然不同大类技术栈的应用具体实现原理有所不同，但是相关开发的技术栈的大致特点可以归纳如下：系统API调用和交互：原生应用

位大佬的面试跳槽经验分享除了技术之外的跳槽准备、简历准备、面试应对，这里都能找到值得借鉴的前人经验！当然，除了前人经验，更重要的还是要「跟着高手练」。我一直很关注的前阿里