风行天下

Web页面上，当某个页面内容特别多，下拉到底部的时候，想再返回页面顶部就得鼠标滚轮滑好多下，或者没有鼠标的话操作就更麻烦了。这个时候页面右下角往往会放一个悬浮按钮，点击按钮立即滑动到页面顶部，就方便了很多。本文就是此功能的一个简单的实现。在布局文件里加上这个按钮：上面的代码里，IcoTop是自定义的一个图标，你可以替换为自己需要的图片地址。position: fixed 设置按钮的定位方式为基于浏览器窗口定位。这样不管页面滑动到什么位置，这个按钮始终显示在右下角，距离右边和底部60px。zIndex设

项目中经常有上传文件的需求，有时候因为文件太大，用户没耐心继续等，或者发现上传错了，想取消上传的话，该怎么实现呢？先看下上传文件的实现，原本的实现就是页面上一个选择文件的按钮，点击后选择文件，然后上传。选择文件的代码实现这里就不贴了，下面是上传文件的代码示例：这样的代码运行后，文件一旦开始上传就停不下来了。即使关掉页面，文件上传仍然在继续。现在来加上取消上传的功能，我们用到的是AbortController来实现。下面代码里添加注释的部分就是新添加的取消上传及对成功取消后的处理相关代码：如果想取

在做React项目的时候，发现UI设计给出的设计稿里，某些文字所用的字体，系统默认不支持。比如设计需要的这个字体：EmerlandRegular，即使在css里将文字字体设置为他们，实际效果也显示不出来。 <Typography style={{ fontSize:'22px', fontFamily:'EmerlandRegular', textAl

目录1. Axios基本用法2. Axios基本封装用法3. 添加拦截器的用法4. 注意事项Axios是一款网络前端请求框架，基本用法如下：1. Axios基本用法： const response = await Axios.create({ baseURL: "https://test.api.com", headers: { 'Content-Type': 'application

做React项目，有个需求，要求把页面上显示的列表数据导出为表格文件，可以用excel等软件打开。先看下这个页面上显示的列表长啥样：就是上面这个格式的列表，它的数据testList如下：const testList = [ { "course_title":"Course1", "course_category":"Violin", "visit_count":5, "visit_length":264,

1.如何去掉Mui（原Material UI）的TextField的边框？如上图，TextField有三种默认样式，都是带有边框的，如果我们想实现下面这种不带边框，仅有背景色的输入框:如何实现呢？你会发现在css里设置border样式是没用的。正确的设置是下面这样：<TextField variant="standard" style={{borderRadius: "6px", background: "#f5f5f5"}} InputProps={

之前写Java，逻辑运算符 && || 和！，都得使用boolean类型的值或者返回值是boolean类型的表达式进行运算，如下：int a1 = true, b1 = false;if (a1 && b1) { // OK}int a2 = 0, b2 = false;if (a2 && b2) {//编译不通过}但是Javascript不是，运算符可以对任意类型的数据做操作，在运算过程中会自动转换为boolean类.

在JS语法里，如果想要遍历一个列表（数组），比如下面这个userList:const userList = [ { id: 1, name: "Kevin", age: 10, subject: 5, state: 1, },{ id: 2, name: "John", age: 15, subject: 1, state: 0, },{ id: ...

如题，先看看如何使用Material UI的Table表格：要实现上面这样的表格，定义数据userList如下： [ { id: 1, name: "Kevin", age: 10, subject: 5, state: 1, },{ id: 2, name: "John", age: 15, subject: 1, state: 0, },{

Material UI和Formik配合使用时要注意的一些问题关于Material UIMaterial UI 用法实例关于FormikFormik的使用实例Material UI 和Formik一起使用的坑这段时间应新公司要求，开始搞前端啦，而且要用以前从没接触过的React框架来做，是有点压力的，而且也踩了不少坑。现在把其中一些经验教训总结下。关于Material UI就和饿了么的Element UI是基于Vue的UI框架一样，Material UI是基于React的UI框架，提供了很多封装好的组

父布局宽度不固定的情况下，子元素如下设置可以水平居中：.child { width: fit-content; width: -moz-fit-content; width: -webket-fit-content; margin: auto;}父布局如下设置，可以使子元素们垂直居中：.parent { //设置......

最近在搞前端开发，遇到个需求，要实现下面这样的列表：需求描述：其中计划数量是要支持动态变化的，而阶段数量也要支持动态变化。比方说图中是3个计划，每个计划包含四个阶段。可能过段时间数据变成了2个计划，每个计划3个阶段，数据这样改变后，前端表格也要能正常显示。而后台的接口也没提供，需要我自行确定了数据结构，做出显示逻辑。那么首先思考一下，难点有两个，一个是二级表头，一个是表头要支持动态变化。我...

前言uni-app是一个开源前端框架，是用vue.js开发的，可以实现跨平台的开发。地址：https://github.com/dcloudio/uni-app而Native.js是使用uni-app开发时可以用到的一种开发技术，以下介绍摘自《5+ App开发Native.js入门指南》：http://ask.dcloud.net.cn/article/88本文只是对上面这个文章的一些摘抄和...