摘要:
DocumentFragment 是什么 ? DocumentFragment,文档片段接口,一个没有父对象的最小文档对象。它被作为一个轻量版的 Document 使用,就像标准的 document 一样,存储由节点(nodes)组成的文档结构。与 document 相比,最大的区别是 Docume 阅读全文
摘要:
1.使用相对单位 通常我们在项目开发中,使用px作为尺寸的单位,而不是使用相对单位,如:rem、em等。在万物互联的时代,最好的方式是相对单位rem、vh、vw等现代 CSS 布局(如 flexbox 和 grid)方式,最大限度的支持各种终端设备。 绝对单位 px :是一个绝对单位,主要是因为它是 阅读全文
摘要:
minxin 让组件复用灵活化 vue 提供了 minxin 这种在组件内插入组件属性的方法,个人建议这货能少用就少用,但是有个场景则非常建议使用 minxin:当某段代码重复出现在多个组件中,并且这个重复的代码块很大的时候,将其作为一个 minxin 常常能给后期的维护带来很大的方便。 这是项目中 阅读全文
摘要:
背景 复杂的网站都会有大量的css代码,通常也会有许多重复的值。 举个例子,同样一个颜色值可能在成千上百个地方被使用到,如果这个值发生了变化,需要全局搜索并且一个一个替换,效率不高且容易出错。 自定义属性在某个地方存储一个值,然后在其他许多地方引用它。另一个好处是语义化的标识。比如,--main-t 阅读全文
摘要:
最近在开发小程序遇到这样一个问题, 在用户点击授权后去解密手机号时会出现第一次失败,第二次成功的情况。研究了一段时间,终于找到比较合理的解决方案,在此记录并总结一下,希望可以帮助到大家。 需求描述 在用户点击获取电话按钮后, 将用户在微信内设置的电话解密显示在联系电话输入框内 具体代码 <view 阅读全文
摘要:
使用vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。 父子组件之间的通信 1)props和$emit 父组件通过props将数据下发给props,子组件通过$emit来触发自定义事件来通知父组件进行相应的操作 具体代码如下: // 父组件 <template 阅读全文
摘要:
Angular 作为一款优秀的前端框架,自诞生之日起,就致力于面向前端开发者提供一整套全功能解决方案。与其他流行框架所追求的理念不同,Angular并非作为一款可以并入 Web 应用程序的轻量级框架而生,而是设计为:包含了一个完整的工作流,用于从项目创建开始,持续地维护并更新你的应用程序。 2019 阅读全文
摘要:
本篇 react native 库列表不是从网上随便找的, 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有,但经过大量研究并在我的程序中尝试后,我选择了这些库。 15. React Native Animatable 这个库非常适合快速地向 react Native 应用程序添加简单 阅读全文
摘要:
Create react App(以下简称 CRA)是创建 react 应用的一个脚手架,它与其他脚手架不同的一个地方就是将一些复杂工具(比如 webpack)的配置封装了起来,让使用者不用关心这些工具的具体配置,从而降低了工具的使用难度。 但是对于一些熟悉 webpack 的开发者来说,他们可能想 阅读全文
摘要:
之前使用react.forwardRef始终无法应用于react高阶组件中,最近终于捣鼓出来了,于是记录下来。关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。 一、React.forwardRef使用示例 下面就是应用到React组件的错误示例: c 阅读全文