- 博客(34)
- 收藏
- 关注
RSS订阅原创 用html显示代码区域，＜code＞＜/code＞和＜pre＞＜/pre＞
pre元素并不能代码放入，里面的内容是什么，可以是歌词，可以是代码，可以是其它文本。当pre元素来展示源代码的时候最好的方式是用code元素来包裹代码，这样既可以保持格式又可以代表语义，一举数得。<pre>，是多行代码，它虽能保留内容中的空格、换行符，但<pre>缺少了“语义化”。我们可以把这两个标签结合起来嵌套使用，这样就能让<code>保留内容的空格以及换行符。，是单行代码，不能保留内容中的空格、换行符。
2024-01-26 16:33:49
843
原创 ...toRefs（）是什么意思？
例如下面的html页面使用vue3的例子，state变量下的message、num、input1都可以直接使用。而不需要使用state.message、state.num、state.input这样的写法。另外文中的v-cloak,是解决屏幕闪动的问题，大型的项目一般都是挂载，都不会使用这个。解构语法，用起来舒服多了！
2024-01-22 17:31:58
564
原创 Uncaught SyntaxError: Cannot use import statement outside a module
在html文件中的script 标签引入了ES6模块，浏览器中打开该html文件。浏览器报错的原因是我们用了比较现代的es6的语法， 但是浏览器将它作为以前版本的js解析，所以出现问题，需要将他作为模块导入，script标签默认type="text/javascript",需要改为type="module"。为了让 JavaScript 更模块化、更整洁以及更易于维护，ES6 引入了在多个 JavaScript 文件之间共享代码的机制。它可以导出文件的一部分供其它文件使用，然后在需要它的地方按需导入。
2023-12-05 14:52:04
1322
原创 typescript配置大全
在 TypeScript 中，可以通过配置 noImplicitAny 选项来禁止隐式声明 any 类型，这是 TypeScript 的默认行为。allowJs指定是否编译js文件，在任意文件当中* 如果我们模块使用js写的，那么我们需要将allowJs设置为true,默认为false;在 tsconfig.json 中配置 noImplicitAny 选项为 false;的配置文件，ts编译器可以根据它的配置来对代码的编译.Tsconfig.json是ts。
2023-09-12 11:59:47
72
原创 title属性,图标的title,在div,p等标签上是直接增加title属性,而svg图片的图标是在第一个子元素写＜title＞＜/tilte＞标签
【代码】title属性,图标的title,在div,p等标签上是直接增加title属性,而svg图片的图标是在第一个子元素写标签。
2023-09-12 11:39:39
156
原创 import.meta.env.BASE_URL,报错：Property ‘env‘ does not exist on type ‘ImportMeta‘.
注入的环境变量的类型定义。
2023-09-12 11:29:59
1705
原创 Cannot find module ‘../views/HomeView.vue‘ or its corresponding type declarations.
在根目录新建一个文件，env.d.ts。
2023-09-12 11:28:21
325
原创 【vuex】vue3+ts,Could not find a declaration file for module ‘vuex‘
在tsconfig.json下的compilerOptions下添加。
2023-08-31 10:30:09
345
原创 vue3的setup写法配置vuex
在src目录下创建一个新的文件夹（例如store），在该文件夹中创建一个新的JavaScript文件（例如index.js），这将是Vuex存储配置文件。在这个配置对象中，可以定义状态（state）、获取器（getters）、突变（mutations）和动作（actions）等。请注意，Vue 3的Vuex与Vue 2的Vuex略有不同，因此在使用时应查阅官方文档以获得更多详细信息。如果没有，请使用Vue CLI创建一个Vue 3项目。现在，已经成功配置了Vue 3的Vuex！
2023-08-21 15:05:52
422
1
原创 ‘item‘ is of type ‘unknown‘. vue3props接收到的列表数据，循环的时候报item对象的类型为 “unknown“
中可以放任何类型的数据，所以目前的类型标注确定了。类型，而没有告知其中各子项 item。
2023-08-09 17:36:38
733
1
原创 CSS伪类 和 伪元素 ,超详细的总结
用于选择不包含任何子元素的元素。在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。第一行的长度取决于很多因素，包括元素宽度，文档宽度和文本的文字大小。是创建了一个新的元素，不存在于Dom文档中，真实不存在的，但又是一个可以装载内容的元素。在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。和伪类很像，元素就是标签 ，使用伪元素来表示元素中的一些特殊的位置。:before是Css2的写法，::before是Css3的写法。
2023-08-04 16:11:39
497
1
原创 ?. 和?:和!:的含义
用.话,如果是length为undefined,item.children.length则会报错。：可选，表示icon属性可选string这个类型，或者为undefined。:表示非空，告诉typscript这个编译item不是一个非空值。.用户检测不确定的中间节点,
2023-07-11 17:05:06
134
原创 vue props 多类型
propC是必须传入的且类型必须为String或Number。propD的类型可以是Object或Array类型，如果没有传值，则默认为一个空数组。在给这些属性设置值时，它们可以是字符串或数字类型。也可以通过type属性来指定属性的类型。除了常见的使用props属性来设置值之外，Vue还提供了props多类型支持，这意味着在设置props时，可以定义多种类型，从而为组件开发提供更大的灵活性。在Vue中，props是一种使用场景广泛的属性。它可以让子组件接收父组件传递的值，从而实现组件之间的通讯。
2023-07-11 15:50:02
4637
原创 Vue.config.productionTip = false 可以阻止 vue 在启动时生成生产提示
开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。Vue.config.productionTip = false 可以阻止 vue 在启动时生成生产提示。productionTip = fasle时，就没有了红框内的提示信息。productionTip = true （默认）写在main.js里面。
2023-07-05 16:53:43
524
原创 A default export must be at the top level of a file or module declaration.ts
第一种写法就是 标签里面配置 setup，另一种是：export default 类里配置 setup() 方法，当使用vue3+vite使用语法糖setup时，要注意写法.只需要使用一种方法即可，混用了就会报错了。
2023-05-30 16:02:12
1096
1
原创 npm命令参数详解
dependencies 是生产环境下的依赖，项目刚需的依赖在这里，比如UI框架，字体文件等线上必需的东西，一般这个配置在package.json文件中.devDependencies 是开发环境下的依赖，这里是开发环境下的依赖，上线后非必需，比如：webpack，gulp等压缩打包工具.npm i xxx -g 就是安装到全局下，在命令行的任何地方都可以操作，不会提示“命令不存在等错误”npm i xxx --save-dev 是把依赖写入进devDependencies对象里面。
2023-05-29 17:43:58
138
原创 gitlab上传项目出现Permission denied, please try again.
我出现这个问题单纯的因为，我克隆下项目包后，没有进入项目包再git bash。
2023-04-19 15:19:21
192
1
原创 document.location和window.location有什么区别就是
document.location和window.location
2023-01-31 11:26:26
656
空空如也
webcomponent
2023-04-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人