- 博客(31)
- 收藏
- 关注
RSS订阅原创 常见错误码介绍
服务器返回此响应（对 GET 或 HEAD 请求的响应）时，会自动将请求者转到新位置。307 （临时重定向） 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。302 （临时移动） 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。通常，这只是暂时状态。504 （网关超时） 服务器作为网关或代理，但是没有及时从上游服务器收到请求。406 （不接受） 无法使用请求的内容特性响应请求的网页。500 （服务器内部错误） 服务器遇到错误，无法完成请求。
2023-05-19 14:39:26
786
原创 mysql和moogoDB的区别
1.如果需要将mongodb作为后端db来代替mysql使用，即这里mysql与mongodb 属于平行级别，那么，这样的使用可能有以下几种情况的考量： (1)mongodb所负责部分以文档形式存储，能够有较好的代码亲和性，json格式的直接写入方便。文档是mongoDB中数据的基本单元，类似关系数据库的行，多个键值对有序地放置在一起便是文档，语法有点类似javascript面向对象的查询语言，它是一个面向集合的，模式自由的文档型数据库。查询语句是使用传统的sql语句，拥有较为成熟的体系，成熟度很高。
2023-05-19 14:33:13
122
原创 Fetch简单封装
1.Fetch本质上是一种标准，该标准定义了请求、响应和绑定的流程。2.Fetch标准还定义了Fetch () JavaScript API。3.可用于前后端，数据交互。4.fetch返回的是promise对象，比XMLHttpRequest的实现更简洁，fetch 使用起来更简洁 ，完成工作所需的实际代码量也更少5.fetch 可自定义是否携带Cookie。6.fetch不像axios需要安装使用，fetch可以直接使用。
2023-05-16 14:26:42
240
原创 vue2 vs vue3 插槽
插槽的使用其实是很简单，你只需要明白两点：1.插槽是使用在子组件中的。2.插槽是为了将父组件中的子组件模板数据正常显示。
2023-05-16 14:21:01
64
原创 vue2 .sync修饰符
我们都知道，组件之间通过props 或者 $emit 传值都是单向数据流的。age是我们要修改的状态的名称，是我们手动配置的，与传入的状态名字对应起来。这时子组件触发了父组件的修改函数使父组件的age修改成了1234567。这里注意我们的事件名称被换成了<font color=red >update：是被固定的也就是vue为我们约定好的名称部分。这样就很简单的实现了，数据的双向流。这样就完成了，是不是感觉简单了很多。
2023-05-12 10:44:09
144
原创 尾调用和尾递归
上面代码是一个阶乘函数，计算 n 的阶乘，最多需要保存 n 个调用数据，复杂度为 function（n），如果改写成尾调用，只保留一个调用记录，复杂度为 function（1）。简单来说 每次的返回结果 n * factorial(n - 1) 都会被缓存在内存中，以便于下次递归时候使用，而缓存函数，浏览器就会自动开辟内存空间。如果尾调用自身，就称为尾递归。尾调用（Tail Call）是函数式编程的一个重要概念，本身非常简单，一句话就能说清楚。上面代码中，函数 f 的最后一步是调用函数 g，这就是尾调用。
2023-05-11 15:12:48
38
原创 compose 函数
大家熟悉的 webpack 里面的 loader 执行顺序是从右到左，是因为webpack 选择的是 compose 方式，从右到左依次执行 loader，每个 loader 是一个函数。compose 就是组合函数，将子函数串联起来执行，一个函数的输出结果是另一个函数的输入参数，一旦第一个函数开始执行，会像多米诺骨牌一样推导执行后续函数。compose 函数的特点。
2023-05-11 15:10:16
125
原创 柯理化函数
在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。所谓柯里化就是把具有较多参数的函数转换成具有较少参数的函数的过程。
2023-05-11 15:06:21
29
原创 js 常用的开发技巧
判断数据类型：undefined、null、string、number、boolean、array、object、symbol、date、regexp、function、asyncfunction、arguments、set、map、weakset、weakmap。保存在变量中的是对象在堆内存中的地址，所以，与简单赋值不同，这个值的副本实际上是一个指针，而这个指针指向存储在堆内存的一个对象。基本类型可以直接访问，而引用类型的访问是按照对象在内存中的地址，再按照地址去获取对象的值，叫做引用访问。
2023-05-11 15:03:53
38
原创 js加减乘除精确运算方法
因为计算机数字是浮点型，所以在计算过程中通常得到的并不是一个准确的数据，所以在做一些数组运算的时候比较头疼，我们这里就来写一下精确运算的方法
2023-05-10 14:16:38
361
原创 promise封装小程序api请求
因为在项目中 请求使用的地方会有很多 不利于后期维护 如果我我们讲api封装出来 只需要维护api文件就可以了。封装api来写小程序为例。
2023-05-10 14:11:17
87
原创 vue3,watchEffect和watch监听
watch API 与选项式 API this.$watch (以及相应的 watch 选项) 完全等效。立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。
2023-05-10 14:02:34
87
原创 vue3+vant 移动端适配
postcss-pxtorem 是一款 postcss 插件，用于将 px 单位转化为 rem。lib-flexible 用于设置 rem 基准值。
2023-05-09 14:03:23
170
原创 Property xxx was accessed during render but is not defined on instance
vue3.x版本中新增了组合api也就是setup方法，在该方法中我们可以通过ref创建一个具有响应式的基本数据类型的数据，但是呢在我们也可以通过给元素设置ref属性，从而来获取dom，具体细节可以查看官方文档，这也就导致了问题的产生。vue3.x版本在结合element-plus使用如果使用了表单元素以及v-model指令会在控制台看到类似的警告，应该怎么解决。
2023-05-08 14:10:16
410
原创 v-for和v-if 优先级的问题
如果避免出现这种情况，则在外层嵌套template（页面渲染不生成dom节点），在这一层进行v-if判断，然后在内部进行v-for循环。永远不要把 v-if 和 v-for 同时用在同一个元素上，带来性能方面的浪费（每次渲染都会先循环再进行条件判断）如果条件出现在循环内部，可通过计算属性computed提前过滤掉那些不需要显示的项。
2023-05-08 11:53:45
48
原创 pinia 中 修改 state 数据的方法。
当然如果我们的数据，需要一个复杂的处理过程的话，我们最好把他，放到我们的 actions 里面去修改，这样的话，方便我们后期的维护。通过上面的代码，我们会发现，当我点击button 按钮累加的时候，页面中 count 数据就跟着发生了变化。通过以上代码我们也能实现数据的修改，但是有的小伙伴可能就有疑问了？上面我们说了使用 $patch 传递一个对象来修改数据，那如果传递的是一个函数，该怎么修改呢？官方给我们的解释是patch是做了优化的，还有就是patch可以同时修改多个数据。
2023-05-08 11:49:59
1448
原创 Pinia的简单使用
1.pinia 和 vuex 具有相同的功效， 是 Vue 的存储库，它允许您跨组件/页面共享状态。2.设计使用的是 Composition api，更符合vue3的设计思维。3.Pinia 对 Vue 2 和 Vue 3 都有效，并且不需要您使用组合 API。注：vue2对vuex的兼容性好，pinia则对vue3+ts更兼容。
2023-05-08 11:43:45
82
原创 vue3 中 tinymce+tinymce-vue 富文本编辑器使用
【代码】vue3 中 tinymce+tinymce-vue 富文本编辑器使用。
2023-05-08 11:19:12
216
原创 vuex 数据持久化插件
刷新页面，vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化
2023-05-08 11:03:38
21
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人