ur home

转载至ELab团队 ELab.zhangqiang原文链接npm & yarn 包管理机制背景使用 npm 或 yarn 管理项目依赖时，可能会产生以下疑问： 项目依赖出现问题怎么办？删了重装，即先删除 node_modules 再重新 install，那这样的操作会不会存在风险？ 把所有依赖都安装到 dependencies 中，不区分 devDependencies 会有问题吗？ 我们的应用依赖了 pkg-a 和 pkg-b，同时 pkg-a 也依赖了..

来自：掘金，作者：猎户座小陈Vue3.0七大亮点一，性能比2.x快1.2～2倍diff算法的优化在vue2中，虚拟dom是全量比较的。在vue3中，增加了静态标记PatchFlag。在创建vnode的时候，会根据vnode的内容是否可以变化，为其添加静态标记PatchFlag。diff的时候，只会比较有PatchFlag的节点。 PatchFlag是有类型的，比如一个可变化文本节点，会将其添加PatchFlag枚举值为TEXT的静态标记。这样在diff的时候，只需比对文本内容。需.

以下文章来源于前端进阶之路，作者三余前言经常在Codepen上看到大侠们用SVG画出不可思议的动画，我一直很好奇他们是怎么运作的，总觉得这需要对SVG有足够透彻的了解，并且自己画出那些SVG图案，才有办法让他动起来。但其实不然，今天教大家一个简单的小技巧，让你快速实现一个svg动画！打开Codepen，点击界面中的build按钮，就可以使用动画构建一个房子，并且让它升起寥寥炊烟！????codepen(https://codepen.io/johnYu243/pen/bGBVEwv)

前言我们在实际开发中，经历过许多次的模块共享的场景。最常见的场景例如我们将代码封装后根据版本和环境的不同发布到公共平台或者私有平台，供不同项目进行使用，npm 工程化就是其中最日常的实践。【通关目标: 在页面中插入轮播图模块】NPM 方式-share lib将轮播图代码打包发布到 NPM 包。主项目中通过 package.json 依赖加载到本地进行编译打包。 【biu~通关成功，当前一星】当投入生产时，多个项目对于被引入的轮播图代码都没有进行共享，他们是各自独立的。如果二次封装的某个模

前端程序员想必对尤雨溪及其开发的 Vue 框架不陌生。Vue 是一套用于构建用户界面的渐进式 JavaScript 框架，在 2014 年发布后获得了大量开发者的青睐，目前已更新至 3.0 版本。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。最近，尤雨溪发布了一款针对渐进增强（progressive enhanc.

在信息安全越来越受重视的今天，前端的各种加密也变得更加重要。通常跟服务器的交互中，为保障数据传输的安全性，避免被人抓包篡改数据，除了 https 的应用，还需要对传输数据进行加解密。目前常见的加密算法可以分成三类对称加密算法：AES、… 非对称加密算法：RSA、… Hash 算法：MD5、…二、对称加密算法对称加密(也叫私钥加密)指加密和解密使用相同密钥的加密算法。它要求发送方和接收方在安全通信之前，商定一个密钥。对称算法的安全性依赖于密钥，泄漏密钥就意味着任何人都可以对他们发送或接收

1 需求背景接到了一个紧急需求，需要根据 Excel 表格中学生的信息以及考试成绩生成相应的海报。Excel 数据和需要生成的海报的样式如下：Excel 数据海报样式由于需求紧急，没有时间拉上后端同学，所以 Excel 表格的数据解析和海报生成功能都需要由前端开发。以下几个技术点需要关注：1. Excel 可以通过sheetjs来处理，通过在XLSX.utils.sheet_to_json将 Excel 中的数据转化为 JSON 格式数据。2. 海报图片的生成可...

导语：全面拥抱 TS 的时代，TS 已经成为日常开发中的重要部分。本文主要介绍 TS 声明文件的写法。声明文件的定义通俗地来讲，在 TypeScript 中以.d.ts为后缀的文件，我们称之为 TypeScript 声明文件。它的主要作用是描述 JavaScript 模块内所有导出接口的类型信息。什么时候需要写 TS 声明文件在日常的开发中，绝大多数时候是不需要我们单独去编写一个 TS 声明文件的。如果我们的文件本身是用 TS 编写的，在编译的时候让 TS 自动生成声明文件，并在发布...

杨毅臻，微医前端技术部首席治安管理官。了解 V8何为揭秘八股文常规操作：如果你是面试官: 打开网站直接搜索面试题，背下来直接问如果你是求职者: 打开网站直接搜索面试题，背下来直接回答这只是一个答案与问题匹配的过程，懂不懂不重要，因此会被套上八股文的壳子。加分操作：在已知的知识点上补充自己的思考并成体系的表述本文将从 V8 出发从原理到面试题进行一个串联，帮助你形成一个比较好的体系。为什么要了解 V8计算机技术日益精进，随着底层优化，原来的答案或许早已过.

王志远，微医前端技术部医疗支撑组前言而今，只要是工程化的项目，大多离不开 sourcemap 的身影，一言蔽之：构建处理前的代码和处理后的代码之间的桥梁。但却很少有同学真的去深入了解它的运作原理，真问起来也就停留在“啊，有个.map 文件，可以通过它定位到源码信息”，来，我们去瞅瞅，源码是一句简单的`console.log('好好学习,天天向上'`)的`.map`文件如果我告诉你，位置信息就在mapping对应的这堆字母里sourcemap成为了房间里的大象，一旦出现诸如“无.

目录HTTP 1xx消息 2xx成功 3xx重定向 4xx客户端错误 5xx服务器错误 FTP 1xx初步 2xx完成 3xx中间 4xx瞬态否定 5xx永久性否定 6xx受保护 WebSockets状态码 参考资料HTTP1xx消息这一类型的状态码，代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。由于HTTP/1.0协议中没有定义任何1xx状态码，所以除非在某些试验条件下，服务器禁止..

写在开头最近准备给团队分享一下前端技术体系，明确提升的方向，顺便说一下基础能力范畴指哪些东西，分为技术能力和软能力。下面列的东西也有许多我自己不擅长的地方，但是还是会列一下，也是目前自己能想到的技术体系结构。不妥不足的地方还望指正。第二也是提出目前需要打好的基础能力范畴。技术能力图​软能力图具体可查看文章：前端项目负责人需要具有的能力​为什么强调基础能力？基础能力是技术能力发展的基础。举几个例子可能会比较清楚。基础知识和react的关系基础知识

因为业务线比较多，所以公司内部每一个项目当中都是一个中级开发在负责项目。所以也是给与一定培训和指导。以下内容全是从个人角度的理解去给与一些参照。负责人能力.png技术能力基本的日常开发需求。前端技术体系。image.png快速掌握和上手新技术的能力每一个负责人都有可能面对某个系统需要用到其他的新技术，或者以前没有接触过的技术，这里需要负责人有着自己的学习方法和学习能力，可以在短时间内掌握一门技术，快速进入开发，并在开发的过程当中继续积累和提高新技术指导和帮助初

前言本篇写一下前端项目负责人在项目初期需要做什么？主要分四个方面项目相关这一部分可能看起来没那么重要，但是做项目对于项目的关键信息还是要了解的。因为可能当我们在和其他不了解目前我们在做的东西的时候，会问下面的一些东西。项目背景通过项目背景了解当前业务痛点，想通过我们的产品达到什么样的效果。举例：•A：营销增长（如：针对个体要货订单预测不准，店铺运营可视化程度不够，会员缺失有效管理等）•B：供应链（如：生产与销售预测不匹配，物流配送可能存在食品安全风险等）•C：...

Vue是一套用于构建用户界面的渐进式框架，与其它大型 JS 框架不同，Vue 被设计为可以自底向上逐层应用，更易上手，还便于与第三方库或既有项目整合，因此，Vue完全能够为复杂的单页应用提供驱动。伴随着 Vue.js 3.0 的正式发布，这款优秀的前端开发框架迎来了一款轻量级的环境构建工具——Vite。Vite 是一个由原生 ESM 驱动的 Web 开发构建工具，在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。今天，我们一起来了解一下这个新成员吧。V

刚毕业的时候用过极短时间的SVN，后面就一直在用Git来做代码的版本控制了，前前后后差不多4年的时间，期间做了一些在使用Git过程中的记录和心得，在这里分享给大家，大家或许可以从中吸收到一些有用的东西。无论是github，还是gitlab，还是其他的代码托管平台，代码管理都是用git去做的，git可以说是一名程序员的必备技能，对于工作和面试都是非常有帮助的。 Git常用命令 优雅使用Git的一些实践 oh-my-zsh 常用命令 Git常用命令 git克隆远程分支仓库

一、前言一开始去真正接触HTTPS是由于在上线小程序的时候，小程序官方限定接口必须需是https协议，后面就去弄了腾讯云的云服务器，还有免费的https证书等，跟着官方的教程去配置https等等，让我知道：https默认端口号是443 https协议比http协议更加安全 需要将CA机构颁布的https证书安装在服务器上 nginx服务的一些配置（转发、入口文件html、gzip压缩）最终，小程序也完美上线，但是好像我对HTTPS的底层原理和流程还是不清楚。下面先通过李四给张三发消息的例子先

原文地址：Top Node.js Frameworks to use in 2021 原文作者：Ronak Patel 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/article/2021/top-node-js-frameworks-to-use-in-2021.md 译者：洛竹 校对者：PassionPenguin、xilihuasi Node.js 是最敏捷.