摘要: Generator 异步方案 相比于传统回调函数的方式处理异步调用,Promise最大的优势就是可以链式调用解决回调嵌套的问题。但是这样写依然会有大量的回调函数,虽然他们之间没有嵌套,但是还是没有达到传统同步代码的可读性。如果以下面的方式写异步代码,它是很简洁,也更容易阅读的。 // like sy 阅读全文
posted @ 2022-11-01 22:42 开水泡饭的博客 阅读(389) 评论(0) 推荐(0) 编辑
摘要: Promise 一种更优的异步编程统一 方法,如果直接使用传统的回调函数去完成复杂操作就会形成回调深渊 // 回调深渊 $.get('/url1'() => { $.get('/url2'() => { $.get('/url3'() => { $.get('/url4'() => { $.get( 阅读全文
posted @ 2022-10-28 23:58 开水泡饭的博客 阅读(264) 评论(0) 推荐(1) 编辑
摘要: 异步模式Asynchronous 不会等待这个任务结束才开始执行下一个任务,开启之后立即执行下一个任务,后续逻辑一般会通过回调函数的方式定义,异步模式对js 非常重要,没有异步任务单线程的 js 语言就无法同时处理大量耗时任务,单线程下面的异步最大的难点就是 代码的执行顺序混乱,Queue是消息队列 阅读全文
posted @ 2022-10-26 21:59 开水泡饭的博客 阅读(258) 评论(0) 推荐(1) 编辑
摘要: javascript编程单线程之同步模式 主流的js 环境都是单线程吗模式执行js 代码, js采用为单线程的原因与最开始设计初衷有关,最早是运行在浏览器端的脚本语言,目的是为了实现页面上的动态交互,实现页面交互的核心就是dom操作,这也就决定了js必须使用单线程的模式来处理,不然就会造成严重的线程 阅读全文
posted @ 2022-10-25 00:14 开水泡饭的博客 阅读(337) 评论(0) 推荐(2) 编辑
摘要: 函子(Functor) 函子是一个特殊的容器,通过一个普通对象来实现,该对象具有map方法,map方法可以运行一个函数对值进行处理(变形关系),容器包含值和值变形关系(这个变形关系就是函数)。函数式编程中解决副作用的存在 函数式编程的运算不直接操作值,,而是由函子完成 函子就是一个实现了map契约的 阅读全文
posted @ 2022-10-23 22:56 开水泡饭的博客 阅读(144) 评论(0) 推荐(1) 编辑
摘要: redux 实现弹出框案例 实现效果,点击显示按钮出现弹出框,点击关闭按钮隐藏弹出框 新建弹出框组件 src/components/Modal.js, 在index.js中引入app组件,在app中去显示计数器和弹出框组件 function Modal ({ showState, show, hid 阅读全文
posted @ 2022-10-22 22:05 开水泡饭的博客 阅读(276) 评论(0) 推荐(1) 编辑
摘要: curl 下载地址中有特殊字符解决方案 情况 使用 curl 下载 地址中带有 特殊字符的时候 比如下面这个地址。实际访问地址不正确,参数丢失问题 curl -o kspf.jpeg https://kspf.xyz/usr/uploads/2021/06/836016039.jpeg?a=1&b= 阅读全文
posted @ 2022-05-18 17:31 开水泡饭的博客 阅读(196) 评论(0) 推荐(0) 编辑
摘要: react 性能优化 React 组件性能优化的核心就是减少渲染真实DOM节点的频率,减少Virtual DOM 对比的频率,以此来提高性能 1. 组件卸载之前进行清理操作 在组件中为window 注册的全局事件,以及定时器,在组件卸载前要清理掉,防止组件卸载后继续执行影响应用性能 我们开启一个定时 阅读全文
posted @ 2021-12-02 20:34 开水泡饭的博客 阅读(493) 评论(0) 推荐(2) 编辑
摘要: 公共模块 基础模块参照了vant的思路,使用bem命名规范。先创建一个命名空间,这个命名空间返回创建组件函数与生成命名方法。在创建组件函数中创建name与install属性用于注册vue组件 创建组件函数 创建base组件 npm run plop # 输入组件名称得到packages/base模块 阅读全文
posted @ 2021-08-17 21:48 开水泡饭的博客 阅读(85) 评论(0) 推荐(0) 编辑
摘要: rollup 开发环境搭建 初始化项目使用lerna管理项目 使用npm init 初始化项目 npm init -y 安装lerna并初始化项目 npm install lerna --save-dev # npx 使用node_modules 中的包 npx lerna init 现在已经生成了 阅读全文
posted @ 2021-08-16 13:09 开水泡饭的博客 阅读(884) 评论(0) 推荐(0) 编辑