logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

JS 设计模式 - 发布订阅模式

发布—订阅模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。在JavaScript开发中,一般用事件模型来替代传统的发布—订阅模式。

文章图片
#javascript#设计模式#开发语言
前端怎么处理请求失败会弹出一个 toast,如何保证批量请求失败,只弹出一个

通过以上步骤,可以确保在批量请求失败时只弹出一个 toast 通知。关键在于使用一个标志变量(如 hasError)来跟踪请求状态,并在失败时控制 toast 的显示。这样可以避免在多次请求失败时重复弹出通知。如果还没有创建 toast 组件,可以简单实现一个。以下是一个基本的 React toast 组件示例。可以为 toast 组件添加一些基本样式,以便让它更容易辨识。(例如 React 的

文章图片
#前端
promise & async await总结

优先使用 async/await​​ 编写更清晰的代码​​合理使用 Promise 方法​​(如 all/race)处理并行任务不要忘记错误处理​​,使用 try/catch 或 .catch()避免不必要的 await​​,能并行就不要顺序执行注意 Promise 创建时机​​,避免意外提前执行。

#前端#es6
React中的Fragment

FragmentReact 中一个常见模式是为一个组件返回多个元素。Fragment可以让你聚合一个子元素列表,并且不在DOM中增加额外节点。Fragment 看起来像空的 JSX 标签render() {return (<><span>Fragment</span></>);}注: React 中 <></> 是 <R

js设计模式之单例模式

单例模式也称为单体模式,保证一个类仅有一个实例,并提供一个访问它的全局访问点

#单例模式#javascript#设计模式
VUE上传大文件,出现: 413 request Entity too Large错误

工作中遇见了一个问题,就是上传一个200M的文件,会报413 request Entity too Large错误,下面给出解决方式。经过排查,发现服务器使用nginx作为反向代理服务器,报上名错误,是因为请求长度超过了nginx默认的缓存大小和最大客户端最大请求大小。在nginx.conf中设置client_max_body_size的值...

#nginx
vue中如何使用SM4国密来加密?

SM4加密安装依赖:npm install gm-cryptVUE代码export default {components: {},props: {},data() {return {Account: "", //用户账号Pwd: "", //用户密码time: ""};},computed: {},created() {},watch: {},methods: {// 登.

vue upload 上传文件之删除文件

在做图片上传时,用Element UI 组件库 upload组件,图片上传时通过文档流的形式,例如下面代码中的action的地址,需要提前协商好,但是Vue官网对删除只介绍了其中的一些并没有实现图片的删除功能,handleRemove(file, fileList) {console.log(file, fileList);},那么接下来看看在项目中怎么实现的吧首先自己手写了一个删除的方法,循环遍

vue 中deep使用

Vue中的deep在vue组件中,在style标签上添加scoped属性,以表示它的样式作用于当下的模块,很好的实现了样式私有化的目的,防止全局样式被污染,那么再vue项目中怎么更好的使用deep或者怎么解决deep相关问题呢?使用deepdeep遇到的问题但是有的时候再scss中deep会失效,可以用“.(外层的class)>>>.(内层declass)”例...

    共 13 条
  • 1
  • 2
  • 请选择