朵儿兮

1 声明函数式组件 声明 React 组件的时候采用函数式组件的声明方式，不要使用 Class 组件的声明方式 ​ bad case ​ 函数组件 2 采用 Hooks R...

背景：点击textarea上层元素，textarea也会获取焦点 解决方案： 为了阻止textarea在不必要的时候取得焦点，可将其disabled属性设置为true，在需...

前端基础的开发环境配置，包含node、git、nginx、host等，只做简单记录，仅供参考，会后续再补充。...

背景：小程序中，includePoints里的padding在andriod手机只能识别第一个值，如果地图高度不固定，可能存在问题...

字符正则 表情符正则： 特殊字符正则： 过滤方式 直接替换 不匹配时toast提示 这种方式适用于textarea场景中。对于textarea，bindinput 处理函数...

vue中无法识别可选链接符,eslint不识别可选链接符，安装babel依赖@babel/plugin-proposal-optional-chaining和@babel/...

选择重量的时候，通过滑块的方式来获取。结合小程序通用组件slider和大佬们的经验，通过css简单实现了一个...

React15的调度策略 JavaScript是单线程运行的。在浏览器环境中，他需要负责页面的Js解析和执行、绘制、事件处理、静态资源加载和处理。而且只能一个任务一个任务的...

背景 React Hooks是React 16.8发布以来最吸引人的特性之一。 react-router、redux等主流包，都已经提供了完备的 Hooks api，且官网...

作为个新手还是遇到了一些问题，几乎都是一些低级问题。总结一下，加深记忆。 useCallback 依赖项变了，但内部没有取到最新的值 背景：接入页面时...

基础知识 let const var有变量提升，有初始化提升，值可变 let有变量提升，没有初始化提升，值可变 const有变量提升，没有初始化提升，值不可变，但如果是定义...

移动端开发时，iphoneX和iphone12都采用了刘海屏，为了适配顶部状态栏，需要区分当前设备是否为iphoneX和iphone12。...

项目需求：将订单根据订单日期的进行归类展示。所以选择reactNative中的sectionList组件 2.ItemSeparatorComponent：行与行之间的分隔...

长列表是项目中常见的组件之一，大量数据同时渲染在页面上时，会导致页面的卡顿。我们可以尝试控制只显示用户需要看到的来提高性能。 当滚动底部，获取更多数据后，会进行滚动锁定。在...

通过自动化测试可以了解当前代码能否达到预期结果，如果逻辑有缺陷，可以快速的定位bug；如果是开发类库，可以避免新添加的逻辑影响之前的内容；同时也可以提高代码的可维护性。 原...

服务端渲染，是指将代码的渲染交给服务器，服务器将渲染后的字符串返回给前端。使用服务端渲染，可以有效减小白屏时间，并且有利于seo优化。 一份项目代码打包为两份，一份给ser...

vue的生命周期包含从创建-->挂载渲染-->更新渲染-->销毁的过程，生命周期钩子可以让我们更好的控制vue实例更新渲染的过程。 created：数据等初始化后被调用。此...

当通过new Vue初始化实例vm时，会执行_init方法。此时，如果传参中包含el|template|render,会执行$mount进行挂载 在vue的原型上添加$mo...