wdm891026的博客

原创 读懂【浅拷贝】

先来看一下，创建一个对象obj（原对象），将对象obj直接赋值给另一个对象o（新对象）,修改新对象o中的属性值，会发生什么？-----原来的对象obj内容也被改掉了。 总结：对象o和obj会指向同一个地址，修改其中一个，另一个也会被改变 示例代码如下，创建一个对象obj（原对象），创建一个对象o（新对象）, 将对象obj解构到对象o。修改新对象o中的属性值，会发生什么？-----原来的对象obj内容没有被覆盖。总结：经过浅拷贝后更改新对象o的属性值，不会影响原对象。前提是对于单层结构的对象，对

原创 前端Vue3+element-plus表单输入框实现Cron表达式校验

5、但是由于用户的使用习惯不同，你可能需要开启其他的配置，比如需要支持秒，那就需要设置seconds为true来开启支持，如果设置为false，则保持不支持。下面代码中，列举了四个其他开启配置项，可通过阅读代码中的注释部分来理解。4、使用，上一步从’cron-validator’导入{ isValidCron }，就可以使用isValidCron('* * * * *')进行判断，开发使用框架为vue3+element-plus，于是选择cron-validator依赖。

原创 小程序登陆账号时，账号正常，但是不能正常登陆，一直提示授权失败

小程序登陆账号时，账号正常，但是不能正常登陆，一直提示授权失败

原创 小程序登录后，接口调用失败返回401

微信开发者工具中，小程序多次登录，偶尔会出现重复的token，导致授权失败，让后端清一下登录账号下的缓存即可；前端在开发者工具也清除一下缓存；将登录接口返回的token和和获取的sessionKey: "yaWiFLCc+LSgR489W3Ixxx"，openId: "obXSv4uQYkl5pOeZ-r8piHnxxx"提供给后端，清除该账号下的缓存数据就可以了；小程序登录后， 所有的内部接口不可调用，全部授权失败，接口返回401；解决办法：服务端清缓存就可以了。

原创 mqtt请求不断创建连接

clinetId相同时,mqtt请求不断创建连接

原创 vue3 + el-button 点击后颜色不恢复

vue3 + el-button 点击后颜色不恢复

原创 webpack配置详解一：mode模式

写在前面：该系列文章为本人webpack笔记系列，仅用于学习交流！一.准备一个基础的demo项目：1.创建一个空文件夹A，以规范化命名；2. 进入文件夹A创建一个src文件夹，用于存放源代码3. 当前A文件根目录下执行 npm init --yes，初始化生成package.json包文件4. 以jQuery为例，执行 npm install jquery -S，安装jQuery依赖...

原创 代码优化系列：1.多个if语句并行复杂度过高

问题：代码静态扫描，发现有如下代码需要优化：public loginSubmit() { // 一些校验代码 ... ... this.userService.postLogin(loginReqData) .subscribe((resData: UserServiceNs.AuthAnyResModel) => { this.loading = false; // **************************

原创 input[type=”password”] 输入框阻止chrome浏览器弹出用户名密码下拉框提示

一、现象：框架： angular 环境：chrome最新版谷歌浏览器记住密码后，输入框为 password 类型时，就会自动展示已经保存的用户名密码列表；如下图所示：代码如下：<!-- 登录密码输入框代码 --><input nz-input [placeholder]="'Please input the password' | translate" formControlName="password" type="password" />...

原创 chrome浏览器表单自动填充默认样式-autofill设置

1. 错误显示状态如下：因为Input输入框并没有使用【autocomplete="off"】关闭浏览器自带填充表单功能，于是出现自动填充时样式就变成这样了~再来定位到输入框的样式，发现自动填充样式如图22. 解决第一步：修改样式如下，通过纯色的阴影覆盖底色。虽然选择完成后，显示正常了；但是，鼠标点击选中状态依然还是有问题，如图3input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {

原创 Echarts离线地图开发--实现web端 初始化世界地图，其他国家钻取到行政区，中国钻取到省市区的展示

背景：公司原本使用高德在线地图，但是由于有的客户是使用内网的，造成地图打开是空白的。于是，增加了离线地图功能，通过页签切换地图，默认展示在线地图，点击离线页签时，展示的是echarts离线地图。重要: ---- demo 源码链接---链接：https://pan.baidu.com/s/1tIKVs1exU_fDctbcoP7beg提取码：81e6内含： my-offline-map.rar （demo源码）离线地图开发说明.doc （说明文档）1. 实现：1.1 初始化为世界地..

原创 Angualr输入框校验只能输入字母

<input nz-input #box (keyup)="onClickItem(box.value)" [(ngModel)]="orderRuleList.wordPrefix" placeholder="" maxlength="5">// 只能输入字母 public onClickItem(value) { const reg = /^[a-zA-Z]$/...

原创 解决JS在controll层定义带循环的公共方法，组件中调用时取不到返回值的问题

问题描述：下拉列表中，点击一个子节点，获取父节点的Id。如果将方法直接写在组件内调用，完全ok的。如果将方法提取到外层，想公用的话，组件内调用会出现方法中已经拿到值，但是页面调用时取不到返回值；效果如下：公共方法：组件调用：解决方案： // 错误公共定义 // public findParentNode(node) { // if...

转载 ES6使用箭头函数注意点

ES6使用箭头函数注意点新事物也是有两面性的，箭头函数有他的便捷有他的优点，但是他也有缺点，他的优点是代码简洁，this提前定义，但他的缺点也是这些，比如代码太过简洁，导致不好阅读，this提前定义，导致无法使用JS进行一些ES5里面看起来非常正常的操作。本质来说箭头函数没有自己的this，它的this是派生而来的，根据“词法作用域”派生而来。由于箭头函数在调用时不会生成自身作用域下的...

原创 解决刚进入页面时轮播图会出现短暂空白的问题

现象描述：刚进入页面，轮播图部门会出现2-3秒空白，然后后续就正常显示了；框架：Angular+ NG-ZORRO-antd解决思路：是由于自动切换的时间间隔导致空白，我设置了一个标识符，一开始false的时候，显示新加的一个设置不自动切换，时间间隔0的轮播图组件；页面加载完立即改变为true，再显示我原来的组件；代码：/** * html 重点在于ngIf条件，如果init则...

转载 HTTP请求合并 vs HTTP并行请求，谁更快？

声明：本文仅供学习，分享来源：http://note.youdao.com/noteshare?id=4cb871cd644103fa5e722bfdc8b9a7b5&sub=F558147538F84F7995CB6A8CEE0007D5面试时，经常会问候选人一个问题：如何提高网页性能？有些基础的人都会提到这么一条：减少/合并HTTP请求。继续问：浏览器不是可以并行下载...

原创 秒数转化为时分秒--js

// 将秒转换为时分秒 formatDate = value => { let secondTime = parseInt(value, 10); // 秒 let minuteTime = 0; // 分 let hourTime = 0; // 时 let result; if (secondTime >= 60) { //...

原创 使用React native的 WebView 出现中文乱码

原创 Android Studio打开一个已存在的项目后，AVD manager置灰？

1. 通过以下两种方式选择其中一种，导入一个已存在的项目；2. 项目显示，假如AVD manager为灰色，不能点击，则进行以下操作：File=>Project Structure=>Project Setting=>Facets=>点击+添加Android（项目名）...

转载 如何精简优化CSS代码？

转载自https://www.qdfuns.com/article/11377/fafea703ea463fd1191ef0add2847963.html我们知道，在 XHTML+CSS 布局流行的今天，CSS 已经成为布局网站的一个趋势，那么为什么我们需要一个尽可能小的 CSS 文件呢？这主要是基于流量和读取速度两方面考虑。小的 CSS 文件可以节省你的服务器流量，同时缩短用户打开你网页...

原创 如何强制卸载云壳/阿里郎

1. 自行百度搜索UninstallToo下载，无需安装，卸载软件中比较好用的一款，免安装，绿色小软，可以清除卸载残留注册表之类的；运行 exe文件，选中云壳，右击鼠标，选择强制卸载/强制删除，即可大功告成；...

原创 React Native 安卓打包apk

1.生成一个签名密钥你可以用keytool命令生成一个私有密钥。在 Windows 上keytool命令放在 JDK 的 bin 目录中（比如C:\Program Files\Java\jdkx.x.x_x\bin），你可能需要在命令行中先进入那个目录才能执行此命令。$ keytool -genkey -v -keystore my-release-key.keystore -alias...

原创 antd Table表格分页显示时表格显示异常

现象：一个表格，数据有37条，每页显示10条，第1页显示正常； 当我点击第二页时，也正常；点击第三页，数据变多，不止一页10条，第四页也是更多，返回第一页，第一页也有几十条。。。排查：第一步：查看网络请求，没问题第一页请求{pageNum: 1, pageSize: 10},返回数据 10条；第二页请求{pageNum: 2, pageSize: 10},返回数据 10条；第三...

原创 react监听与 react native 监听

react 监听：npm install events --save新建一个 events.js，引入 events 包，并向外提供一个事件对象，供通信时使用：import { EventEmitter } from "events";export default new EventEmitter(); // -----------------A页面---------...

转载 React路由 react-router4.x的基本配置

/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-dom import { BrowserRout...

原创 React 父子组件传值概要总结

一、使用组件的好处：把公共的功能单独抽离成一个文件作为一个组件，哪里里使用哪里引入。二、父子组件：组件的相互调用中，我们把调用者称为父组件，被调用者称为子组件三、父子组件传值：    3.1 父组件给子组件传值             1. 在调用子组件的时候定义一个属性  &lt;Header msg='首页' all={this}&gt;&lt;/Header&gt;  ...

原创 移动端Loading的两种方式--RN

方式一：1.  先封装一个 Loading 组件import React from "react";import { StyleSheet, View, ActivityIndicator } from "react-native";const Loading = () =&gt; ( &lt;View style={styles.container}&gt; &lt;...

原创 通用组件---输入框禁用特殊字符，限定长度

1.封装的组件如下： import React, { Component } from 'react';import { Input } from "antd";class InputE extends Component { handleChange =(e) =&gt;{ // console.log(e.target.value); const obj={}...

原创 highcharts 常用参数设置

highcharts图表的开发过程中经常需要的几个参数：1、如何不显示某个图例  //设置 showInLegend    series: [{        data: [],        name: "",        showInLegend: false // 设置为 false 即为不显示在图例中    }, {        data: [],       ...

原创 跳转到新页面时设置成置顶

现象：从页面A跳转到页面B，页面A滑动到中间位置，跳转后页面B也会在中间位置需求： 页面A无论是否发生滚动，点击跳转到页面B都应该是置顶的解决方案：window.scrollTo(0, 0)// 要跳转到的新页面-页面Bclass Detail extends Component { constructor(props) { super(props); ......

原创 react+heighcharts遍历生成多个环形图，环形图大小不一致？

前言：项目开发过程中，遇到有多个环形图，通过map生成后，发现同一段代码遍历出来，竟然大小不一致，但是我在初始化生成图表时设置过了大小，百度一番也没找到类似的问题，代码如下：后来发现每个环形图具体大小不一致，于是猜想应该有一个参数可以设置具体大小，果不其然，添加了一个size：180 参数之后，所有环形图终于一样大了：...

原创 react 遍历生成不同区块下的内容

// 存储变量@observable detail= {};// 请求接口@actionasync searchD(sysId, obj) {this.statisticLoading = true;      // loading 以防异步加载渲染时数据还没取到try {    const res = await ApiService.searchDtail(obj)...

原创 react遍历生成多个Button的单选和多选

// 设置初始默认值this.state：{    btnClassName：' ',    btnClassNameArry: [ ],}// 选中button，多选handleSelect = (itemChild) =&gt; {const { btnClassNameArry } = this.state;// 如果点击的在数组中已经存在，则从数组删除，否则...

原创 如何将获取的后台数据渲染到 antd 的 table的筛选框内容中

1. 获取筛选框数据；2.将数据取出来放到一个数组// 库名筛选框存储getControl = (contrName) =&gt; {   const name = contrName.map(item =&gt; [item.libraryName, item.libraryCode]);   return Array.from(      name.map(item...

原创 npm install 报错

解决办法：1. npm install npm -g 要记住全局更新2. 再查看一下npm版本：npm -v3. 复制以下命令执行，注意末尾带冒号：   npm install --registry=https://registry.npm.taobao.org --loglevel=silly:4. npm cache clean --force 清除缓存5. npm sta...

原创 git 上传代码时提示输入用户名和密码

用 git 往 github上传代码时，提示输入用户名和密码：$ git config --list 查看自己所有的配置，包括user.name 等；$ git push -u origin masterUsername for 'https://github.com': 此处输入list查看的用户名在密码框输入密码，连接失败；最终发现，这个用户名和密码是你关联远程仓库的那个人的...

原创 报错：something is already running on port 3000

前提：使用create-react-app搭建react应用；错误描述：有两个项目，项目A 进行 npm start 后没有Ctrl+C ，也没 npm stop，直接关闭 git bash窗口；当项目B 再次进行 npm start，此时报错：出现something is already running on port 3000；解决办法：方案一：启动任务管理器，在进程中关闭...