问题原因使用了 Vite 添加了别名 ,但是TS没有对应的路径,tsconfig.json和vite.config.ts需要相互设置好解决方法vite.config.ts{ resolve: { alias: { "@": path.join(__dirname, "./src"), // 这里定义了别名 @ 相当于 ./src }, }, }tsconfig.json{ "extends": "@tsconfig/svelte/tsconfig.json", "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "module": "ESNext", &quo
在Windows执行docker命令的提示如下错误 docker: error during connect: This error may indicate that the docker daemon is not running.: Post “http://%2F%2F.%2Fpipe%2Fdocker_engine/v1.24/containers/create”: open //./pipe/docker_engine: The system cannot find the file specified. See ‘docker run --help’.遇到错误消息: docker 进程没有启动。方法一:直接找到Docker的图标启动Docker即可方法二:进到文件夹:C:\Program Files\Docker\Dockercd "C:\Program Files\Docker\Docker"执行 DockerCli -switchDaemon ./DockerCli -switchDaemonDocker运行起来后再去执行命令即可。
//document是一个DOM对象,这个对象本身没有ready方法,要使用就得自己定义,而且过程颇为复杂 //其中一种方法是: document.ready = function (callback) { if (document.addEventListener) { document.addEventListener('DOMContentLoaded', function () { document.removeEventListener('DOMContentLoaded', arguments.callee, false); callback(); }, false) } else if (document.lastChild == document.body) { callback(); } } //还有一种方法是: (function () { var ie = !!(window.attachEvent &a
本文主要记录下代码,方便下次复制粘贴前端部分HTMLlimit: 限制文件个数 1 个on-remove: 移除附件时的钩子函数,主要就 console 输出下on-error: 用于处理上传异常后的处理,本人这主要用来关闭弹窗和全屏等待file-list: 绑定附件auto-upload: 禁止自动上传,true 的话选了文件就自动上传http-request: 自定义上传文件请求方法action: 原上传文件的路径,由于使用了自定义上传文件请求,即 http-request,因此这个字段随便写就好,不写不行好像<el-upload ref="upload" :limit="1" :on-remove="handleRemove" :on-error="onError" :file-list="fileList" :auto-upload="false" :http-request="uploadFile" action=&
JS(.js )和MJS (.mjs )文件有什么区别?ECMAScript 6 (ES6) 引入了 ES Modules 规范,提供了在 JavaScript 中实现模块的标准。截至 2022 年,所有主要的 Web 浏览器都支持 ES 模块。ECMAScript 模块系统(使用import和export)已经成为标准,并且 Node.js 增加了对它的支持。然而,模块化 JavaScript 的流行早于 ES6。Node.js 是一种 JavaScript 运行时环境,使用 CommonJs(使用require和module.exports)作为模块规范。现有的很多应用都是用 CommonJS 构建的,所以Node.js在添加对 原生ES模块 的支持时,颇有争议地引入了MJS文件扩展名来区分两者,防止应用崩溃。Node.js 会将.cjs文件视为 CommonJS 模块,将.mjs文件视为 ECMAScript 模块。它会将.js文件视为项目的 默认模块系统(除非package.json说的是 CommonJS "type": "module&qu
使用可选链操作符(?.)和空值合并运算符(??)简化代码一、可选链操作符 ( ?. )可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。语法obj?.prop obj?.[expr] arr?.[index] func?.(args)1.简化代码前let result = { newUsers:[{value:1}] activeUsers:[{value:1}] lunchtimes:[{value:1}] } statisticalData = { newUsers: result.newUsers.length ? result.newUsers[0].value : 0, activeUsers: result.activeUse
ES13(ES2022)中11个新特性解读与其他大多数编程语言一样,JavaScript 也在不断发展中,每年都会增加很多新特性和功能来变得更强大,让开发人员能够编写更富有表现力和更简洁的代码。让我们了解一下ECMAScript 2022 (ES13)中添加的最新特性,并查看它们的使用示例,以便更好地理解它们。1. 类字段声明在ES13之前,类字段只能在构造函数中声明。与大部分语言不同,我们不能在类的最外层作用域声明或定义它们。类字段:字段是对象的属性,状态的表示,又称为域 域变量 成员变量 字段变量class Car { constructor() { this.color = 'blue'; this.age = 2; } } const car = new Car(); console.log(car.color); // blue console.log(car.age); // 2ES13 移除了这个限制。现在我们可以这样编写代码:class Car { color = 'blue'; age = 2; } const
JavaScript代码整洁( Clean Coding )最佳实践代码整洁( Clean Coding )是什么意思?所谓的clean code 字面上就是整洁代码的含义,落实到我们工程师日常coding中就是如何写出看上去干净、逻辑清晰、有一定抽象能力扩展性好的代码。写的代码是方便和同事协作开发,不单单是为机器编写,所有,代码尽可能让人容易理解。这些文字的定义显得不那么生动形象,看看下图左侧的就是clean code,右侧的就是WTF(让人看见想骂xx的意思) code。那么有的人会问clean code也有WTF,是不是还不是真正的clean code,如果你是一个追求极致的人那么这个问题没毛病。但是我想说的是没有什么代码没有0 WTF的,及时所谓非常整洁规范、干净的代码也或多或少是些小毛病。所以我们工程师能够向着0 WTF的方向去努力去优化自己的代码就是成功的。现在我们知道了开发者的目标是什么了,下面来一起看看最佳实践吧!变量应该如何命名?使用有意义且准确的名称,不要因为有长的名称而节省几个键盘敲击。如果您遵循此实践,变量会变得方便搜索,当你需要重构或者查找某些关键字的时候会有
父组件是不能直接访问子组件的方法。需要子组件手动的抛出才行。setup写法// 父组件 <template> <div> <h1>父组件</h1> <a-button type="primary" @click="create">调用子组件</a-button> <Operate ref="operateRef" @childClick="childClick" msg="hello"></Operate> </div> </template> <script lang="ts"> import { ref } from 'vue'; import Operate from './operate.vue'; export default defineComponent(
Gonwe
一念智即般若生。
CC BY-SA 4.0