npx使用及原理
2024-06-07反过来,如果忽略本地的同名模块,强制安装使用远程模块,可以使用--ignore-existing参数。比如,本地已经全局安装了create-react-app,但还是想使用远程模块,就用这个参数。npx 的原理很简单,就是运行的时候,会到先到 node_modules/.bin路径 中查找命令如果没有再去 全局环境变量$PATH 里面,检查命令是否存在。如果想让 npx 强制使用本地模块,不下载远程模块,可以使用--no-install参数。Node安装后自带npm模块,可以直接使用npx命令。_npx
vite配置文件共享配置,公共配置(root,base,mode,define,plugins,publicDir,resolve,html,css,envDir)(2024-05-28)
2024-06-06此选项的值可以是文件的绝对路径,也可以是以项目根目录为基准的相对路径。如果你在你的应用程序中有相同依赖的副本(比如 monorepos),请使用此选项强制 Vite 始终将列出的依赖项解析为同一副本(从项目根目录)。但是要注意,如果你添加的是实际的样式而不仅仅是变量,那这些样式在最终的产物中会重复。启用此选项会使 Vite 通过原始文件路径(即不跟随符号链接的路径)而不是真正的文件路径(即跟随符号链接后的路径)确定文件身份。该值可以是文件系统的绝对路径,也可以是相对于项目根目录的相对路径。_vite的base配置
HTML5- 拖拽功能
2024-06-05 HTML5新增了拖拽功能,但不是所有元素都能拖拽,如果希望该元素强制可以被拖拽,加一个行内属性。dragover(用在容器内)drop(用在容器内)_html 开启拖拽
css如何控制英文或者数字自动换行
2024-06-04这意味着如果一个单词太长而无法在当前行显示,那么它将被强制换行到下一行。注意,这两个属性的效果可能会受到其他 CSS 属性的影响,比如。会允许在任何字符之间断行,包括半角空格、全角空格、连字符等。所以,在使用时需要注意兼容性和实际效果。属性来控制单词内部的断字规则。属性来控制英文或数字的自动换行。在 CSS 中,使用。_css数字换行
7个实用的css技巧,你学会了吗
2024-06-03你可能永远不需要强制让你的访客使用独特的光标。至少,对于一般的用户体验目的来说是这样。然而,关于cursor属性的一点值得注意的是,它允许你展示图片。这相当于以照片格式展示工具提示。一些使用场景包括能够比较两张不同的照片,而无需在视口中渲染这些照片。例如,可以使用光标属性来节省设计中的空间。由于你可以将自定义光标锁定到特定的div元素上,所以它不会干扰到元素之外的其他元素。
table固定首行首列css 最简单方法(亲测可用)
2024-06-01业务需要前端使用html 写了个table 如图: 需要滚动条上下左右滑动,但是固定首航首列关键代码:/* 首列固定 */left: 0;z-index: 1;/* 表头固定 */top: 0;z-index: 2;/* 表头首列强制最顶层 */z-index: 3;解析:关键属性 css :在 视口滚动到元素 top 距离小于 0px 之前,元素为相对定位。之后,元素将固定在与顶部距离 0px 的位置,直到视口回滚到阈值以下;同理。_table固定首列
HTML至核心:HTML 中的 head 标签
2024-05-22HTML 中的 标签用作元数据的容器,保存有关文档的关键信息。这包括 、、 和 等元素,它们共同定义了文档的各个方面。虽然 HTML 4.01 强制要求存在 元素,但 HTML5 允许省略它。 元素位于 和 标记之间,用于封装有关文档的数据,例如标题、字符集、样式、链接和脚本。_html什么意思
vue3中watch(监听)的五种情况
2024-05-10第三个参数是一个配置对象:可选值:1. immediate:在监听创建时立即触发回调,第一次调用时旧值是undefined2. deep:如果值是对象,强制使用深度遍历,一遍在深层级变更时触发回调3. flush:调整回调函数的刷新时机默认情况下,监听的回调(第二个参数)都会在 Vue 组件更新之前被调用。这意味着你在监听回调中访问的 DOM 将是被 Vue 更新之前的状态。如果想在监听回调中能访问被 Vue 更新之后的 DOM,你需要指明 flush: 'post'_vue3watch监听
JS 跳出循环的几种方法(return、break、continue、throw等)
2024-05-09只输出了1和2,第三次循环中return跳出了循环,同时也阻止了后面代码的执行,这就是return的特性:当执行return语句时,即使函数主体中还有其他语句,函数执行也会停止!通过输出了 end 可以看出他跟 return 语句的不同之处,break 语句只是跳出了当前循环语句,并不会阻止函数内其他语句的执行。所不同的是,它不是退出一个循环,而是跳出当前循环,继续下一轮循环。看打印的结果,不仅阻断了命名循环的执行,而且执行命名循环后续的代码。相当于强制抛错中断执行,不仅终止了循环,后续代码也不再执行。_js 跳出循环
【vue中文件及文件夹命名规范详细介绍】
2024-05-09在 Vue 项目中,合理的文件和文件夹命名对于代码维护和团队协作非常重要,没有官方的强制性规范,但社区有一些通用的最佳实践:Vue 组件的命名规范通常遵循以下几种风格:1. 1.1 驼峰式命名法(camelCase)1.2 短横线命名(kebab-case)全小写1.3 帕斯卡命名法(PascalCase)2. 2.1 kebab-case2.2 尽量使用名词,尽量使用一个单词3. 3.1 所有模块的主文件index.js全小写3.2 属于组件的.js文件,使用PascalBase风格3.3_vue项目文件夹规范