前端学习博客

而对于v-model，在我们编译模板时，会针对v-model进行解析：如果发现当前节点有v-model(eg: v-model=‘str’)，那就会监听input事件，当str的值发生变化时，会将用户输入的值赋值到str属性上，此时相当于属性值发生变化，observer就会检测到值的变化，那就会通知到dep，然后dep通知到watcher.我们需要遵循单项数据流的原则，对于从父组件中传过来的prop属性不做修改，而是使用一个自定义属性承接prop的属性，并对我们的自定义属性进行修改。在这里不会详细解释。

vue3响应式的核心是使用proxy👉核心是使用核心是使用上面都出现了函数：effect()函数默认上来会执行一次，然后当属性值发生变化时，effect函数又会执行。

定义一个 getUserList 函数，并且在 onMounted 函数中挂载它，在加载页面时，先通过我自定义的已全局挂载的。结果发现：ctx.$api 为 undefined，并且 ctx 身上并没有我们绑定的 $api。首先这个报错的意思大概是：无法找到 undefined 的 属性。所以就验证了bug 的原因是：vue3的全局绑定没有生效。逻辑上没有问题，同时也没有出现上述的三种情况。所以，我猜测是 $api 全局绑定没有生效。但是上述方法都无法解决我的bug，那在我的代码中的意思就是：找不到。...

cookie,localstorage封装

jwt对称与非对称加密的项目实践

session本质上也是一个cookie，只不过是存储在浏览器上的session一般存在于cookie中，并且是一个sessionId，sessionId通过要保存的信息加上签名来加密生成，所以在客户端查看的session是一个字符串。当我们把cookie传递到服务器端时，里面的sessionId也会被传过去，然后服务器端拿出sessionId，利用加密算法进行解密，拿到信息进行验证。...

这里是小飞侠Pan🥳，立志成为一名优秀的前端程序媛！！！本篇文章同时收录于我的github前端笔记仓库中，持续更新中，欢迎star~👉https。

这里是小飞侠Pan🥳，立志成为一名优秀的前端程序媛！！！本篇博客收录于我的github前端笔记仓库中，持续更新中，欢迎star~👉https://github.com/mengqiuleo/myNote安装：导入：导入：Mock.js语法规范Mock.js语法规范: https://github.com/nuysoft/Mock/wiki/Syntax-Specification这里只是说明了一些最常用的语法规范另外，我们可以直接参考官方给出的示例：http://mockjs.com/exa..

这里是小飞侠Pan🥳，立志成为一名优秀的前端程序媛！！！本篇博客收录于我的github前端笔记仓库中，持续更新中，欢迎star~👉 https://github.com/mengqiuleo/myNote使用接口（Interfaces）来定义对象的类型。类型检查器会查看对象内部的属性是否与 IPerson 接口描述一致, 如果不一致就会提示类型错误。接口里的属性不全都是必需的。 有些是只在某些条件下存在，或者根本不存在。带有可选属性的接口与普通的接口定义差不多，只是在可选属性名字定义的后面加一个 ..

这里是小飞侠Pan🥳，立志成为一名优秀的前端程序媛！！！本篇博客收录于我的github前端笔记仓库中，持续更新中，欢迎star~👉https://github.com/mengqiuleo/myNote参数的可选类型可选类型需要在必传参数的后面默认参数JavaScript是支持默认参数的，TypeScript也是支持默认参数的：这个时候y的类型其实是undefined 和number 类型的联合。在 TypeScript 里，你可以把所有参数收集到一个变量里： 剩余参数会被当做个数不限的..

这里是小飞侠Pan🥳，立志成为一名优秀的前端程序媛！！！本篇博客收录于我的github前端笔记仓库中，持续更新中，欢迎star~👉 https://github.com/mengqiuleo/myNoteTypeScript最终会被编译成JavaScript来运行，所以我们需要搭建对应的环境：我们需要在电脑上安装TypeScript，这样就可以通过TypeScript的Compiler将其编译JavaScript；我们需要先可以先进行全局的安装：首次执行typescript代码如果我们每次为了查看Ty..

基于vue3+TS构建的商城后台管理系统根据coderwhy老师指导搭建的项目为PC端商品后台管理系统。报错：使用TS+vue3封装axios时编译报错，提示You may need an additional loader to handle the result of these loaders.今天自己在做vue3+TS+cms的coderwhy老师的项目时，在项目起步，对axios进行封装时，部分封装代码如下npm run serve 一直报错，报错信息如下：自己在Google上搜了好久，都

这里是小飞侠Pan🥳,立志成为一名优秀的前端程序媛！！！本篇博客收录于我的github前端笔记仓库中，持续更新，欢迎star~👉 https://github.com/mengqiuleo/myNoteshallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。什么时候使用?2）readonly 与 shallowReadonlyreadonly: 让一个响应式数据变为只读的（深只读）。shallowRe..

setup是Vue3.0中一个新的配置项，值为一个函数。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的返回值：​ 若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。尽量不要与Vue2.x配置混用setup不能是一个async函数，因为返回值不再是return的对象, 而是promise, 模板看不到return对象中的属性。（后期也可以返回一个Promise实例，但需要Suspense和异步组件的配合）可能第一次使用vue3时会报错，因为使用的插件报错信息提示