acezhwang-CSDN博客

原创动态高度|判断列表中每一排的动态省略行数

判断列表中每一排的动态省略行数

2022-06-10 11:55:25 126 1

原创 js 一键点击复制

Clipboard接口的writeText()方法可以写入特定字符串到操作系统的剪切板。 //复制链接 copyLink = (url) => { window.navigator.clipboard.writeText(url) .then(() => { Toast.show('复制成功') }).catch((err) => { Toast.show('复制失败') }) }...

2022-01-12 11:43:13 172

原创组合按钮-左侧button的disabled为true时导致右侧button的onMouseEnter事件不触发

有bug的代码：<div className={`${cls}-containier-handle`}> <Button disabled={curIndex === 0} onClick={this.handlePre}>上一个</Button> <Button className={`${cls}-containier-handle-nextBtn`} disabled={curIndex === subProjectList.lengt.

2021-11-18 12:17:46 569

原创 React createRef循环动态赋值ref

handleChange = (key) => { this[`input${key}Ref`] = React.createRef();}handleSave = () => { const { list } = this.state; for (let item of list) { if (item.value && item.value.length > 100) { Toast.show(`${i.

2021-11-12 18:41:15 3949

原创 js简单准确计算动态字符串宽度

最近在项目中遇到需要计算字符串宽度，根据动态的字符串宽度去做出超出宽度省略文字的效果，以下是我觉得比较简单方便的方法，记录一下：1.定义计算字符串长度函数function getTextWith(text, fontStyle) { var canvas = document.createElement('canvas') var context = canvas.getContext('2d') context.font = fontStyle || '16px' // 设置字体样式

2021-10-29 18:55:50 1357

原创 vue动态设置ref

1.动态赋值<div v-for="(item, index) in typeList" :key="item.id"> <a-input v-if="inputSecondaryVisible && curSecondaryInputIndex === index" :ref="'input' + index" type="text" :value="inputSecondar

2021-10-24 16:57:31 3343

原创 js-xlsx读取数据并重命名列标题

1.安装依赖npm install xlsx2.在项目中引入import * as XLSX from 'xlsx';3.定义上传 input<input type='file' accept='.xlsx, .xls' onChange={this.onImportExcel} />4.定义获取和解析 excel 对象的方法onImportExcel = file => { // 获取上传的文件对象 const { files } ..

2021-09-30 20:28:46 1760 1

原创 css解决多行文本换行显示变成空格的问题

最近在项目中遇到了多行文本换行,数据保存到后端后重新拿出来,经过页面渲染,原先的换行变成单个空格的问题.在多行文本中输入带有换行的文本,后端返回的数据是带有\n换行符的:在页面中渲染变成了单个空格:解决方法:连续的空白符会被合并。在遇到换行符或者<br>元素，或者需要为了填充「行框盒子(line boxes)」时会换行。.element{ white-space: pre-line;}也可换成:连续的空白符会被保留。在遇到换行符或.

2021-09-30 18:31:58 1308

原创 css解决数字或者字母太长不自动换行，中文字符换行

最近在两个项目中都遇到了数字或者字母太长不自动换行的问题,在此记录一下:只要在相应的地方加上css,如果改的地方多的话建议写成全局的:.element { word-break: break-all;}

2021-09-30 18:09:02 4077

weixin_47292253的博客