随笔分类 -  JavaScript

1 2 下一页
介绍一些js方面的东西
实现 React Hooks
摘要：实现 React Hooks UI 开发有两个问题： 展示复用 逻辑复用 展示复用目前基本使用组件化来解决，逻辑复用一直以来都没有特别好的解决方案。React 从一开始的 mixin ，到 高阶组件 以及 Render Props ，都是在试图解决这个问题，但是都引入了一些别的问题。 Mixins 阅读全文
posted @ 2020-07-06 18:44 liuyongjia 阅读(774) 评论(0) 推荐(0)
实现 call、apply、bind
摘要：实现 call、apply、bind 在之前 "一篇文章" 写了这三个参数的区别，但是其实面试更常考察如何实现。其实所有的原生函数的 polyfill 如何实现，只需要考虑 4 点即可： 1. 基本功能 2. 原型 3. this 4. 返回值 call 1. call 的基本功能： call() 阅读全文
posted @ 2019-11-14 20:54 liuyongjia 阅读(430) 评论(0) 推荐(0)
Webpack概念
摘要：webpack概念 我经常用 ，打算做一次比较详细的概念清点和梳理。从 0 配置 ，由于 （2019.07.27）暂时还没有发布。并且从 "Webpack Milestones" 上来看，截止到 7 月 27 日，完成度是 64%。有喜欢钻研的同学可以去研究一下 5，我的重点还是当前 4.X。 He 阅读全文
posted @ 2019-07-27 22:55 liuyongjia 阅读(332) 评论(1) 推荐(1)
写一个简单的模板引擎
摘要：写一个简单的模板引擎 ES6 开始支持模板字符串(Template literals)，支持如下的写法： javascript ; html {{=1+2}} // 或者支持循环或者判断 {{for(var i in it){}}} {{=i}} {{}}} javascript const a = 阅读全文
posted @ 2019-06-02 14:27 liuyongjia 阅读(1360) 评论(0) 推荐(0)
闭包和let块级作用域
摘要：还是先从一个题目开始： 写一个隔1s输出数组的一项的函数。 如果可以用ES6语法，则可以这么写： 但是如果把这里的 改成 ，则输出就会变成一连串的 。 有同学很快想到了这是闭包啊，因为 把函数加入到 中，所以等到setTimeout的函数体执行时， 已经走完了 循环，变成了 。`arr[arr.le 阅读全文
posted @ 2019-03-29 20:12 liuyongjia 阅读(1625) 评论(0) 推荐(0)
偏函数、高阶函数、柯里化、匿名函数
摘要：好久没写博客，从一道题目开始吧 实现一个sum函数，支持sum(1,2)和sum(1)(2)两种调用方式 说实在的，没啥难的，很简单写出来 或者用ES6的展开操作符，或者是arguments 考察的内容其实就是函数作为返回值，简单涉及到了闭包，还有arguments的判断，ES6展开操作符的剩余语法 阅读全文
posted @ 2019-03-27 22:51 liuyongjia 阅读(1282) 评论(0) 推荐(0)
react系列（六）Redux Saga
摘要：redux saga 初级教程， api讲解。 阅读全文
posted @ 2018-11-04 20:13 liuyongjia 阅读(1320) 评论(0) 推荐(0)
react系列（五）在React中使用Redux
摘要：上一篇展示了Redux的基本使用，可以看到Redux非常简单易用，不限于React，也可以在Angular、Vue等框架中使用，只要需要Redux的设计思想的地方，就可以使用它。 这篇主要讲解在React中使用Redux，首先是安装。 安装React Redux 有两个概念： 1.容器组件（Cont 阅读全文
posted @ 2018-10-17 22:09 liuyongjia 阅读(959) 评论(0) 推荐(2)
react系列（四）Redux基本概念和使用
摘要：Redux基本概念和使用 先从Flux开始 先放一个 "Flux官网" 的链接。需要fq。 Flux是Facebook提出的一种构建客户端网页应用的应用架构，它是一种抽象程度很高的设计模式，鼓励单向数据流。 在之前的MVC架构中，在小型应用中，Model和View较少时，关系不复杂，维护轻松。但是 阅读全文
posted @ 2018-10-11 21:13 liuyongjia 阅读(1044) 评论(0) 推荐(0)
react系列（三）组件间通信
摘要：组件间通信 React的基本组件元素是一个个组件，组件之间可能存在关联、组合等关系。不同的组件之间，经常会发生数据传递或者交换，我们称之为组件间通信。 根据传递的复杂程度，可以分为三种情况： 父子间通信，兄弟间通信，同其他外部库通信。 父子间通信 在学习组件的时候，props是输入，组件是输出。在这 阅读全文
posted @ 2018-09-27 22:02 liuyongjia 阅读(1497) 评论(0) 推荐(0)
react系列（二）高阶组件-HOC
摘要：详解react高阶组件的概念和使用。 阅读全文
posted @ 2018-09-23 18:39 liuyongjia 阅读(816) 评论(0) 推荐(0)
【译】2分钟介绍Rx
摘要：【译】2分钟讲明白Rx是什么 阅读全文
posted @ 2018-09-12 21:10 liuyongjia 阅读(515) 评论(0) 推荐(0)
react系列教程
摘要：这个系列将从基础语法讲起，把react全家桶都讲到，然后到具体的使用，最后完成后，会写一个完整的demo。 前置要求： 基本的CSS，JS要熟练。 部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。 目前已经完成的内容： "react系列（零）安装 阅读全文
posted @ 2018-08-20 22:10 liuyongjia 阅读(827) 评论(0) 推荐(0)
react系列（一）JSX语法、组件概念、生命周期介绍
摘要：1.JSX语法-JSX对应的JS方法，它只是语法糖 2.组件概念-如何创建一个组件，组件的props和state 3.生命周期-组件在不同阶段会触发什么方法，并且介绍常用场景 阅读全文
posted @ 2018-08-19 20:37 liuyongjia 阅读(1220) 评论(0) 推荐(0)
react系列（零）安装
摘要：react教程（零）—— 安装 react项目的基本配置，使用create-react-app和webpack构建react-app。主要介绍如何新建一个react-app，并对webpack如何创建react-app做了详细介绍。 阅读全文
posted @ 2018-08-19 16:27 liuyongjia 阅读(942) 评论(0) 推荐(0)
函数节流和函数防抖
摘要：函数节流和函数防抖 阅读全文
posted @ 2018-08-10 20:33 liuyongjia 阅读(546) 评论(2) 推荐(0)
观察者模式和发布订阅模式（下）
摘要：发布订阅模式 前一篇对观察者模式做了介绍，重点在于观察者和被观察者的对应关系，以及将被观察者的改变及时通知到相对应的观察者。 这样的模式基本上可以解决少量数据源的情景，在观察者和被观察者可能是多对多关系的情况下，强耦合的结构会让代码不够清晰，难以维护。 在《JavaScript设计模式》一书中，提到 阅读全文
posted @ 2018-08-03 16:43 liuyongjia 阅读(679) 评论(0) 推荐(0)
观察者模式和发布订阅模式（上）
摘要：观察者模式 定义：观察者模式(Observer Pattern)：定义对象间的一种一对多依赖关系，使得每当一个对象状态发生改变时，其相关依赖对象皆得到通知并被自动更新。 其中有两个定义需要明确，被观察者和观察者。通常来说，这两者是一对多的，也有多对多的情景。 在网页开发中，被观察者通常是数据源，不论 阅读全文
posted @ 2018-08-01 23:28 liuyongjia 阅读(777) 评论(0) 推荐(0)
撸一个简单的MVVM例子
摘要：我个人以为mvvm框架里面最重要的一点就是VM这部分，它要与Model层建立联系，将Model层转换成可以被View层识别的数据结构；其次也要同View建立联系，将数据及时更新到View层上，并且响应View对数据的更改，同步到Model层。 MVVM的具体例子，可以看一下阮一峰老师的 "这篇博客" 阅读全文
posted @ 2018-06-27 00:14 liuyongjia 阅读(1122) 评论(1) 推荐(3)
小程序内嵌H5——判断小程序环境的坑
摘要：现在各种小程序风靡，这边H5的需求还没有搞定，产品又要求做小程序版本，做可以，关键是618前上线，我…… whatever，618要做推广，日期订了，剩下的就只能是排期，定方案，尽可能完成。 最后和产品商量之后的决定是：小程序中特有的营销推广的页面，用小程序编写，剩下的黄金流程，内嵌H5解决。 听起 阅读全文
posted @ 2018-05-28 22:28 liuyongjia 阅读(23495) 评论(3) 推荐(0)

1 2 下一页