hetingtingisme-CSDN博客

原创 mac中vscode不显示特殊符号，windows下显示

mac中vscode不显示特殊符号，windows下显示特殊符号在页面上发现非手动输入的特殊符号，一番排查后，发现不是代码输入的，也不是后台数据，更不是乱码其实这是vscode的一个bug解决办法找到vscode配置文件，加入配置信息即可："editor.renderControlCharacters": true1.command + , :打开配置页面2.切换为json格式配置文件3.加上如下配置即可"editor.renderControlCharacters": true

2021-10-17 23:04:08 1466

原创 webpack-cli4 启动webpack-dev-server报错

package.json 配置 "webpack": "^5.36.2", "webpack-cli": "^4.6.0", "webpack-dev-server": "^3.11.2"当webpack-cli为4以上版本时，我们启动webpack-dev-server时，按照以往经验配置如下："start": "webpack-dev-server"报错如图：需要将scripts脚本里面的webpack-dev-server 改为webpack serve --open，

2021-05-05 16:20:43 1941

原创 npm login 报错code E409

发布npm包时，需要先终端登录npm账号npm ERR! code E409npm ERR! 409 Conflict - PUT https://registry.npm.taobao.org/-/user/org.couchdb.user:tingting11 - [conflict] User tingting11 already exists一直报错409，需要先看看你的npm的源，应该是修改为了淘宝镜像解决办法：将本地npm的源修改为官网源地址即可npm config s

2021-05-03 22:38:32 1744

原创 create-react-app创建的项目,webpack打包时间查看

create-react-app创建的项目都是使用webpack的node.js api去进行打包的，所以控制台不会显示打包耗时在scripts文件下，找到build.js文件，打包成功参数stats包含了打包信息 let compiler = webpack(config); return new Promise((resolve, reject) => { compiler.run((err, stats) => { if (err) { .

2021-04-29 11:19:41 1350

原创 mac 安装nvm报错curl: (35) LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to raw.githubusercontent

mac 安装nvm报错curl: (35) LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to raw.githubusercontent.com:443根据网上教程–命令行安装：curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash安装报错，提示：curl: (35) LibreSSL SSL_connect: SSL_E

2021-03-06 17:50:25 7414 16

原创 css mocules 使用

1.webpack配置1.create-react-app 只要是webpack4版本的，都是支持的，可以再自行修改配置const cssModuleRegex = /\.module\.css$/;{ test: cssModuleRegex, use: getStyleLoaders({ importLoaders: 1, sourceMap: isEnvProduction && shouldUseSourceMap, modules:

2021-01-14 19:46:36 146

原创 vscode中react快捷键使用

vscode 快捷键使用插件安装es71. rcc：快速生成class ## 标题componentimport React, { Component } from 'react'export default class Detail extends Component { render() { return ( <div> </div> ) }}rcf：快速生成function component

2021-01-02 15:57:51 2126

原创 create-react-app 搭建项目遇到的问题整理

1.react-dom.development.js:11102 Uncaught Could not find router reducer in state tree, it must be mounted under "router"原因："connected-react-router": "^6.8.0","history": "5.0.0",直接安装history是5.0版本，不兼容connect-react-router导致解决办法：安装低版本history...

2020-09-28 15:11:15 270

原创 html2Canvas导出动态图片跨域问题

前端代码： upload = () => { let _this = this; html2canvas(document.getElementById('xx'), { useCORS: true, allowTaint: false, logging: false, backgroundColor: 'transparent', width: '100%', height: '100%', s

2020-09-22 12:53:09 872

原创实现弹窗从上而下滑入效果

场景：如果运营有个需求叫做天降红包，需要从上滑入一个红包，该如何实现这个效果呢js文件：<div className="red-packet-index-pop"> 这是需要缓慢滑入的东西，比如红包img</div>css文件：.red-packet-index-pop{ animation: fromSky 1s ease-out; animation-fill-mode: forwards; top: -400px;}@keyframes f

2020-07-09 19:51:26 921

原创 ios上单击input输入框无效

场景：在ios手机上，点击input输入框，很难选中分析后发现单击很难触发onClick事件，只有双击才会触发这个onClick事件检查是否加载了 fastclick 库，移动端一般都会安装这个库，区分双击和单击事件，一般情况下都是因为这个导致的，因此解决办法有两种：1.去掉fastclick库2.加一段代码：if ('addEventListener' in document) { document.addEventListener('DOMContentLoad.

2020-06-03 13:39:13 1359

原创移动端踩坑试验

1.关于overflow兼容性overflow-x: auto;// 在ios上有兼容性问题，需添加下面-webkit-overflow-scrolling: touch;2.实现一行内滑动.list{overflow-y: hidden;overflow-x: scroll;white-space: nowrap;}.list-item{display: inline-block;width: 100px;}3.html2canvas导出..

2020-05-10 23:24:26 169

原创页面锚点整理及使用scrollIntoView()导致导致整个页面上移问题处理

常用场景：页面锚点，点击跳转页面某固定位置1.element.scrollToView() （1）当页面有fixed顶部的布局时，由于fixed布局的元素脱离文档流，被scrollToView()的元素会被置顶到页面最顶部，导致部分被fixed布局的元素遮挡，因此不太适用。（2）可用于页面没有fixed布局，常见的是顶部需要固定位置时可用element.scrollToVi...

2020-03-22 20:42:26 9030 8

原创 css样式集

记录一些不常用的样式1.呼吸灯效果.breath-light{opacity: 0.5;overflow: hidden;-webkit-animation-name: breath;-webkit-animation-duration: 700ms;-webkit-animation-timing-function: ease-in-out;-webkit-ani...

2020-03-22 20:17:18 173

原创利用jspdf和html2canvas导出pdf文件

import JsPDF from 'jspdf';import html2canvas from 'html2canvas';//导出文件exportPDF = () => { let { shop } = this.props; let element = document.getElementById('pdf'); let { height } = getCo...

2019-06-23 20:17:59 1182

原创封装一个弹出框

1.js文件import Taro, {Component} from '@tarojs/taro';import { View, Image } from '@tarojs/components';import PropTypes from "prop-types";import './imageModal.less';export default class ImageModal...

2019-06-23 20:12:50 1320

原创 react中axios拦截器

需求：项目中遇到接口判断用户是否有登陆态，如果没有，后端会重定向到登陆页实际：请求接口返回302重定向，后端返回的登陆页也是302，不会显示出登陆页，因为当前页面的url为当前的页面，没有转到登陆页，需要前端判断将当前页面url改为登陆页的url 如何做：拦截axios请求import axios from 'axios';import { isObject } from...

2019-04-27 15:03:11 3429

原创移动端上拉加载更多有时候上拉不会发起请求

1.安装上拉加载插件--scroll-end-refreshhttps://www.npmjs.com/package/scroll-end-refresh2.代码不要settimeout，否则在延时内都不会请求的

2019-03-04 12:37:53 601

原创 intellij idea在浏览器打开html页面，url显示文件路径如何将其显示localhost

1.本地安装node环境2.插件安装如果是intellij idea安装node插件如果是vscode，则安装HTTP Server / HTML Preview插件

2019-02-25 11:06:36 16335 2

原创启动appium-inspector报错

之前启动appium-inspector一直正常，突然报错如下：ErrorAn unknown server-side error occurred while processing the command. Original error: simctl error running 'list': dyld: Symbol not found: _SimDeviceBootKeyDisabledJ...

2018-04-05 17:22:06 1074

原创在使用robotframework时python2和python3冲突的解决办法

众所周知，robotframework只能基于python2使用，但是我们现在一般做其他的时候都是用python3，所以导致我们电脑上必须要安装python2和python3，虽然都是python，但是这是两个完全不兼容的版本。所以，我们今天要解决的是，如何在一台电脑上显示既可以使用python2，也可以使用python3进行日常使用，python2以一款热门的自动化框架robotframewor

2018-01-08 20:20:15 4351 3

原创定位问题

1.页面定位如下：copy xpath定位如下：/html/body/table/tbody/tr[2]/td[2]/a，但是仍无法定位成功，使用xpath=//span[text()="计算资源"]，仍不行，于是在xpath定位的路径前再加一个/，将原来的xpath定位修改为：//html/body/table/tbody/tr[2]/td[2]/a

2017-11-29 19:31:05 329

原创 cmd无法打开ride页面

robotframework是基于python2来实现的，但是日常生活中我们写python的话基本都是用的是python3，会发现当你用过python3之后，运行cmd输入ride.py无法打开ride界面，此时解决方法如下：1.环境变量配置默认python2，（pycharm可以设置使用python3），最简单的办法就是将环境变量中python2的位置移动到python3上面，此时，系统默认

2017-11-29 19:28:05 8107

hetingtingitsme的博客