- 博客(23)
- 收藏
- 关注
原创 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
1573
原创 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
1987
原创 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
1865
原创 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
1414
原创 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
7576
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
162
原创 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
2268
原创 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
281
原创 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
903
原创 实现弹窗从上而下滑入效果
场景:如果运营有个需求叫做天降红包,需要从上滑入一个红包,该如何实现这个效果呢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
962
原创 ios上单击input输入框无效
场景:在ios手机上,点击input输入框,很难选中分析后发现单击很难触发onClick事件,只有双击才会触发这个onClick事件检查 是否加载了 fastclick 库,移动端一般都会安装这个库,区分双击和单击事件,一般情况下都是因为这个导致的,因此解决办法有两种:1.去掉fastclick库2.加一段代码:if ('addEventListener' in document) { document.addEventListener('DOMContentLoad.
2020-06-03 13:39:13
1447
原创 移动端踩坑试验
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
208
原创 页面锚点整理及使用scrollIntoView()导致导致整个页面上移问题处理
常用场景:页面锚点,点击跳转页面某固定位置1.element.scrollToView() (1)当页面有fixed顶部的布局时,由于fixed布局的元素脱离文档流,被scrollToView()的元素会被置顶到页面最顶部,导致部分被fixed布局的元素遮挡,因此不太适用。 (2)可用于页面没有fixed布局,常见的是顶部需要固定位置时可用element.scrollToVi...
2020-03-22 20:42:26
10104
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
184
原创 利用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
1205
原创 封装一个弹出框
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
1362
原创 react中axios拦截器
需求:项目中遇到接口判断用户是否有登陆态,如果没有,后端会重定向到登陆页 实际:请求接口返回302重定向,后端返回的登陆页也是302,不会显示出登陆页,因为当前页面的url为当前的页面,没有转到登陆页,需要前端判断将当前页面url改为登陆页的url 如何做:拦截axios请求import axios from 'axios';import { isObject } from...
2019-04-27 15:03:11
3458
原创 移动端上拉加载更多有时候上拉不会发起请求
1.安装上拉加载插件--scroll-end-refreshhttps://www.npmjs.com/package/scroll-end-refresh2.代码不要settimeout,否则在延时内都不会请求的
2019-03-04 12:37:53
613
原创 intellij idea在浏览器打开html页面,url显示文件路径如何将其显示localhost
1.本地安装node环境2.插件安装如果是intellij idea安装node插件如果是vscode,则安装HTTP Server / HTML Preview插件
2019-02-25 11:06:36
16486
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
1114
原创 在使用robotframework时python2和python3冲突的解决办法
众所周知,robotframework只能基于python2使用,但是我们现在一般做其他的时候都是用python3,所以导致我们电脑上必须要安装python2和python3,虽然都是python,但是这是两个完全不兼容的版本。所以,我们今天要解决的是,如何在一台电脑上显示既可以使用python2,也可以使用python3进行日常使用,python2以一款热门的自动化框架robotframewor
2018-01-08 20:20:15
4386
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
350
原创 cmd无法打开ride页面
robotframework是基于python2来实现的,但是日常生活中我们写python的话基本都是用的是python3,会发现当你用过python3之后,运行cmd输入ride.py无法打开ride界面,此时解决方法如下:1.环境变量配置默认python2,(pycharm可以设置使用python3),最简单的办法就是将环境变量中python2的位置移动到python3上面,此时,系统默认
2017-11-29 19:28:05
8159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人