摘要：
目录： 1. 简介 2. useRef 3. forwardRef 4. useImperativeHandle 5. 回调Ref 简介 大家都知道React中的 属性可以帮助我们获取子组件的实例或者Dom对象，进而对子组件进行修改，是一个很方便的特性。在传统类组件中，我们通过使用 创建的，并通过 阅读全文
摘要：
版本信息: hips ui: 0.1.43 须知: 随着hips ui的迭代，可能会解决适配问题，所以下面的方案是有时效性的。 如果你项目上很紧急，可以直接看第三部分解决方案，复制粘贴代码即可。 一. 无适配情况 自从iPhone X出了刘海屏后，对于我们前端是适配难度又更上一层楼。不知道你有没有遇 阅读全文
摘要：
注意：此文是默认你已经具备scoped和css modules的相关基础知识，所以不做用法上的讲解。 在vue中，我们有两种方式可以定义css作用域，一种是scoped,另一种就是css modules。 这两种方式都能形成css作用域，从而避免样式相互覆盖的问题，而这两种方式又有什么区别呢？下面就 阅读全文
摘要：
这里的代码来自vux，觉得vux处理得很好，在此记录一下。 当我们在手机上填表单的时候，我们会希望正在填的input或者textarea会自动滚动至可视区域，方便我们边填写边查看内容。以前我的做法是，获取元素，然后手动设置它距离顶部的高度，这种方法可行，但显得麻烦而笨重。查看了一下vux的源码，发现 阅读全文
摘要：
众所周知，浮点计算会产生舍入误差的问题，比如，0.1+0.2，结果应该是0.3，但是计算的结果并不是如此，而是0.30000000000000004，这是使用基于IEEE754数值的浮点计算的通病，js并非独此一家，今天我们就来看看js怎么解决这个误差的。 以下是针对加减乘除的解决方法： 加法： f 阅读全文
摘要：
今天，我们要聊得是Angularjs中的小明星$apply。当我们数据更新了，但是view层却没反应时，总能听到有人说，用apply吧，然后，懵懂无知的我们，在赋值代码后面加了$scope.$apply(),然后就惊喜的发现。噢，真的更新了。 然而，有些时候，编译器会无情的给你返回 Error: $ 阅读全文
摘要：
Angularjs的$watch相信大家都知道，而且也经常使用，甚至，你还在为它的某些行为感到恼火。比如，一进入页面，它就会调用一次，我明明希望它在我初始化之后，值再次变动才调用。这种行为给我们带来许多麻烦。而我们今天就是要优化$watch的写法，来解决这些问题。 一.推荐写法： $scope.$w 阅读全文
摘要：
近期，再用react的时候,由于不想用丑陋的hash,便将路由模式切换成history了，结果带来了一些问题，比如刷新白屏，还有图片加载不出来，这里我们说一下解决方案。 原因 首先，我们说一下造成这一系列现象的原因。 我们在http://localhost:xxxx/这个路径下去刷新页面是没有问题的 阅读全文
摘要：
今天，我们要讨论的是react router中Link传值的三种表现形式。分别为通过通配符传参、query传参和state传参。 ps:进入正题前，先说明一下，以下的所有内容都是在react router V4的版本下。 1.通配符传参 Route定义方式： Link组件： 通配符 参数获取： th 阅读全文
摘要：
一般来说，react上我们都会用change事件去处理input的输入，但这样就导致一个问题，在输入中文的时候，我们还没输入完成就会触发change事件，这样显然不是理想状况。 那么，怎么解决这个问题呢？首先，你需要了解3个事件，compositionstart，compositionupdate和 阅读全文