前端学习

ReactElement ReactElement是具有类型和属性的对象。 ReactNode ReactNode可以是 a ReactElement, a ReactFragment, a stri

如何在 less 里面使用react变量 使用css的变量和 react element的style 最终渲染出来的item颜色就是红色 less 循环 原理 @colors是 less 中定义的颜色

背景 好久没有用vue了，上次用的还是vue2，所以最近想学一下vue3，首先从新建项目开始。刚好我这个电脑从来没有用过vue，所以一切从头开始。 过程 以前我都是用vue-cli新建项目的，这次也不

常用指令自用留档 // 删除本地分支 git branch -d localBranchName // 删除远程分支 git push origin --delete remoteBranchNam

背景 之前用过一些redux toolkit,现在项目再次引入了 toolkit，但是它的官方文档是英文，机翻不是很友好，读起来也不是很方便，于是我总结了一下它在项目里面的基本用法。 配置 这里基本按

前言 最近需要在react项目中使用图表，刚好搜到这篇英文博客，觉得图表库介绍挺全的，就翻译了一下，供大家参考。 正文翻译 许多人小时候都面临过对数学和数字的恐惧，但是，如果我们考虑在系统组织的图表和

介绍 ncu，即npm-check-updates，使用来更新项目的依赖的一个库。 用法 安装 2.项目目录中运行，更新package.json文件 3.更新所有库 refer https://git

其实这不算是一个很严重的问题，不过还是可以研究一下。 出现原因 系统差异。 解决方法 1. 自定义导航栏 但这个方法很麻烦，需要手写导航栏 2.标题前面加中文空格 这个方法很怪，是我在微信社区看到的，

某天突然发现开发环境网页变成空白页面，本地是正常的。 开发环境控制台报错： Failed to load module script: Expected a JavaScript module scr

个人使用经验 想找一个ios模拟器，看了博客之后，通过以下步骤操作成功： 打开xcode 点击菜单栏xcode-open developer tools-simulator，即可成功打开模拟器，如图所

ref定义 官方文档定义如下： React 支持一个特殊的、可以附加到任何组件上的 ref 属性。此属性可以是一个由 React.createRef() 函数创建的对象、或者一个回调函数、或者一个字符

问题描述 项目中使用reset清除原本默认的ccs，同时设置了默认的字体，但是chrome 和 safari 浏览器字体显示结果不同。 猜测：这是因为font-family的渲染顺序导致的。 font

背景 前端项目经常需要在本地使用 mock 数据，因为有些特殊数据会进行一些特殊的处理。在项目运行的本地环境下，如果使用dev环境的后端接口会需要使用后端真实的数据，很麻烦，所以需要进行mock。 选

1.react 副作用 你之前可能已经在 React 组件中执行过数据获取、订阅或者手动修改过 DOM。我们统一把这些操作称为“副作用”，或者简称为“作用”。 useEffect 就是一个 Effec

背景 最近开发h5时经常会遇到一些问题：小程序IDE预览正常，但是真机显示有问题；安卓手机预览正常，但是IPhone 预览有问题，所以会遇到需要真机调试的情况，最后我发现两个比较好用的真机调试工具：

h5项目中，有时会有点击某处直接调起手机拨打电话的需求。 可以用如下方法实现： 但是如果没有地方包裹a标签，而是直接写成事件形式的话，可以使用下面的方法直接唤起拨号页： 参考（无意中搜到的资料，里面还

bug描述 在一个h5的页面上，有一个可滑动的轮播图，轮播的内容是几个二维码。iPhone手机打开这个页面，锁屏后再亮屏，屏幕上轮播内容区域A（width 不是 100%），即二维码附近会出现线条。

项目中用到了一个上传文件的组件，项目要求只能上传特定格式的文件，该功能可以使用上传文件的组件或者html input中的accept属性来限制，其原理是判断文件的后缀名。

背景 当前端的某个表单的某个字段需要输入一大段话，并且这个表单可以被编辑的时候，就涉及到了前端内容换行的功能。 遇到这个问题是在项目中发现：在textarea组件中输入换行，但是显示的时候换行变成了空

背景 最近做了一个表单，需要在某些时候使用有值的input框的disable状态，在安卓预览正常，但是 iPhone 显示的时候，默认值的颜色很浅，几乎看不见。 解决 因为修改后的颜色和正常颜色相比，