前端技术
Apple-Wang
这个作者很懒,什么都没留下…
展开
-
vue3 + el-button 点击后颜色不恢复
vue3 + el-button 点击后颜色不恢复原创 2022-10-11 17:58:43 · 1429 阅读 · 0 评论 -
代码优化系列:1.多个if语句并行复杂度过高
问题:代码静态扫描,发现有如下代码需要优化:public loginSubmit() { // 一些校验代码 ... ... this.userService.postLogin(loginReqData) .subscribe((resData: UserServiceNs.AuthAnyResModel) => { this.loading = false; // **************************原创 2021-10-21 17:07:56 · 1447 阅读 · 0 评论 -
input[type=”password”] 输入框阻止chrome浏览器弹出用户名密码下拉框提示
一、现象:框架: angular 环境:chrome最新版谷歌浏览器记住密码后,输入框为 password 类型时,就会自动展示已经保存的用户名密码列表;如下图所示:代码如下:<!-- 登录密码输入框代码 --><input nz-input [placeholder]="'Please input the password' | translate" formControlName="password" type="password" />...原创 2021-05-11 14:54:20 · 7046 阅读 · 4 评论 -
跳转到新页面时设置成置顶
现象:从页面A跳转到页面B,页面A滑动到中间位置,跳转后页面B也会在中间位置需求: 页面A无论是否发生滚动,点击跳转到页面B都应该是置顶的解决方案:window.scrollTo(0, 0)// 要跳转到的新页面-页面Bclass Detail extends Component { constructor(props) { super(props); ......原创 2018-10-09 13:35:06 · 1677 阅读 · 0 评论 -
通用组件---输入框禁用特殊字符,限定长度
1.封装的组件如下: import React, { Component } from 'react';import { Input } from "antd";class InputE extends Component { handleChange =(e) =>{ // console.log(e.target.value); const obj={}...原创 2018-10-25 17:08:09 · 2078 阅读 · 0 评论 -
移动端Loading的两种方式--RN
方式一:1. 先封装一个 Loading 组件import React from "react";import { StyleSheet, View, ActivityIndicator } from "react-native";const Loading = () => ( <View style={styles.container}> <...原创 2018-11-09 14:30:42 · 4207 阅读 · 0 评论 -
react监听与 react native 监听
react 监听:npm install events --save新建一个 events.js,引入 events 包,并向外提供一个事件对象,供通信时使用:import { EventEmitter } from "events";export default new EventEmitter(); // -----------------A页面---------...原创 2019-01-11 16:16:36 · 1153 阅读 · 0 评论 -
解决刚进入页面时轮播图会出现短暂空白的问题
现象描述:刚进入页面,轮播图部门会出现2-3秒空白,然后后续就正常显示了;框架:Angular+ NG-ZORRO-antd解决思路:是由于自动切换的时间间隔导致空白,我设置了一个标识符,一开始false的时候,显示新加的一个设置不自动切换,时间间隔0的轮播图组件;页面加载完立即改变为true,再显示我原来的组件;代码:/** * html 重点在于ngIf条件,如果init则...原创 2019-09-06 10:48:27 · 6080 阅读 · 0 评论