03 2022 档案
摘要：前面两篇介绍了computed和watch的基本使用 watch篇 computed篇 两者的区别，继续通过代码实现的方式具体去了解 html <li>最开始的value值：{{ name }}</li> <li>computed计算后的值：{{ computedName }}</li> <li>
阅读全文
摘要：前言 watch顾名思义，属于vue2.x版本中，监听和观察组件状态变化的钩子函数，常见的应用场景有监听路由变化，以及父组件传递给子组件的props数据的变化等 基本使用 在使用watch的时候，需要在data中生命一个状态，并添加到watch当中进行观察，当发生变化时，watch可以通过默认参数获
阅读全文
摘要：前言 在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。 基础使用 在computed中，声明一个函数，并需要提供一个返回值，用于在页面展示或者结合其他方法进行处理 结合state状态使用 通
阅读全文
摘要：在之前的企业项目开发中，做过一些前端基础建设和项目推进的工作。 完成项目之后，一直没时间整理和反思在推进过程中，遇到的问题以及解决方案，由于前端团队人员较少，更多的是多人协作以及大家共同攻克一些问题。 工具 前端的编辑器，包括sublime，还有vscode，以及webstorm、atom这类编辑器
阅读全文
摘要：前言 在vue的开发过程中，我们会经常使用到vue的slot插槽组件，vue官方文档的描述： Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 元素作为承载分发内容的出口 slot大概分为以下几种： 基础slot组件(匿名插槽) 匿名插槽
阅读全文
摘要：需求背景 由于现有的后台管理系统，上传的视频越来越大，加上上传视频较慢，后端小哥提出直接从前端上传视频或者其他文件到阿里云OSS存储。 阿里云OSS 阿里云OSS文档介绍，这里不做过多赘述 安装 原本在最开始的时候，是使用node版本的SDK，最开始使用的[nodejs版本] 代码如下 async
阅读全文
摘要：javascript的基本数据类型以及引用数据类型，基本数据类型在开发中经常会用到，包括作为变量使用，判断数据类型来处理一些业务等 基本（简单数据类型） undefined,Null,Boolean,Number,String 复杂的数据类型Object undefined undefined 类型
阅读全文
摘要：前言 JavaScript是一门单线程的弱类型语言，但是我们在开发中，经常会遇到一些需要异步或者等待的处理操作。 类似ajax，亦或者ES6中新增的promise操作用于处理一些回调函数等。 概念 在JavaScript代码执行过程中，可以分为同步队列和异步队列。 同步任务类似我们常说的立即执行函数
阅读全文
摘要：前言 在ES6新增的数组方法中，包含了多个遍历方法，其中包含了用于筛选的filter和reduce filter 主要用于筛选数组的filter方法，在使用中，不会改变原数组，同时会将符合筛选条件的元素，放入新的数组进行返回。 /*** * @item 数组元素 * @index 遍历数组下标 *
阅读全文
摘要：Facebook团队对社区上的MVC框架都不太满意的情况下，开发了一套开源的前端框架react，于2013年发布第一个版本。 react最开始倡导函数式编程，使用function以及内部方法React.creactClass创建组件，之后在ES6推出之后，使用类组件Class构建包含生命周期的组件。
阅读全文
摘要：前言 之前在部署个人网站的时候，需要打包maven，在生产环境，需要使用到docker去做服务器和端口的守护。 于是在查阅了相关资料，学习了docker一些基本命令行操作，包括对镜像的查看，修改和添加，以及容器的管理等操作 环境：阿里云centos7 查看当前docker任务 docker ps 查
阅读全文
摘要：前言 最近在开发redux或者vux的时候，状态管理当中的createStore，以及我们在组件中调用的dispatch传递消息给状态管理中心，去处理一些操作的时候，有些类似我们常见到订阅模式 于是写了一个小demo去实现了一下订阅模式的过程 思路 订阅模式类似某个平台的作者，或者UP主，而平台充当
阅读全文
