02 2022 档案
摘要:1.vue设置代理 在vue.config.js文件中做配置 module.exports={ devServer:{ proxy:{ 'task':{ target:'后端接口的服务地址', changeOring:true,//设置是否将host更替为代理url, secure:false, }
阅读全文
摘要:一、vuex是什么 vuex就想当于我们项目中的大管家,集中式储存管理应用的所有组件的状态。
阅读全文
摘要:一、redux Redux 作为一款状态管理框架啊,是公认的 React 开发中最大的一个门槛,但同时呢,它也是 React 开发人员必须掌握的一项技能。因为只有熟练应用 Redux,你才能更加灵活地使用 React,来从容应对大型项目的开发难题。这里我要说句题外话。Redux 诞生于 2015 年
阅读全文
摘要:一、如何用好hook 要用好 React Hooks,很重要的一点,就是要能够从 Hooks 的角度去思考问题。要做到这一点其实也不难,就是在遇到一个功能开发的需求时,首先问自己一个问题:这个功能中的哪些逻辑可以抽出来成为独立的 Hooks? 这样问的目的,是为了让我们尽可能的吧业务陆奥及拆分成独立
阅读全文
摘要:一、class组件生命周期 基于class的组件作为react诞生之初就存在的机制,他的语法早已深入人心,甚至至今为止react的官方文档中仍然是以class组件为基础,而函数组件和hooks则是做为新的特性补充说明。 这其实有两个原因: 一是react团队尽最大努力保持api的稳定行,不希望给你造
阅读全文
摘要:一、回顾 在上一篇文章中我们已经看到了useState和useEffect这两个核心的hooks的用法。理解了他们,你基本上就掌握了react函数组件的开发思路。但是还有有一些斜街问题,例如事件处理函数会被重复定义、数据计算过程没有缓存等,还要一些机制来处理。接下来为你介绍其他常见的hooks(包括
阅读全文
摘要:一、基本hooks的用法 如果你用过基于类的组件,那对组件的生命周期函数一定不会陌生,例如componentDidMount,componentDidUpdate,等等。如果没有使用过,也没关系,基于hooks去考虑组件的实现,这会是一个非常不同的思路,你完全不用去关心一个组件的生命周期是怎样的。遇
阅读全文
摘要:一、从以下方面了解 Vue 3 新特性 1.RFC机制 Vue 3 的第一个新特性和代码无关,而是 Vue 团队开发的工作方式。关于 Vue 的新语法或者新功能的讨论,都会先在 GitHub 上公开征求意见,邀请社区所有的人一起讨论, 你随时可以打开这个项目,我把链接放在这里https://gith
阅读全文
摘要:一、react介绍 react作为应用最广泛的前端开发类库之一,不仅有着极其丰富的用户界面,而且非常容易上手。同时,在其他前端应用发生翻天覆地的变化的时候,他的功能却异常的稳定。正应如此,无论从事前端开发,还是以后端为主但也需要自己做一些UI界面,react基本上就是你的首选。 最重要的是,reac
阅读全文
摘要:一、下载流程 调用下载接口 创建a标签 创建下载链接 将a;标签添加到bodiy中 添加点击事件,进行下载 下载完成移除a标签 释放掉blod对象 二、封装 download.js export function download2(data, fileName) {//throw关键字自定义抛出错
阅读全文
摘要:一、官网 https://dayjs.fenxianglu.cn/ github地址:https://github.com/iamkun/dayjs 二、简介 Day.js是一个极简的处理日期的js库 三、初探 npm安装 npm install dayjs --save 项目中使用: import
阅读全文
摘要:一、项目地址 github 地址:https://github.com/zendesk/cross-storage Npm 地址:https://www.npmjs.com/package/cross-storage 二、简介
阅读全文
摘要:一、官网 https://clipboardjs.com/ 项目地址:https://github.com/zenorocha/clipboard.js 二、简介 现代化的“复制到剪切板”插件,不包含flash.gzip压缩后仅为3kb 为啥要用他 复制文字到剪切板不应该很难实现,他不需要配置几十个
阅读全文
摘要:一、中文网地址 https://www.lodashjs.com/ 二、简介 1.lodash是啥? lodash是一个一致性、模块化、高性能的js使用工具库, 2.为什么选择lodash? lodash通过降低array、number、objectss、string等的使用难度从而让js变得更简单
阅读全文