本页目录

2023.6的问题

6.9axios的问题

我做组件库的时候想组件库有axios进行网络请求在应用中也有axios请求,那么应用在调用组件库的时候的axios是怎么设置的如何设置token到组件库的axios中

那么axios不关心你的组件库的axios是什么版本要怎么配他只拦截请求(因为组件库的axios最终也是为了发送一个请求),外部的axios拦截请求再在请求头上加上header就解决了如何扩展axios请求的配置

6.20看懂公司项目

Vue 3 和 Webpack 5 来了，手动搭建的知识该更新了 - 掘金 (juejin.cn)

先看懂如何用webpack搭建

Webpack 5.0 从零开始搭建 Vue 开发环境 - 掘金 (juejin.cn)

在做组件库vue2迁移到vue3的项目的时候我很多组件是直接用setup去重构的但是有的组件只需要修改一下 v-model 不用改成vue3的写法也能正常运行如HEditor 那我想能不能直接升vue3环境然后还用vue2的组合式写法呢其实是可以的只要根据vue3的一些不兼容的api去掉就可以了

this 还是照常用

非兼容性改变 | Vue 3 迁移指南 (vuejs.org) 但是树摇以及打包等等环境都没有优化的余地了

vue3非兼容变更

全局 API

全局 Vue API 已更改为使用应用程序实例
全局和内部 API 已经被重构为支持 tree-shake

模板指令

组件上 v-model 用法已更改，以替换 v-bind.sync
<template v-for> 和非 v-for 节点上的 key 用法已更改
在同一元素上使用的 v-if 和 v-for 优先级已更改
v-bind="object" 现在排序敏感
v-on:event.native 修饰符已移除
v-for 中的 ref 不再注册 ref 数组

组件

只能使用普通函数创建函数式组件
functional attribute 在单文件组件 (SFC) 的<template>和 functional 组件选项中被废弃
异步组件现在需要使用 defineAsyncComponent 方法来创建
组件事件现在需要在 emits 选项中声明

渲染函数

渲染函数 API 更改
$scopedSlots property 已移除，所有插槽都通过 $slots 作为函数暴露
$listeners 被移除或整合到 $attrs
$attrs 现在包含 class 和 style attribute

自定义元素

自定义元素检测现在在模板编译时执行
特殊的 is attribute 的使用被严格限制在被保留的 <component> 标签中

其他小改变

destroyed 生命周期选项被重命名为 unmounted
beforeDestroy 生命周期选项被重命名为 beforeUnmount
default prop 工厂函数不再可以访问 this 上下文
自定义指令的 API 已更改为与组件生命周期一致，且 binding.expression 已移除
data 选项应始终被声明为一个函数
来自 mixin 的 data 选项现在为浅合并
Attribute 强制策略已更改
一些过渡的 class 被重命名
<TransitionGroup> 不再默认渲染包裹元素
当侦听一个数组时，只有当数组被替换时，回调才会触发，如果需要在变更时触发，则必须指定 deep 选项
没有特殊指令的标记 (v-if/else-if/else、v-for 或 v-slot) 的 <template> 现在被视为普通元素，并将渲染为原生的 <template> 元素，而不是渲染其内部内容。
已挂载的应用不会取代它所挂载的元素
生命周期的 hook: 事件前缀改为 vnode-

被移除的 API

keyCode 作为 v-on 修饰符的支持
$on、$off 和 $once 实例方法
过滤器 (filter)
内联模板 attribute
$children 实例 property
propsData 选项
$destroy 实例方法。用户不应再手动管理单个 Vue 组件的生命周期。
全局函数 set 和 delete 以及实例方法 $set 和 $delete。基于代理的变化检测已经不再需要它们了。

对与vue2与vue3的共存问题

vue3中使用vue2组件简单实现 - 掘金 (juejin.cn)

vueuse/vue-demi: 🎩 Creates Universal Library for Vue 2 & 3 (github.com)

前端 - vue2 组件可以在 vue3 中使用么？ - SegmentFault 思否

创意编程

好玩的 CSS - 40 个有趣的 CSS 网站 - 掘金 (juejin.cn)

Visualization Collection (hepengwei.cn)

分享三个CSS宝藏网站 - 掘金 (juejin.cn)

Neumorphism/Soft UI CSS shadow generator

2256 UI elements made with CSS (uiverse.io)

CSS奇淫巧技：复杂背景图案——网格图、波点图的实现 - 掘金 (juejin.cn)

10 个独特的 CSS 背景视觉效果 - 掘金 (juejin.cn)

推荐的十个CSS动画库 - 掘金 (juejin.cn)

这18个网站能让你的页面背景炫酷起来 - 掘金 (juejin.cn)

系统维护者

如果你处于一个系统中那么你就会成为其维护者如果你在自己的房子里那么你就需要拖地扔垃圾做饭或者洗衣服你所做的就是在维护这个系统如果你不想去维护那么你可以换一个环境比如自习室那么你就无需维护系统只需要维护你所带来的系统比如书籍等等

history

创造历史不要得过且过变成没有历史的人你每天运动每天就拍一张照片做为自己的运动历史那么你就可以有运动的历史

石头没有历史树也没有历史但事情会有历史

互联网的最后一页

互联网最后一页肯定是没有链接了只有温馨的祝福