最近在查看vue3源码的时候，突发奇想，想去了解一下 vue代码的运行环境，具体怎么执行的，vite dev\build\preview 都做了什么，接着上篇vite preview实现原理，本篇文章介绍一下 vite dev的实现原理，vite dev都做了什么 看vite dev源码实现花费了本人好几天断断续续的时间，要知道，查看源码就像 开锁 破解密码 拆解...

最近在查看vue3源码的时候，突发奇想，想去了解一下 vue代码的运行环境，具体怎么执行的，vite dev\build\preview 都做了什么，由于 preview是预览 build打包好的项目文件的，考虑到会比较简单一点，所以先从vite preview 指令开始，看它的运行原理 我先不看代码，大概设想一下，是个本地开的静态服务，和我本地的nginx 类似的。接...

元宇宙入口 🌾 元宇宙这两天又掀起了一个小高潮，再了解一下，到底它是什么. 进入网址 搜 未来城，开辟新区块

.prettierrc.js 不起作用了，发生了什么 🌾 这两天想着把公司目前使用的前端组件、工具、框架各种做一次升级，升级了 vite-5.0.10,发现.prettierrc.js代码格式化配置文件不起作用了 第一件事就是上网搜症状，这个问题是大概什么情况，经过一番了解，vite-5.x vue脚手架默认的模块化模式为 ESM模式，type:module 然后原来的 .p...

fs-json-to-files 使用这个node工具 可以在配置了文件目录结构，文件模板类型之后，一键快速生成你想要的文件夹、文件、文件内容，提高生产力，好东西。 具体看下面介绍哈： use it, you can create you project folders by folder json data, width any you template content; ...

组合模式 。 抽离封装、继承、多态、是贯穿于世间所有科学发展的项目的哈，包括软件、硬件，以及实体建筑工程、工业、等等。。。，然后作用到实际场景、维度、可能名称会有点大同小异，但是哲学理念是一样的。装饰器模式和适配器模式从实现哲理上还是有类似的共通之处的，只是作用维度不同，名称不同，细节不同。—当我们要学习使用它的时候，还是要落到实处去学习一下具体应用领域的专业细节的。 用一...

装饰者模式 装饰者模式，在js设计模式书中以自行车售卖为例做了讲解：一辆自行车是一个基础类，现在要根据不同的用户需求， 可能需求加车前灯、后灯、车铃、刹车盘、轮毅等，对应的价格也会再基础类之上有所不同。前灯、后灯、刹车盘。。。 就是自行车的装饰。装饰者模式的大概理解如此。 抽离封装、继承、多态、是贯穿于世间所有科学发展的项目的哈，包括软件、硬件，以及实体建筑工程、工业、等等。。。，...

框架是一个实践的产物，而不是完全在实验室中理论研究出来的。所以设计一个框架最好的方法就是从一个具体的应用开始，以提供同一类 型应用的通用解决方案为目标，不断地从具体应用中提炼、萃取框架！然后在应用中使用这个框架，并在使用的过程中不断地修正和完善 我对前端开发中的 框架的理解 架和类库等概念的出现都是源于人们对复用的渴望。〝不要重复发明轮子”，成了软件界的一句经典名言。从最初的单个函数源...

先前的经历就不讲了，从开始涉及到前端leader开始讲起哈 转眼间已经单独在公司负责前端工作两年时间，在一家培训学校，有5个校区，负责学校的辅助运转项目落地，面向客户端项目落地等。 由于公司之前没有纯前端开发，即还没有前后端分离，我进入该公司之后，公司的技术开始了前后端分离，那么，所有的前端工作，现在公司就只有我一个前端负责了，一个人应对了太多的技术挑战， 比如从0到1,从未接触...

门面模式 在讲适配器模式的时候，我们和门面模式做了特别区分，现在讲门面模式时候，我们还要特别区分一下。 他们的不同在于： 适配器模式是为了适配对接目标对象而设计使用的； 而门面模式是为了简化，整理，归类某一相关属性的代码、方法等，我们统一抽离/封装/归类到了同一处地方的这么一个过程，形成的这么一种对象形式，是一种封装之后的简化， 门面模式就是要把那些统筹层面的常用的，实...

适配器模式 —情人节哦-情人节 🐣🌹 先讲一下适配器，我们浏览器搜索可以知道该词的具体含义。 适配器是一个接口转换器; 它可以是一个独立的硬件接口设备，允许硬件或电子接口与其它硬件或电子接口相连; 也可以是信息接口。比如：电源适配器、三角架基座转接部件、USB与串口的转接设备等; 在计算机硬件中，可以理解为两种设备的连接处，为了实现某种连通目的而实现的。 1. javascri...

用一段时间，抽空看完一部分知识点，还是有收获的，我们需要耐心，这个从长远来说，不算慢的。😀, js 函数中提供的三个相关参数，平常几乎用不到，但是在看某些源码时候，还是会遇到，再次温顾记录一下，提高认知。巩固自己的编码掌控能力。 先说 arguments,原先的两种写法，[functionName].arguments 已经废弃了,部分浏览器已经不用了，干脆都不要用了；现在...

用一段时间，抽空看完一部分知识点，还是有收获的，我们需要耐心，这个从长远来说，不算慢的。😀, 在利用git版本管理工具时候，我们有时会出现错误提交的情况（当然我们要有良好的操作习惯，避免这种不当的操作发生，实在发生之后，我们再这样去解决），此时我们希望能撒销提交操作，让程序回到提交前的样 子，本文总结了两种解决方法：回退 (reset)、反做 ( revert) 下面是 git的...

在日常的开发中，我们总是重复的做重复的工作，比如我们做管理后台页面的列表页，我们每个项目都是用基于所选的ui组件去开发，每次都是用对应组件的api,虽然挺好，但是对于我来说，总感觉不是自己的东西，有点虚无缥缈的，感觉下一个项目，下一个需求再使用它就要重新熟悉一遍它的功能和使用方法，或者要把以前的冗长的代码copy过来使用， 这不是一个良好的习惯，我的个人习惯里，总是要对拿来的ui组件...

享元模式 “享元”,被共享的单元,即复用对象,节省内存,注意前提是享元对象是不可变对象。 用一天的时间，抽空看完一种设计模式，或者两天，还是有收获的，我们需要耐心，这个从长远来说，不算慢的。 个人感觉这个享元模式，初步看上去，大概可以理解为一种写代码的良好习惯，性能优化、去掉冗余，在代码开发时候，要避免影响性能的不良习惯。 简单概括就是 dom 创建加载，变量，缓存，代...

前端常用的地图框架（webGIS） Leaflet Leaflet 是最著名的前端地图可视化库，它开源、体积小、结构清晰、简单易用。 Mapbox GL JS Mapbox GL JS 是目前最新潮的前端地图库，它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的，但一般依赖于Mapbox公司提供的底图服务。 ArcGIS A...

AIGC 和 ChatGPT 是两个不同的概念，但是有一定的联系和关联. AIGC 是 AI Generate Content 的意思，意味着人工智能生成的内容。AIGC 是一种利用人工智能技术自动化地生成各种类型的内容的方式，例如文本、音频、图像、视频等。 AIGC 可以应用在多个领域和场景，例如网络营销、品牌宣传、产品介绍、自动化客服、自动化翻译、自动化作曲等等 AIGC ...

naive-ui中Anchor点击侧边栏导航锚点跳转，却是新页面的问题； 最近开发过程用 有使用锚点定位跳转的功能，于是使用了naive-ui的Anchor组件，组件demo代码 套用到项目上的时候，右侧内容滚动时候，侧边栏的锚点会 自动高亮，这个是没有问题的，然后问题来了，点击左边锚点时候，右边的页面不会定向到对应位置，而是跳转了新页面，因为vue-router路由模式把锚点定位 理解成...

链式调用 链式调用是简单来讲就是 一个对象/主体 调用的方法，可以返回主体本身，可以接着去访问主体的下一个方法或者操作 ,它是一种语法招数。 用一天的时间，抽空看完一种设计模式，或者两天，还是有收获的，我们需要耐心，这个从长远来说，不算慢的。 // 大概这个意思 function b(dataIn) { // ... return dataIn; } 链式调用可以让...

单体模式,也叫单例模式 单体（singleton）模式是 javascript 中最基本但又最有用的模式之一，这种模式提供了一种将代码组织为一个逻辑单元的手段，这个逻辑单元中的代码可以通过单一的变最进行访问。通过确保单体对象只存在一份实例，你就可以确信自己的所有代码使用的都是同样的全局资源.借助于单体模式，你可以把代码组织得更为一致，从而使其更容易阅读和维护。 这种模式在 JavaScr...

富文本中的图片是base64的，导致提交数据很大，接口响应很慢 富文本编辑器 图片base64太长问题 前端开发人员在遇到富文本编辑器的时候，经常会被测试 或者产品提各种需求优化或者一些体验的bug ; 比如： 测试会提出富文本的内容过长，限制内容，限制输入等等类似的问题： 其实为什么是富文本，就是要写文章用的，这个用户行为，是不建议给限制的。 那么测试会提 内容太长，限制字数的...

今天是4月18日，距离五一假期也不过两周而已，甚至两周远远不到。 眼瞅着五一假期，能够美美的休息5天了，可是一些网友却不愿意了，甚至在网上口吐芬芳，这就纳闷了，好不容易能放个5天小长假，怎么会惹得如此争议？ 要知道早些年的时候五一放假法定节假日也不过3天而已，现在给你来回折腾，折腾出5天假期来，按理来说大家得开怀大笑，怎么感觉有点玩不起的样子？ 甚至还有一些网友在互联网上大放厥词，...

gpt4和chatgpt都是由OpenAI公司开发的自然语言处理模型，gpt4和chatgpt的区别在于gpt4可以处理图像内容，可以更正确的理解信息和处理问题，且回复的准确性提高不少；chatgpt不支持图像内容处理，有时还会出现错误或者矛盾的回答。此外，GPT-4支持图文语义化的解读，以及更好的回答组织能力，而chatgpt则带来了AI对语义理解的突破。 区别一：理解和推理能力 gp...

js设计模式 什么是设计模式？先抛开javascript不讲，单单设计模式的定义： 首先，设计模式可能你在平常开发中，已经或多或少的有类似的使用过了，我们只是给他起了一个理论概念的名字-设计模式，使其理论化，变得更容易总结，学习，易于使用。 就像 笔直的打出去一圈，理论上或许交 冲拳，类似的道理； 就像蔬菜我们一直在吃，现在我们要知道它是什么蔬菜，含有什么元素，具有什么功效。 把它升级到...

JSON.parse解析出来会丢失函数类型的元素 这个问题是在一次数据处理时候发现的，一个小坑，记录一下 调试工具演示结果如下：

现在有很多站长工具可以统计网站的点击量。添加方式大同小异。我添加的是 百度统计。注册添加后，会得到最新版的统计代码 <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6b...

今日百度热搜 四川泸州一酒厂发生火灾造成4人死亡 沙尘暴趁夜入京:口罩挡不住行人吃土 两女子为吃自助餐回本被行拘 女司机撞人拖行案受害方拒签谅解书 男子潜入女邻居房间 称被香气迷住

Prerequisites Follow the instructions in the Jekyll Docs to complete the installation of the basic environment. Git also needs to be installed. Installation Creating a New Site There are two wa...