Vite 原理分析，通俗易懂篇
vite2 都出了，学起来！
note
Vue3丨进一步了解这 20 个响应式 API，写码如有神 - 推酷
vue3/vue3-News(v3体系+生态圈)
🔥 Find the latest breaking Vue3、Vue CLI 3+ & Vite News. (2021/2022) - GitHub - vue3/vue3-News: 🔥 Find the latest breaking Vue3、Vue CLI 3+ & Vite News. (2021/2022)
newbee-ltd/vue3-admin: Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Axios 开发的后台管理系统
🔥 🎉Vue 3 + Vite 2 + Vue-Router 4 + Element-Plus + Echarts 5 + Axios 开发的后台管理系统 - GitHub - newbee-ltd/vue3-admin: 🔥 🎉Vue 3 + Vite 2 + Vue-Router 4 + Element-Plus + Echarts 5 + Axios 开发的后台管理系统
Vue 3.0 企业级项目实战
Vue Template Explorer（虚拟dom转译）
xiaoxian521/vue-pure-admin: ✨ 🚀Vue3.0+TypeScript+Vite2.0+Element-Plus编写的一套后台管理系统（兼容移动端）
🔥 ✨✨ ✨ Vue3+Vite4+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端） - GitHub - pure-admin/vue-pure-admin: 🔥 ✨✨ ✨ Vue3+Vite4+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）
Spring Boot+Vue前后端分离项目部署笔记
Spring Boot+Vue前后端分离项目部署笔记 前言： 因为毕设项目老师要求上线，所以这是我第一次将本地项目部署到云服务器上，在部署的时候出现过许多问题，最后也是成功将毕设项目部署上线，在此进行
CSS 实现多行文本“展开收起”
多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
JavaScript Debugger 原理揭秘
debugger 的实现原理。ide 和 chrome devtools 如何实现调试功能的。本文带你深入探索 debugger 的原理。
了解JS压缩图片，这一篇就够了 - SegmentFault 思否
插播一下，本文案例已整理成插件，已上传 npm ，可通过 npm install js-image-compressor -D 安装使用，可以从 github 下载。
Yarn 的 Plug'n'Play 特性
前言 Yarn 团队在春节前公布了 Yarn 2.0 的规划。其中提到了一个之前没听说过的名词 “PnP”。发现 Yarn 的这个功能早在 18 年 9 月份就被提出并实现了。于是花了一些时间了解了一下它的工作原理以及解决的问题并整理除了本篇文章。 现状与痛点 Yarn 团队开发 PnP 特性最直接的原因就是现有的依赖管理方式效率太低。引用依赖时慢，安装依赖时也慢。 先说说 Node 在处理依赖引用时的逻辑，这个流程会有如下两种情况： 如果我们传给 require() 调用的参数是一个核心模块（例如 “fs”、”path”等）或者是一个本地相对路径（例如 ./module-a.js 或 /my-li/module-b.js），那么 Node 会直接使用对应的文件。 如果不是前面描述的情况，那么 Node 会开始寻找一个名为 node_modules 的目录： 首先 Node 会在当前目录寻找 node_modules，如果没有则到父目录查找，以此类推直到系统根目录。 找到 node_modules 目录之后，再在该目录中寻找名为 moduleName.js 的文件或是名为 moduleName 的子目录。 此处旨在说明问题，对 Node 内部模块解析逻辑做了简化描述 可见 Node 在解析依赖时需要进行大量的文件 I/O 操作，效率并不高。 再来看看安装依赖时发生了什么，现阶段 yarn install 操作会执行以下 4 个步骤： 将依赖包的版本区间解析为某个具体的版本号 下载对应版本依赖的 tar 包到本地离线镜像 将依赖从离线镜像解压到本地缓存 将依赖从缓存拷贝到当前目录的 node_modules 目录 其中第 4 步同样涉及大量的文件 I/O，导致安装依赖时效率不高（尤其是在 CI 环境，每次都需要安装全部依赖）。
前端冷知识集锦
前端已经被玩儿坏了！像 console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧…
使用 npm scripts 你可能不知道的几件事
在开始前确保已经安装了 npm。 当我们说 ‘npm scripts’ 的时候，我们说的是 package.json 中的 'scripts' 属性值。你可以在此制定要公开的各种命令和脚本，然后可以使用 npm run <script-name> 去执行它们。 将会打…
js原生轮播图
事情是这样的，前两天有学员问我轮播图无缝滚动的原理，说平时用框架习惯了，到自己手撸的时候不会了。 如果是几十张图片，那就直接做成一个3D的圆环，还是那句话，有解决思路最重要。 想看代码的，继续往后看，代码量其实很少，连着css一起也才一百多行而已，所以其实一点都不复杂，重点还是…
Node.js（入门理解）
lit-html
Simple. Fast. Web Components.
LitElement
Simple. Fast. Web Components.
组件化思想
组件化是客户端开发最重要的内容，设计一套复用度高、扩展性好的组件系统，可以显著提高开发效率，并且可以减少后期的维护成本。 就以我正在使用的笔记app为例，上图展示的笔记的阅读与书写区域，如何将这个区域抽象为一个组件呢？让我们一步一步来分析。 1. 最简api 我们为该组件取个名…
前端CLI脚手架思路解析
在实际的开发过程中，我们经常用别人开发的脚手架，以节约搭建项目的时间。但是，当npm没有自己中意的脚手架时，我们不得不自己动手，此时学会开发前端CLI脚手架的技能就显得非常重要。搭建一个符合大众化的脚手架能使自己在项目经验上加个分哦！ 其实很多时候从0开始搭建的项目都可以做成模…
在Vue Vite应用程序中实现暗/亮模式
文末领取昨天的红包抽奖抽中的金额以及查看106期中奖用户
8个本地存储
想知道他们有什么很棒的功能吗
css晦涩难懂的点都在这啦
下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…
CSR、SSR、Prerender 原理全解密
在了解这些概念之前，我们要先了解一个熟知的概念，那就是 SPA(Single Page Application)，没错，就是大家熟知的单页应用，其实 CSR、SSR、Prerender 都是基于 SPA，关于 SPA 的概念我就不多阐述了。 即，渲染过程全部交给浏览器进行处理，…
Chrome 浏览器架构
Jest(测试)
Install Jest using your favorite package manager:
从 0 到 1 实现一套 CI/CD 流程 - 王圣松 - 掘金小册
一步步实现一套基于容器化技术的 CI/CD 流程，助力研发提效。「从 0 到 1 实现一套 CI/CD 流程」由王圣松撰写，3212人购买
可视化拖拽组件库一些技术要点原理分析（二）
本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 友善提醒：建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 14. 拖拽旋转 在写上一篇文章时，原来的 DEMO 已经可以支持旋转功能了。但是这个旋转功能还…
你好，谈谈你对前端路由的理解
好了不装了，今天我就化身性感面试官在线问大家一个问题，“谈谈你对前端路由的理解”。看到这个问题，那回答可多了去了。但是换位思考一下，你问候选人这个问题的时候，你想要得到什么答案？以我个人拙见，我希望候选人能从全局解读这个问题，大致以下三点。 1、为什么会出现前端路由。 2、前端…
今天聊：前端职业现状与破局
前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会周边技术群，第二十届|前端管理专场，2021-1-23，线上直播。 大家好，我是 Scott，很高兴来到「前端艺术家沙龙 "前端职业成长" 专场（深圳）」做这一场分享，只不过我现在头发…