- 博客(15)
- 收藏
- 关注
原创 styled-components常见使用方法
yarn add styled-componentsimport styled from 'styled-components'1、基础使用const BoxStyle = styled.div` color: red;`2、UI组件加样式import { Button } from 'antd'const BtnStyle = styled(Button)` font-size: 16px;`3、动态传参数<MainStyle wit={20
2022-04-12 17:44:44 737
原创 发布npm包
1、npm run build2、npm login --registry=上传地址3、npm publish要指定registry,可配置文件 .npmrcregistry=上传地址4、npm version patch 升版本号 npm unpublish @版本号 删除某个版本
2022-04-11 15:12:34 218
原创 React Hook常用Api
Hook是React16.8的新增特性,可以在没有class的情况下使用state及其他React特性。1、useState 声明变量一、基础用法const [state, setState] = useState(initialState);setState(newState);console.log(state); // 最新的state二、函数式更新①. const [count, setCount] = useState(1) setCount(prevCou
2022-03-03 19:41:30 445
原创 Antd--DatePicker常用设置可选、禁选日期时间范围
import moment, { Moment } from 'moment'import { DatePicker } from 'antd'const [dates, setDates] = useStaten<[Moment, Moment] | null>(null)<DatePicker.RangePicker onCalendarChange={val => setDates(val)} disabledDate={disabledDate}.
2021-10-19 20:12:11 6985 2
原创 react项目构建错误:process.env.CI = true
本地build可以构建成功,在Jenkins构建时出现以下错误:Treating warnings as errors because process.env.CI = true.Most CI servers set it automatically.Failed to compile.解决办法:在执行命令npm build之前设置 export CI=false,可在Jenkins或者前端构建命令语句中添加。...
2021-08-03 16:33:17 3211 5
原创 微信JS-SDK分享(TS版)
1、绑定域名① 微信公众平台里“公众号设置”的“功能设置”里填写“JS接口安全域名”注:安全域名为项目访问域名,可添加二级域名。2、引入JS①http://res.wx.qq.com/open/js/jweixin-1.6.0.js(支持https)注:import wx from 'weixin-js-sdk' 会报错3、定义公共的调用方法① 先定义类型 declare global { interface Window { wx: {...
2020-09-25 11:16:01 4386
原创 braft-editor富文本编辑器(React-hooks)
基本写法---富文本组件import React, { ReactElement, useEffect, useState } from 'react'import { PictureOutlined } from '@ant-design/icons/lib'import { ContentUtils } from 'braft-utils'import BraftEditor from 'braft-editor'import { Button, Upload } from 'antd..
2020-06-08 17:22:28 2279 5
原创 H5微信分享卡片(JS-SDK1.4版本以上)
1、绑定域名① 微信公众平台里“公众号设置”的“功能设置”里填写“JS接口安全域名”注:安全域名为项目访问域名,可添加二级域名。2、引入JS①http://res.wx.qq.com/open/js/jweixin-1.6.0.js(支持https)注:import wx from 'weixin-js-sdk' 会报错3、通过config接口注入权限验证配置(debug调试失败用)wx.config({ debug: true, // 开启调试模式,调用的所有api的返.
2020-05-16 15:01:17 1005
原创 Antd的Table对于已经选中的列,禁止取消反选
此功能用到了Table的API --- rowSelection以及数组处理some方法const Addcolumns = [...]const data = []for (let i = 0; i < 12; i++) { data.push({ no: i + 1, courseName: `Edward King ${i}`, price: `${i} + 10`, age: '2019.10.21 21:..
2020-05-11 15:38:32 2177
原创 页面不刷新的情况,Echarts初始化问题
固定一个模块展示数据前6条,全屏模式查看所有数据。全屏时对图表进行了操作,退出时echarts图表在固定模块不显示问题,是由于echarts图表在整个页面没有刷新的情况下不会重新初始化,假如刷新整个页面成本会太高,所以利用echarts自带事件进行图表的初始化。chart = echarts.init(document.getElementById(ECHARTS_DOM));/...
2019-12-18 10:20:13 2487
原创 微信小程序中用wx.request()进行请求时会出现的问题
Page({ data: { logs: '' }, onLoad: function () { let that = this; wx.request({ url: 'https://m.jd.com/index/recommend.action?_format_=json&page=1',//自己模拟的接口地址 method: "GET",
2018-02-02 10:02:17 5135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人