首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React前端
剪刀石头布啊
创建于2022-02-10
订阅专栏
介绍了React前端的内容,有typescript和javascript的实战代码供参考,且加入了前面介绍RN的组件生命周期和flex布局,其通用,方便查看
等 4 人订阅
共19篇文章
创建于2022-02-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
给 react 项目中加入 eslint + prettier
react 项目开始时可能要配置不少东西,这里就直接配置一些常用的便捷类的配置吧,至少短期内应该是可以可以使用的,时间长了,还是要重新配置一下最好,不过使用也没问题,就是不是最新的了😂
react-动态创建一个可自行移除的dialog,跳转到首页(解决useNavigate不能使用问题)
实现一个可移除的简易dialog,支持跳转单个页面 ,设置window.location.href 重新定位页面即可
react-图片节点缓存策略(避免图片频繁切换出现的问题)
开发过程中,什么样的功能都可能碰到,例如:我这里有几十张不同亮度的路灯图片,调节亮度时通过更换图片来实现不同亮度的切换效果(ps:本人还没实力使用 react 绘制这么好的光效😂)
react-判断移动平台或者跳转
使用 react 开发过程可能会碰到 h5 根据不同平台适配的功能,关于微信界面提示跳转到某个下载连接,或者跳转到某个app,下面将会简单介绍下
react-自制一个垂直Slider
定制垂直滚动条,且需要在电脑端和移动端操作,此时发现 mobile-ant 不能用了,虽然没有适配过移动端,但尝试一下也不复杂
react-切换全屏(be-full)
在 react 开发中,可能会碰到切换全屏的需求,无论是单纯的电脑网页,还是手机、pad浏览器,系统中提供了这么一个 be-full,同时支持几个端切换全屏、非全屏状态
react-设置npm、yarn源
react 项目在开发过程中可能会使用一些特殊的三方仓库,他们可能地址在国外服务器,或者其他原因,无法下载(当然也可能自己这边没问题,但是部署服务的机器可能访问不到)
react-阻止事件向下冒泡
无论哪一个做UI层的都会碰到事件传递的一些问题,一些我们可以巧妙的通过特殊组件来解决手势冲突或者传递问题,否则只能硬着头皮解决解决问题了,本篇文章以react案例,其中碰到的主要就是阻止事件向下冒泡
umi-request使用
umi-request的使用相对比较简单, 甚至可以直接使用,由于其支持 typescript,再加上其使用简单,因此非常受大家的喜爱,下面就简单介绍下其使用方式吧
localStorage、sessionStorage、storageEvent
web端有时候也避免不了需要持久化储存 localStorage (实际上cookie也算是默认的持久化储存),例如:后台走token校验而不是cookie逻辑,还有一些是加密后的账号密码(但不推荐)
javascript理解call、apply、bind就是这么简单
最近看到很多人说各种手撕 call、apply、bind,这边也是做了没多久的前端,看了逻辑确实挺简单,怪不得那么多人手撕,虽然平时用的少吧,不过多了解一些总是没有坏处的,下面我用自己的理解手撕一下
react-ts接入web端腾讯地图、定位、搜索(简易案例)
在使用 typescript 或者javascript 前端接入腾讯地图的时候,看了官方文档可能会有一点疑问(如果没搞过的话),实际上很简单,下面以 typescript 为例,介绍一下怎么用的
React前端-hooks常用属性
React 推出 react-hooks,为了让开发者更方便的开发应用 其可以不用可以理会 React.Componet的生命周期,对与不关注这些的来说,简直是一个福音
React前端项目实战
前面介绍了 React前端 项目的构建,这这里实战一下小项目,分别是 javascript 和 typescript 版本的各一个,就只讲解一个 typescript 的版本
ant-design的使用注意
使用过程都很简单,最麻烦的是样式不好找出来修改,使用过程中可以使用 className 参数,然后导入 css 文件,使用新修改的 ant 样式即可
position 常见布局属性
positon属性,在平时布局中经常使用,无论是 小程序、react-native、react-app、vue、h5,只要涉及到html相关布局,基本上都会用到
react前端设置代理服务器,解决跨域cookie问题
在前端中,会经常使用 cookie 作为网络缓存方案,因此测试过程中也会出现跨域问题,因此cookie可能就无法使用了
react前端--远端访问案例
React前端项目开发的过程中,有时候需要让远端访问本地已经启动的项目,以便查看效果,或者远程检查bug
react前端项目构建
目前前端项目开发的主流大概就是 Vue、React了 React写法则是默认在 js代码块中写布局,写法上与React-native很相似,很适合React-native的上手