js
开发中遇到的问题记录
若♀阳
这个作者很懒,什么都没留下…
展开
-
vue拨打电话
需求:点击电话号码,弹出对话框,确定后直接调用手机拨打电话功能(ps:不允许弹出是否允许调用手机通讯录的提示)。验证后仅思路3满足需求。思路1:---简单但不满足(不允许弹出是否允许调用手机通讯录的提示)需求window.location.href = 'tel:' + 8888410;思路2:-------方法存在问题 <a id="call" @click="showDialog" style="color: #336699">8888410&l....原创 2022-05-12 10:02:02 · 6033 阅读 · 1 评论 -
后端返回的字节流图片处理
1、字节流图片转换为base64 const src = "data:image/png;base64," + btoa( new Uint8Array(res).reduce( (data, byte) => data + String.fromCharCode(byte), "" ) );图片可直接使用img标签显示出来原创 2022-04-08 09:42:00 · 1967 阅读 · 1 评论 -
js小技巧
1、用??代替||,用于判断运算符左侧的值为null或undefined时,才返回右侧的值??运算符是ES2020引入,也被称为null运算符它的行为类似||,但是更严||运算符是左边是空字符串或false或0等false值,都会返回后侧的值。而??必须运算符左侧的值为null或undefined时,才会返回右侧的值,因此0||1的结果是1,0??1的结果为0.2、使用?.简化&&和三元运算符?.也是ES2020引入,有人称为链判断运算符。?.直接在链式调用的时候判断原创 2022-03-29 11:09:02 · 297 阅读 · 0 评论 -
addEventListener()方法
addEventListener()方法用于向指定元素添加事件句柄。使用removeEventListener()方法来移除addEventListener()方法添加的事件句柄。注:IE8及更早的IE版本不支持addEventListener()方法。语法element.addEventListener(event,function,useCapture)event 必须。字符串,指定事件名。“click”、"mousedown"等 function 必须。指定要触发原创 2021-07-08 16:19:59 · 306 阅读 · 0 评论 -
事件穿透与禁止穿透(e.stopPropagation()、e.preventDefault()、return false)
问题:点击立即预约按钮会同时触发查看详情事件解决方案:在顶层事件中添加禁止穿透事件可防止触发底层事件。const goAppointment = e => { e.stopPropagation(); // 禁止事件冒泡};const AuthenticateItem = ({ appraisalType, data, onClick = () => {} }) => ( <div className={styles.lawyerItem} ..原创 2021-06-03 09:19:23 · 3312 阅读 · 0 评论 -
‘yield‘ expression implicitly results in an ‘any‘ type because its containing generator lacks a ...
解决方案:export interface ResponseGenerator { config?: any, data?: any, headers?: any, request?: any, status?: number, error?: any, statusText?: string, records?: any, pageNum?: any, total?: any}const response:ResponseGenerator = yield .原创 2021-05-25 09:43:32 · 1779 阅读 · 1 评论 -
常用校验规则及应用
电话号码校验(座机、手机号) /** react中的应用*/<FormItem labelCol={{ span: 6 }} wrapperCol={{ span: 14 }} label="电话"> {form.getFieldDecorator('contactPhone', { rules: [{ pattern: /^((\d{11})|(\d{7,8})|(0\d{2,3}-?\d{7,8})|(0\d{2,3})(\d{7,8}))$..原创 2021-05-06 13:50:18 · 180 阅读 · 0 评论 -
相等运算符==与严格运算符===的使用
区别:==比较两个值是否相等; ===比较它们是否为‘同一个值’。如果两个值不是同一类型,===直接返回false,而==会将它转换成同一个类型,再使用===进行比较。严格相等运算符1、不同类型的值两个值得类型不同,直接返回false.1 === '1';//false2、同一类的原始类型值同一类型的原始类型值(数值、字符串、布尔值)比较时,值相同就返回true,不同就返回false。1 === 0x1; // trueNaN === NaN; ...原创 2021-04-07 09:09:33 · 235 阅读 · 0 评论