小龟壳@greaclar-CSDN博客

其中版本vue-loader@17.0.0，vue-template-compiler和vue都是2.7。百度之后看到有人说是vue-loader版本问题，然后在vue-loader的github的。意思是vue2的话，vue-loader版本要低于等于15。，卸载17版本的vue-loader后，再安装15版本的。，最终不再报错，并能对vue文件进行加载。

2023-05-14 17:31:44 4771 4

原创【快速理解】webpack中的shimming预置全局变量

理解了shimming，就理解了webpack和传统前端在代码组织方式上的主要区别。大白话快速理解webpack里的shimming及使用场景（作用），以及了解imports-loader、exports-loader的使用。

2023-04-24 12:24:50 224

js中的相等比较运算规则十分繁杂，主要是非严格相等==，它的转换规则特别“没有规律”，而且很多书籍解释得也很细，似乎只是把每个相等情况的结果说出来，规律总结得不够抽象，并不好记忆，导致如果写代码时用到相等总有一种未知的恐惧，心想会不会有bug。为了解除这种不确定性，写了这篇文章，并以流程的角度去解释非严格全等的行为，尝试帮助我们快速理清js中比较运算的规律。同时还有+0和-0的比较、NaN和NaN的比较。为啥`0 == null`为false。

2023-04-22 21:34:54 94

原创 node使用express搭服务器，静态资源被阻止因为 MIME 类型（“text/html”）不匹配（X-Content-Type-Options: nosniff）

node使用express搭服务器，静态资源被阻止因为 MIME 类型（“text/html”）不匹配（X-Content-Type-Options: nosniff）报错如图所示描述使用gulp作为项目构建工具，结果发现把生成的项目放到express的静态资源目录下时，发现只能加载html文件，html头部引入的js和css文件都访问不了。过程后来尝试在地址栏直接访问这些静态资源，发现也不成功。那直接打开本地文件好了，然后把头部引入的css、js文件修改为本地路径，发现还是访问不了。这下就疑

2021-03-02 10:32:49 1305

原创 nodejs服务端（表单）数据校验模块joi使用，快速入门v17.4.0

joi：nodejs服务端（表单）数据校验模简介joi是一个强大的数据校验模块，可以对数据进行格式和数据类型上的校验，支持正则表达式，功能非常强大，可以很方便地在后端对客户端返回的表单数据进行校验。api介绍：joi v17.4.0ps：官方文档都是英文，这个博客可能可以帮助你更容易理解官方文档使用项目目录下，下载joi模块npm i joi -S导入模块const Joi = require('joi')定义验证规则ps：在表述上，下面把对象的属性称为字段了// J

2021-02-21 19:10:12 3003 1

原创原生js小案例：移动端触屏拖动元素

使用事件：touchstart、touchmove核心：上述两个事件中，e.targetTouches[0]对象内部的pageX 和 pageY 属性代表触摸点的X、Y坐标原理：手指移动中，计算出手指移动的距离。然后设置盒子位置为：初始位置 + 手指移动的距离手指移动的距离：手指滑动中的位置减去手指刚开始触摸的位置步骤：触摸元素 touchstart：获取手指初始坐标，同时获得盒子初始位置移动手指 touchmove：计算手指的滑动距离，更新盒子位置（定位

2021-02-19 10:21:47 1136

原创 win10/11系统node安装详细步骤，及安装失败解决方法-不运行安装包，直接指定运行目录

| Node运行环境搭建1. Node.js运行环境安装方式一：官网下载安装包安装版本说明：LTS = long Term Support 长期支持版稳定版Current 拥有最新特性实验版下载地址：https://nodejs.org/en/步骤：下载对应系统的安装包安装运行，所有提示只点确认即可。方式二：（非安装包安装）阿里云npm镜像站下载运行文件压缩包有时候官网下载速度极慢可尝试从国内镜像站下载（可选择任意版本和系统类型的node）网址：https:/

2020-12-04 17:35:53 9362 1

原创 Js预解析-变量提升和函数提升理解

JavaScript基础预解析1 预解析概述JavaScript 解析器在运行 JavaScript 代码时，分为两步：预解析和代码执行。预解析：每执行一个作用域里的代码前，会把该作用域内，通过 var 和 function 关键字声明的变量在内存中进行声明。代码执行：从上到下执行JS语句。预解析效果等价于：变量和函数的声明隐式地插放到该作用域代码的第一句，然后顺序执行代码。2 变量预解析预解析也叫变量、函数提升。变量提升（变量预解析）：变量的声明会被提升到当前作用域的

2020-10-30 20:30:13 302

原创 Js作用域-var声明变量无块级作用域概念

JavaScript基础1 作用域1.1 作用域概述变量起作用（可被访问）的范围。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了变量名冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境，就是局部作用域。表示函数内部环境，所以也称为函数作用域。1.4 ES5没有块级作用域块

2020-10-30 20:17:43 878

原创 Centos7.8下的jdk8环境配置

jdk环境配置一、导入文件复制文件到安装目录下cp OpenJDK8U-jdk_x64_linux_hotspot_8u242b08.tar.gz /opt/进入安装目录cd /opt解压文件得到jdk8u242-b08并重命名为java8tar -zxvf OpenJDK8U-jdk_x64_linux_hotspot_8u242b08.tar.gzmv jdk8u242-b08 java8删除压缩包rm OpenJDK8U-jdk_x64_linux_hotspot_8u242

2020-10-29 14:56:18 292

原创 Centos7.8下linux版idea安装及卸载步骤，超简单

centos下idea软件安装及卸载步骤一、运行安装包到idea官网下载linux环境的软件安装包（gz后缀的压缩包）文件复制压缩到 /opt 目录，终端中输入以下命令后回车：cp idea-IU-193.6494.35.tar.gz /opt/解压到该目录 /opt下：tar -zxvf idea-IU-193.6494.35.tar.gz运行/opt/idea-IU-193.6494.35/bin/下的idea.sh##该目录下打开终端./idea.sh二、添加图标桌

2020-10-29 14:28:35 3914 2

小硅壳的博客

原创为什么WebSocket需要前端心跳检测，有没有原生的检测机制？

原创 vue组件中的样式隔离方式与原理解析

原创上级包裹盒子一定会影响子盒子css中的百分比计算吗，overflow:hidden一定会生效吗

原创记一次使用git reset、git push --force的场景

原创开发一个vue3插件，顺便兼容一下vue2咯

原创缓存区操作之git restore 命令是否添加--staged参数的区别

原创如何快乐地使用vite开发npm库（typescript），搭建·调试·发布·闭环式教程

原创 vue3中应用BEM规范，使用sass函数拼接BEM类名，同时导出sass变量在js中访问

原创 webpack中ts编译加兼容性转换：swc对比babel+tsc，附示例代码

原创手把手教你在webpack中，配置两种常用的polyfills配置，以ie11为例，配置babel-loader

原创 webpack5模块联邦（Module Federation）使用教程，在vue2中使用

原创 Cannot read properties of undefined (reading ‘styles‘)，使用webpack5搭建vue项目，vue-loader报错解决