吃瓜群众欢乐多
码龄6年
  • 913,555
    被访问
  • 366
    原创
  • 2,873
    排名
  • 145
    粉丝
  • 6
    铁粉
关注
提问 私信

个人简介：菜鸟烦恼多

  • 加入CSDN时间： 2016-09-15
博客简介：

吃瓜群众的博客

博客描述：
菜鸟菜鸟
查看详细资料
  • 5
    领奖
    总分 1,152 当月 4
个人成就
  • 获得186次点赞
  • 内容获得135次评论
  • 获得707次收藏
创作历程
  • 5篇
    2022年
  • 38篇
    2021年
  • 54篇
    2020年
  • 76篇
    2019年
  • 44篇
    2018年
  • 67篇
    2017年
  • 123篇
    2016年
成就勋章
TA的专栏
  • 笔记
    3篇
  • ES6/ES5
    44篇
  • React
    40篇
  • ant.design
    24篇
  • TypeScript
    4篇
  • 阿里云
    14篇
  • VUE
    23篇
  • WEB、HTML
    13篇
  • CSS
    20篇
  • node.js
    7篇
  • 前端
    14篇
  • gulp
  • git/github
    8篇
  • 跨域
    3篇
  • 工具
    12篇
  • SEO、优化
    4篇
  • 微信
    2篇
  • layui
    3篇
  • Angular
    31篇
  • jquery
    2篇
  • 后台
    8篇
  • ES6
    5篇
  • markdown
  • nginx
    3篇
  • HTTP
    2篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络
    https
  • 微软技术
    typescript
  • 小程序
    小程序
  • 职场和发展
    面试
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

退款详情列表显示--纵向退款进度条显示

dom代码import { View } from "@tarojs/components"import { formatDate } from '@/utils/timeFormat'import './index.less'export default (props) => { return <View className='steps-box'> {props.list?.length && props.list.map((item, index).
原创
发布博客 2022.05.30 ·
16 阅读 ·
0 点赞 ·
1 评论

数组排序-按照数组每项的排序属性进行排序，空的自动按照默认顺序进行填充

求按照某一项的index排列顺序将其进行排序解决思路：新建一个长度为原数组长度的空数组`将这个空数组先填入有排序属性index的item再依次填充剩下的item关键在于对脚坐标的取值应先取出有index的排序坐标再过滤出不含index的排序脚坐标再填充方法实现// 根据 attr 进行排序export function sortByIndex(searchMeta, attr='index') { // 新建一个空数组 const arr = new Array(s
原创
发布博客 2022.04.14 ·
184 阅读 ·
0 点赞 ·
0 评论

vue2如何给孙辈传递slot，孙如何给父传递参数

vue2如何给孙辈传递slot，孙如何给父传递参数1、父亲辈parent.vue<!-- 引用子组件 --><child-list> <template slot="search_item_display_time" slot-scope="{search}"> <div>{{search}}</div> </template></child-list>2、子辈ch
原创
发布博客 2022.04.13 ·
920 阅读 ·
0 点赞 ·
0 评论

分享海报-链接图片如何处理

先将远程图片链接转为base64格式在页面上显示则可用html2canvas生成海报canvasImg.js// 第一个参数是图片的URL地址，第二个是转换成base64地址后要赋值给的img标签export async function getBase64Image (url) { return new Promise((resolve)=>{ let image = new Image() image.src = url + '?v=' + Ma.
原创
发布博客 2022.01.19 ·
247 阅读 ·
0 点赞 ·
0 评论

nginx代理常见问题

1、http200，但是返回We’re sorry but XXXX doesn’t work properly without JavaScript enabled. Please enable it to continue.可能原因server { listen 80; server_name localhost; client_max_body_size 20m; location / { root /usr/share/ngin
原创
发布博客 2022.01.11 ·
1112 阅读 ·
0 点赞 ·
0 评论

图标动画-大小动画-css

.vote-prize-btn { width: 45px; height: 90px; position: absolute; top: 23px; right: 0; animation: mymove 1s infinite; animation-direction: alternate; animation-timing-function: ease-in-out; }@keyframes my
原创
发布博客 2021.12.30 ·
87 阅读 ·
0 点赞 ·
0 评论

用vue3实现抽奖模板设置

效果图代码<template> <div> <h4>抽奖模板设置</h4> <div class="container"> <ul class="ul-box"> <li v-for="(item,index) in list" :key="item.id" @click.stop="handleClickItem
原创
发布博客 2021.12.24 ·
442 阅读 ·
0 点赞 ·
0 评论

抽奖的功能实现html,css,js

效果图代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
原创
发布博客 2021.12.15 ·
824 阅读 ·
0 点赞 ·
0 评论

useEffect使用注意事项

useEffect使用注意事项前言1、依赖项是函数如何改进？用useCallback2、依赖项是数组如何解决？useRef3、将对象作为依赖如果修复这个问题？用useMemo 的 hook前言只有当依赖关系被改变时，useEffect hook 才会触发回调函数。而且它使用浅比较法来比较 hooks 的值。1、依赖项是函数import './App.css';import { useEffect, useState } from 'react';function App() { const
原创
发布博客 2021.09.22 ·
600 阅读 ·
1 点赞 ·
0 评论

微信小程序-灰度发布

总所皆知，微信小程序分为三个环境，开发环境、体验环境、生产环境。大多时候，体验环境作为测试环境，在上线的时候切到生产环境往往有一些数据等环境切换导致的bug。这个时候我们希望出现一个预生产环境。他运行的是生产环境一模一样的数据。。但是我们不希望这个环境被其他用户看到。这个时候灰度发布就起作用了需要注意的是，小程序第一次发布不能进行灰度发布。必须第二次及以后才能灰度发布。而且，小程序审核通过后才能灰度发布。灰度发布可以指定某些微信账号才能看到这个灰度发布版本（预生产版本）...
原创
发布博客 2021.09.14 ·
1011 阅读 ·
0 点赞 ·
0 评论

iPhone12打开webview闪退或者白屏

解决办法：排除法1、先测试iPhone12打开其他嵌入的webview页面，无问题，继续下一步2、修改嵌入的webview代码，删除无用代码，然后重新部署测试，无问题，继续下一步3、检查包裹webview组件的代码，最后一个删除测试，找到是SafeAreaView导致，删除SafeAreaView的包裹代码后能正常打开。...
原创
发布博客 2021.07.26 ·
313 阅读 ·
0 点赞 ·
0 评论

比较两个数组，将新数组中和旧数组不同的，过滤出来

比较旧请求list和新的请求list对比，将新的数据过滤出来到resultListimport _ from "lodash";const oldList = [{commentId:1},{commentId:2},{commentId:3},{commentId:4},{commentId:5},{commentId:6},{commentId:7},{commentId:8}];const newList = [{commentId:5},{commentId:6},{commentId:7}
原创
发布博客 2021.07.15 ·
177 阅读 ·
0 点赞 ·
0 评论

将base64格式的图片下载到本地

先将base64转为file，然后再利用a标签下载<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1
原创
发布博客 2021.07.06 ·
5201 阅读 ·
0 点赞 ·
0 评论

手机屏幕弹幕纵向滚动，添加弹幕实时滚动html demo

手机屏幕弹幕纵向滚动，添加弹幕实时滚动<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
原创
发布博客 2021.07.03 ·
301 阅读 ·
0 点赞 ·
0 评论

2021-05-29

最近好久没写博客是因为做了个小手术休假了很久，然后很多知识也将近一个月没学习了，有一点点忘了，不过辞职后现在得开始找工作了得抽空看下。。间隙期间，我现在真的有点想去体验一下比如做服务员的辛苦，否则我不可能懂得珍惜程序员的幸福生活...
原创
发布博客 2021.05.29 ·
49 阅读 ·
0 点赞 ·
1 评论

ant.design上传问题：Upload file.status is always being uploading

file状态一直未uploading对于受控模式，你应该在 onChange 中始终 setState fileList，保证所有状态同步到 Upload 内。类似这里的写法：比如// goodonFileChange(fileList) { if ( ... ) { ... } else { ... } // always setState this.setState({ fileList: [...fileList] });}![在这里插入图片描述](
原创
发布博客 2021.04.20 ·
347 阅读 ·
0 点赞 ·
0 评论

TypeScript更多用法-常见工具类型（Utility Types）

1、Partial构造一个所有属性都Type设置为optional的类型。该实用程序将返回一个表示给定类型的所有子集的类型。2、Required构造一个类型，该类型由Typeset的所有属性设置为required3、Readonly构造一个所有属性都Type设置为的类型readonly，这意味着无法重新分配所构造类型的属性。4、Record<Keys,Type>构造一个对象类型，其属性键为Keys，属性值为Type。该实用程序可用于将一个类型的属性映射到另一个类型。5、Pick&
原创
发布博客 2021.04.16 ·
494 阅读 ·
0 点赞 ·
0 评论

React.memo 减少React重新渲染

当父组件发生改变时，传递给子组件的props不变，子组件在相同 props 的情况下渲染相同的结果。那么子组件没必要重新渲染。通过React.memo可以提高性能import React, { useState } from 'react';function ChildComponent( props: any ) { console.log( 'child render' ); const { data: { num } } = props; return <div>
原创
发布博客 2021.04.07 ·
296 阅读 ·
0 点赞 ·
0 评论

React Function实时获取输入框值：React Hook - useRef

修改输入框后，send，function 组件捕获渲染的值总是上一次send的值,如何解决这个问题export default function ProfilePage() { const [message, setMessage] = useState(''); const showMessage = () => { console.log('message: ' + message); //获取的永远是上一次send之前的值 点击前输入框的值 }; const hand
原创
发布博客 2021.04.07 ·
1362 阅读 ·
0 点赞 ·
0 评论

React-高阶组件的使用说明

概念高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。具体而言，高阶组件是参数为组件，返回值为新组件的函数。组件是将 props 转换为 UI，而高阶组件是将组件转换为另一个组件。HOC 在 React 的第三方库中很常见，例如 Redux 的 connect 和 Relay 的 createFragmentContainer。举例说明常用userInfo的数据全局共享i
原创
发布博客 2021.04.06 ·
79 阅读 ·
0 点赞 ·
0 评论
加载更多