node-sass与node版本对照图

基于el-cascader级联选择器实现只有最后一级可以多选（已发布到npm & github）

#### github地址：[https://github.com/heyu3913/el-cascader-onlylast-mutiple](https://github.com/heyu3913/el-cascader-onlylast-mutiple) ## 背景： ### 我们经常级联合选

基于el-input实现数字区间输入框（已发布npm/github）

项目地址：https://github.com/heyu3913/InputNumberRange （求star） input-number-range tips：更多定制化需求请联系: 1310217042@qq.com / vx:iverson96i 背景： 在开发时遇到一个数字区间输入框的需求

CSS3新特性值逻辑选择器

1. :is 解释：:is() CSS伪类函数将选择器列表作为参数，并选择该列表中任意一个选择器可以选择的元素。 例如 对于多个不同父容器的同个子元素的一些共性样式设置,传统写法如下 header p:hover, main p:hover, footer p:hover { color: red;

Docker常用命令

1、前置条件 ubuntu 20.04 一键安装dockcer curl -sSL https://get.daocloud.io/docker | sh 2、学习Docker 查看容器： docker ps 查看所有容器： docker ps -a 进入容器的内部 docker exec -it

Mac基本命令操作

Mac使用常见命令 删除空目录：rmdir 目录 删除文件夹：rm -rf 文件夹 创建一个文件夹:mkdir 文件名 创建一个文件:touch 文件 修改一个文件:vi 文件名 重命名文件 mv 原始文件名 修改文件名

记一次在forEach中使用aynac/await中的坑

1.背景 在写一个对齐脚本时 发现下列问题 const timeList = await imageList.map( (item,index)=>{ return item.identify_border(start_time, end_time) }) // timeList = [Promis

如何优雅的实现动画效果

1.实现动画的方式 javaScript：setTimeout、setInterval css3: transition、animation html: canvas requestAnimationFrame Api 前三种我们都很熟悉，重点说说requestAnimationFrame 2.re

前端需要了解的计算机网络方面的知识

1.TCP/IP 五层模型 物理层、数据链路层、网络层、传输层、应用层 2.应用层中哪些基于TCP协议，哪些基于UDP?有什么区别？ 2.1.TCP: FTP（文件传输协议）：定义了文件传输协议，使用21端口。 TELNET（远程登陆协议）：一种用于远程登陆的端口，使用23端口，用户可以以自己的身份

vue中新的状态管理器-pinia

背景 对于pinia的使用，可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法，为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式： 先下载依赖 npm i pinia -s 在vue3中，main.js这么写 import { crea

再谈vue中的differ算法

Differ算法 在 Vue 中，当数据变化时，Vue 会使用 Virtual DOM 和 diff 算法来尽可能地减少 DOM 操作的次数，以提高性能。 diff 算法是 Virtual DOM 实现中的核心算法之一，其主要作用是比较新旧虚拟 DOM 树的差异，并将差异应用到真实的 DOM 树上。

Webpack中手动实现Loader与Plugin

Loader loader 是一个转换器，用于对源代码进行转换。 工作流程 webpack.config.js 里配置了一个 模块 的 Loader； 2.遇到 相应模块 文件时，触发了 该模块的 loader; 3.loader 接受了一个表示该 模块 文件内容的 source; 4.loader

vue项目中发布新版本线上自动清缓存

背景 最近项目更新频繁，每次一更新客户都说还跟之前的一样。一查原因是因为客户没有清空浏览器的缓存。所以为了方便客户看到最新版本，开始调研再发布新版本后自动清理缓存。 方案 每次打包后的js和css都加上hash值后缀。当文件发生改变时，hash值也改变。这样就不会走缓存 举个例子 vue.confi

Docker中部署mongodb

要使用Docker创建MongoDB容器，并将存储目录挂载到宿主机上，以及映射到宿主机的端口1023，并设置访问密码，请按照以下步骤进行操作： **步骤 1：创建存储目录** 在宿主机上创建存储目录`/docker_mount/mongodb/data`，用于持久化MongoDB数据。您可以使用以下

vite打包中性能优化方面

## 1、静态文件按类型分包 build中添加如下代码： ```javascript build: { rollupOptions: { output: { chunkFileNames: 'static/js/[name]-[hash].js', entryFileNames: 'static/j

记录一次全栈经验，所有遇到的坑。(文中无需梯子，免费使用chatGPT方法喔)

## 1、先推荐一下自己搭的网站 ### 1.1 网站地址：[chatGPT](https://www.hangyejingling.cn/) ### 1.2 建站原因 为了方便大家在国内使用chatGPT,所以我调研了一下。在国内用腾讯云使用代理访问，gpt3.5API。最后模仿了openAI的官

前端如何用一个函数防止用户使用F12看控制台（超简单一学就会）

#### 先分享一下自己的搭的免费的chatGPT网站 https://www.hangyejingling.cn/ ## 正文 #### 1、如果是VUE框架开发，在生产环境中。在入口文件APP.vue中添加如下代码，其他框架同理 ```javascript if (process.env.mod

公众号使用gpt具体步骤！

#### 先分享一下自己的搭的免费的chatGPT网站 https://www.hangyejingling.cn/ ## 1、搜索公众号【我的Effy】,如图所示： ![](https://img2023.cnblogs.com/blog/1771461/202306/1771461-202306

如何将网站保存为手机app

# 1.打开目标页面（hangyejingling.cn）  # 2.点击该按钮 ![](https://img2

Vue任务调度。

### 1、作用 vue中一个非常重要的功能，批量更新或者叫异步更新 响应式数据发生变化出发副作用函数重新执行时，我们有能力去决定副作用函数的执行时机、次数和方式。 ### 2、例子 ```javascript const state = reactive({ num: 1 }) effect(()