2024-03-17新建了一个vue3项目引入路由的时候报这个语法错误，检查版本什么都没问题写法也对，看字面意思是解析不了template。没细想就下了一个template解释器 npm i vue-template-compiler。纠结了一下想起来我引入的一个路由的文件（vue文件）因为新建还没有写html部分也就是个空文件。所以把这个个template结构加上后就好了。_at least one or is required in a single file component.

https://www.qianduange.cn//article/3905.html 分类：前端知识

2024-03-15【vue】opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ] 报错解决_err_ossl_evp_unsupported

https://www.qianduange.cn//article/3841.html 分类：前端知识

2024-03-15使用vue3 ts导入vue文件的时候，路径一切都是对的，却偏偏报错：找不到模块“./XXX.vue”或其相应的类型声明。报错原因是：typescript 只能理解 .ts 文件，无法理解 .vue文件。因此需要给.vue文件加上类型说明文件。神奇的发现，报错不见了，搞定。_import type { definecomponent } from 'vue'报错怎么解决

https://www.qianduange.cn//article/3838.html 分类：前端知识

2024-03-15后来，我试图换了 8643等 没用占用的端口，结果还是不行，也不是这个原因。后来看看目录结构，这个index.html 在public下。.vscode ->launch.json中。以为是目录中含有空格导致找不到的，去掉空格后。8080 被 微信 QQ 占用 了 PID。控制台 运行 npm run start。运行 npm run start。再运行，能找到文件了，但貌似还不对。没有 start 和 dev了。运行 npm run serve。打开package.json。_could not read source map for chrome-error://chromewebdata/: unexpected 503

https://www.qianduange.cn//article/3837.html 分类：前端知识

2024-03-15比如日常使用的一些音频，视频，图片，我们都可以使用其 Blob 二进制数据流来表征数据，而非使用 uri，就像经常用到的 image src 的 dataUrl。很多小伙伴查找这个问题，是为了下载视频资源，资源的真实下载链接可在chrome的调式模式的network中找到，但有种资源比较特殊，即m3u8格式的资源。是blob:https并不是一种协议，而是html5中blob对象在赋给video标签后生成的一串标记，blob对象对象包含的数据，浏览器内部会解析。//获取blob对象地址，并把值赋给容器。_video blob

https://www.qianduange.cn//article/3826.html 分类：前端知识

2024-03-15在 flex 容器中默认存在两条轴，水平主轴(main axis) 和垂直的交叉轴(cross axis)，这是默认的设置，当然你可以通过修改使垂直方向变为主轴，水平方向变为交叉轴，这个我们后面再说。这里需要强调，不能先入为主认为宽度就是 main size，高度就是 cross size，这个还要取决于你主轴的方向，如果你垂直方向是主轴，那么项目的高度就是 main size。简单说来，如果你使用块元素如 div，你就可以使用 flex，而如果你使用行内元素，你可以使用 inline-flex。_css flex

https://www.qianduange.cn//article/3790.html 分类：前端知识

2024-03-15- transform: 旋转： rotate(45deg) 缩放： scale(1.5) 倾斜： skew(30deg, 20deg) 平移： translate(50px, 20px);过渡动画的时间函数 默认值：ease(先慢后快再慢)，还有其他值：linear（匀速）、ease-in（先慢后快）、ease-out（先快后慢）-- 实现盒阴影的动画(过渡)，旋转 倾斜 缩放 平移 动画 -->-- 水平垂直居中第二种方法 圆角 盒阴影 渐变 -->-- 文本添加阴影 -->

https://www.qianduange.cn//article/3785.html 分类：前端知识

2024-03-15JS new Set()_js new set

https://www.qianduange.cn//article/3769.html 分类：前端知识

2024-03-13双向数据绑定原理主要运用了发布订阅模式来实现的，通过Object.defineProperty对数据劫持，触发getter，setter方法。数据变化时通知订阅者watcher触发回调视图更新。_vue2双向绑定源码

https://www.qianduange.cn//article/3741.html 分类：前端知识

2024-03-13一般来说我们在css中用到的display大多数都接block(块级元素)、inline-block(行内块元素)、inline(行内元素)，这些在我们所平时需要的大部分地方都很好使，但是在某些地方会具有一定的局限性，让我们很难调样式，那么弹性盒子(弹性布局)就有可能会很好的帮助到你弹性盒子可以批量式的改变子元素的布局！那么弹性盒子用在什么地方比较合适呢：1.当一个盒子里的子元素需要垂直居中一个块的内容2.当盒子里所有的子元素占用等量的可用宽度/高度时。_display: flex

https://www.qianduange.cn//article/3722.html 分类：前端知识