js vue.js
王富贵富了吗
这个作者很懒,什么都没留下…
展开
-
Taro1 ios setClipboardData 失效问题
遇到问题如题。解决方法如下:1.在 github 上找到了原作者在 v3 版本的更新。fix(taro-h5): 修复h5环境下setClipboardData在ios无效, 在android滚动到页面最后的问题 (#4622) · NervJS/taro@351c0ac (github.com)关键代码如下:因此,我手写了一个 复制函数。如下:copyText = (text) => { var input = document.createElement(原创 2021-07-27 18:09:23 · 1157 阅读 · 0 评论 -
Taro Typescript 参数校验、事件传递问题
项目需要 ,接触到了 TS。记录一下完成的一个 组件的写法。这里写的是一个圆角框。import React, { Component } from 'react'import { View } from '@tarojs/components';import './index.scss';type Props = { style?:object, children?:any, onClick?:() => any}interface RoundedCard {原创 2021-03-29 14:21:06 · 333 阅读 · 0 评论 -
antd 表单 校验、取值、重置
上次接触 React 是一年多以前了,再写的时候发现 antd 有了不晓得改动。总结一下。1. antd 表单取值和校验ref={this.formRef}首先要在表单上定义一个 ref。formRef = React.createRef()然后在 class 里面定义 formRef. 这个最好定义在比较靠前的位置,这样方便后面要用到的时候不会出现引用错误。获取到 form 实例。这个地方代码我截掉了用不到的一段,这个 val 就是拿到的合法表单值。记得要写 catch原创 2021-02-18 18:20:11 · 6178 阅读 · 0 评论 -
Bizchart x轴数据压线、饼图内添加文字、修改区域图颜色、x 轴数据间隔问题
最近在使用 bizchart 感觉不大熟悉,遇到了一些问题,于是整理记录了下来。1.x 轴数据压线调整 range 值,比如调整成 [0,0.9] 就可以将数据往前提一格,避免横轴压线问题。2.饼图内添加文字我需要的是一个环形图,里面显示数据。但是一开始没有要求往里面加数据,我就使用了饼图分隔。后面也懒得改了,就找了往里面添加数据的标签。就是 Html 那一段。<...原创 2019-03-14 11:22:58 · 5407 阅读 · 0 评论 -
如何将字符串转化为正则表达式
要求:在全局替换传入的字符 test解决方法:使用正则问题:加入变量会变成字符串解决方法:在字符串前加 eval代码如下:const test = this.props;JSON.parse(JSON.stringify(data).replace(eval(`/${test}/g`), newStr));在vscode会报错无法提交。点击报错,右键第二个选项。...原创 2019-02-28 14:59:50 · 14845 阅读 · 0 评论 -
js 小数失精问题 0.0700 * 100 = 0.70000000001
要求是将小数转化为百分数,且保留两位小数。比如是 0.3214 要求转化成 32.14%。试了很多方法都不管用,就自己写了个函数,简单判断了一下。toPercent = number =>{ const num = Number(number).toFixed(4) * 100; const arr = num.toString().split("."); ...原创 2019-02-28 14:39:54 · 2438 阅读 · 0 评论 -
React 循环/遍历的使用
mapmap一般用于将元素用标签包裹后返回。record.pnounMem.map(item => ( <div> {item.memName}-------{item.synonyms} </div> ))也可以用简单的判断来决定返回值:tags.split(/[,,]/).map( tag =&g...原创 2019-01-10 10:27:06 · 6291 阅读 · 0 评论 -
react/js 实时匹配正则表达式
需求:在文本框中输入正则表达式和数字,实时显示匹配结果。代码如下: const text = e.target.value; //输入的匹配文本 const Rep = this.state.record.rep; //输入的正则字符串 const patt = new RegExp(Rep,"g"); const result = text.match(Rep);//显示匹配的...原创 2019-01-10 10:10:13 · 9868 阅读 · 0 评论 -
高性能 JavaScript 读书笔记(五)
字符串和正则表达式字符串连接连接字符串有很多方式,常见的有:1.str = "a" + "b" + "c";2.str = "a"; str += "b"; str += "c";3.str = ["a","b","c"].join("");4.str = "a";原创 2018-11-20 17:20:41 · 128 阅读 · 0 评论 -
高性能 JavaScript 读书笔记(四)
循环1.减少迭代的工作量2.倒序循环条件语句if-else && switch大多数情况下,switch 比 if-else 运行的快。但只有条件数量很大的时候才明显。优化 if-else1.把最可能出现的条件放在最前面。2.嵌套判断。(就是尽可能地的把条件拆分,减少 if - else 的判断次数。查找表比起 if - else ,使用查找...原创 2018-11-13 11:30:43 · 176 阅读 · 0 评论 -
React初识-在数组中添加 html 元素
虽然 React 看了有一段时间了,但是亲自尝试的时候还是有点惶恐。要求:服务端返回数组,客户端需将数组展示在客户端<div className={styleSer.testPicConTwo}>{ this.getInterfaceInfo.call(this, InterfaceInfo)}</div>要求 getInterfaceInfo 函...原创 2018-11-06 19:51:48 · 2166 阅读 · 0 评论 -
高性能 JavaScript 读书笔记(三)
重绘与重排概念重排:当元素的宽和高发生改变的时候,就会重新排列元素,称为重拍。重绘:将重排的的元素重新绘制在浏览器中,称为重绘。在元素中添加段落、添加边框、添加或者删除元素、修改内外边距等,一切改变现有元素的位置的操作都会导致重排的发生。相应的,添加背景色这一类没有改变元素位置的操作则不会导致重排和重绘。最小化重绘和重排重绘和重排的代价非常昂贵,为了减少发生次数,应该减少发...原创 2018-10-30 17:10:02 · 132 阅读 · 0 评论 -
高性能 JavaScript 笔记 (一)
加载和执行1.按顺序加载可以在 html 任何位置引入 js ,但值得注意的是,浏览器总是先下载 js 再渲染 dom 元素,js 控制 dom 元素时,必须在元素加载完之后才可以正常执行。因此,建议将 js 放在文件末尾,一是保证 dom 元素已经加载完毕,二是在 js 文件较多的情况下,尽可能减少页面延迟。还建议尽量减少 js 文件数量,避免多此发起链接请求浪费时间。2.动态脚...原创 2018-09-28 16:27:43 · 274 阅读 · 0 评论 -
高性能 JavaScript 读书笔记 (二)
数据存取字面量、本地变量、数组元素、对象成员字面量只代表自身,不存储在特定的位置。JavaScript 中的字面量有:字符串、数字、布尔值、对象、数组、函数、正则表达式以及特殊的 null 和 undefined 值。一般来说,访问本地变量和字面量的事件较少,访问数组元素和对象成员花费时间较多。访问局部变量的时间比全局变量的时间少。还有一点,从服务器获取的数据、数组的长度之类的...原创 2018-10-12 17:27:09 · 127 阅读 · 0 评论 -
vue 绑定对象内点击事件失效问题
突然的发现某段 html 代码中点击事件失效了。仔细观察才发现,这段代码内的元素都在 vue 绑定对象中。因此失效。解决办法是将绑定对象内的元素点击事件换成 v-on:click。...原创 2018-04-18 23:51:25 · 14520 阅读 · 0 评论 -
vue 修改 data 数据问题并实时显示
首先,定义一个变量:(以下以本人写的为例)首先定义一个变量:然后,给变量赋值:如果想要修改数据,主要代码如下:然后界面上要记得绑定数据id:就Ok了。...原创 2018-04-18 18:53:48 · 27582 阅读 · 0 评论 -
将 vue.js 获取的 html 文本转化为纯文本
我存入数据表中的数据是使用 html 格式,获取数据是使用 vue 获取。遇到了一个问题,就是界面上显示的数据是 html 格式的,但是我需要它显示纯文本。怎么做呢?首先在 js 中写一个将 html 格式转化为纯文本的函数:这是我从其他博客上找到的函数,亲测可用。function ToText(HTML) { var input = HTML; return i...原创 2018-04-18 14:07:22 · 4562 阅读 · 2 评论