![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
文章平均质量分 52
如故
外向活泼
展开
-
使用Promise.any处理前端高并发问题
使用Promise.any处理前端请求高并发之前,首先要弄清楚Promise几个函数的关系;Promise.all(): 全部子实例(promise对象)成功才算成功,一个子实例失败就算失败;Promise.any(): 有一个子实例(promise对象)成功就算成功,全部子实例失败才算失败Promise.race(): race是竞赛的意思,即看最先的promise子实例是成功还是失败,则它就与最先的子实例状态相同。Promise.allSettled(): 所有子实例状态都返回结果,不管子实例是原创 2021-07-22 19:11:20 · 576 阅读 · 1 评论 -
react-router二级页面刷新后显示404问题
主要原因是webpack配置文件里的output的publicPath的配置问题:配置文件分为开发环境配置文件webpack.config.dev.js和生产环境配置文件webpack.config.prod.js,在开发环境时:publicPath:"/",配合devServer中的historyApiFallback:true,则可解决,在生产环境时:publicPath:"./"...原创 2019-11-03 20:59:00 · 1396 阅读 · 0 评论 -
element-ui的table表格使用checkbox,控制单选
首先table使用@select-change函数和ref属性,主要函数:// select-change绑定的函数:handleRow(row){//控制单选,当选择个数大于1时,清空所有,选择第二个,也就是说当一点击选到第二个时就清空,然后只选第二个if(row.length>1){ this.$refs.table.clearSelection()...原创 2019-10-28 16:47:30 · 2304 阅读 · 0 评论 -
react项目打包上线nginx配置出现404,405相关问题
1.在本地开发中,react的路由配置里使用BrowerRouter和HashRouter对项目开发都没有影响,但是若打包时使用BrowerRouter,部署到服务器时,因为页面是单页面应用,很少直接去手动刷新,若直接刷新,则会出现405 not allowed,处理办法是:把BrowserRouter改为HashRouter2.nginx配置反向代理出现404问题:使用nginx做htt...原创 2019-04-14 16:53:48 · 3332 阅读 · 0 评论 -
从mac电脑提交代码到gitghub,再从windows拉取下来,提示 Permission denied (publickey)
在mac笔记本上使用命令行提交代码,设置了公钥,本地有.ssh文件夹,含有公钥,也在github的ssh上设置公钥但是在windows电脑使用命令行拉取时,提示Permission denied (publickey)。原因是因为windows电脑上没有.ssh文件夹或者.ssh文件夹下的公钥与github上设置的不一致,则需要把mac电脑上的.ssh文件夹拷贝到windows电脑上。...原创 2019-06-04 21:56:57 · 604 阅读 · 0 评论 -
JS中基于当前时间延时的算法
let D = new Date(); //当前时间let time = D.getTime() + H*60*60*1000 + M*60*1000 + S*1000; //获取毫秒数,H为小时,M为分钟,S为秒getTime()表示从1970年1月1日0时0分0秒距离该日期对象所代表时间的毫秒数再使用time创建一个未来时间let data = new Date(time);...原创 2019-07-14 22:11:42 · 1096 阅读 · 0 评论 -
关于Gerrit管理使用git push出现 prohibited by Gerrit: ref update access denied
需要执行git config remote.origin.push refs/heads/*:refs/for/*冒号左边的星号为本地仓库的分支名称,for后面的星号为远程仓库的分支名称原创 2019-07-11 14:25:06 · 13714 阅读 · 0 评论 -
解决Webpack中提示syntax 'classProperties' isn't currently enabled的错误
我们在Recat中使用ES6的class类的一些新特性时,比如定义静态变量,就会报错syntax 'classProperties' isn't currently enabled需要安装@babel/plugin-proposal-class-properties插件,然后在配置文件的.babelrc文件options: {plugins: ['@babel/plugin-p...转载 2019-07-28 22:24:20 · 4316 阅读 · 0 评论 -
关于 You cannot set a form field before rendering a field associated with the value
前几天在做项目的时候,使用antd做ui,在modal中使用form表单编辑相关信息,modal弹出的时候,form表单里始终不能回调渲染出页面上的信息,报错如标题,意思就是:你不能在页面未渲染之前就进行form表单的相关信息的设置。在网上查了个遍,也没有找到解决的办法,有人遇到过但也没解决。后来做其他东西时遇到定时器,突然想到延时处理,于是想到了处理办法,延迟0毫秒,问题解决: ...原创 2019-04-05 18:18:35 · 41054 阅读 · 25 评论 -
使用react插件react-input-range的出现onChange事件报错问题
报错是:[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.解决的办法是使用css属性touch-action:pan-y限定单指垂直平移移动。...原创 2019-03-27 11:45:11 · 926 阅读 · 0 评论 -
如何动态测量字体宽度
前几天由于项目需要,需要把太长的字符省略显示,鼠标放上去的时候显示出来,然后去找了个插件,但是完成之后发现字符串没有出现省略号时,鼠标放上去也会显示,这与需求不符,于是想到使用字符串长度,也就是字符的个数乘以字体大小和包裹字符串的元素相比,发现不对,因为字体的大小并不等于字体宽度,而是等于字体高度,中文的时候宽度和高度相差还不是很大,数字时就更大一点,误差就更大,符号时宽高相差就更大,误差就更大。...原创 2018-04-27 22:47:05 · 1387 阅读 · 0 评论 -
使用antd框架时,字体模糊的问题
最近在写react+antd的项目练手,在使用antd的Card卡片组件时发现在谷歌浏览器手机调试模式时出现字体模糊,使用真机调试也是这样,使用-webkit-font-smoothing也无效,最后逐一排查,发现是Card组件的样式ant-card类上的position:relative属性的影响!看了一下它的子级又没有绝对定位,所以用不上。要覆盖的话,在ant-card类的父级没有定的情况下使...原创 2018-12-26 21:39:17 · 1506 阅读 · 0 评论 -
react-router4.x和react-router-dom Link组件只有路由变化页面不能跳转
关于react-router和 react-router-dom的Link标签使用时只有路由跳转,没有页面跳转的问题:是因为在配置路由的时候,所有从首页跳转到其他页路由配置,需要在首页路由之前:不跳转const Routes = ()=>( <div className='App'> <Router> ...原创 2018-12-26 23:35:33 · 4935 阅读 · 1 评论 -
JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(var i = 0; i < len; i++){ $("input[type='file']").eq(i).click(function(){ $(this).next().val(""); $(this).ne...转载 2019-01-03 23:30:17 · 453 阅读 · 0 评论 -
OpenGL超级宝典笔记——GLSL语言基础
变量GLSL的变量命名方式与C语言类似。变量的名称可以使用字母,数字以及下划线,但变量名不能以数字开头,还有变量名不能以gl_作为前缀,这个是GLSL保留的前缀,用于GLSL的内部变量。当然还有一些GLSL保留的名称是不能够作为变量的名称的。基本类型除了布尔型,整型,浮点型基本类型外,GLSL还引入了一些在着色器中经常用到的类型作为基本类型。这些基本类型都可以作为结构体内部的类型。如下...转载 2019-02-20 21:56:44 · 218 阅读 · 0 评论 -
Webstorm自动给函数或者代码块添加注释的快捷方法
以前给函数添或者代码块添加注释都是一个字一个字的敲,参数啊那些也看的不是很清楚,今天实在是看不下去了,在网上找了半天,大多数都是说的在webstorm的javascript的live templelate下添加模板,但是都不能自动获得参数名称。但是,终究还是找到了一个自动获得参数名称添加注释的快捷方法,现在分享给大家:"/**"+"enter",描述出来意思就是: 左斜杠加两个星号加回...原创 2019-03-18 15:36:44 · 11729 阅读 · 5 评论 -
Mac os安装MySQL数据库,系统提示mysql: command not found该怎么办
当我们安装好MySQL后,在终端输入mysql命令,发现并不能看到自己安装的数据库,这是因为你没有配置环境变量。在os系统中安装MySQL数据库默认保存在/usr/local/mysql那么我们应该如何配置环境变量呢?1、打开terminal,输入:sudo su 回车 进入系统管理员管理目录(当然你要输入你的用户密码才能进入)2、输入命令:vim /etc/profile...转载 2019-03-22 14:20:42 · 1399 阅读 · 0 评论 -
在react项目中不能直接引入antd.css文件,引入会报警告./node_modules/antd/dist/antd.css (./node_modules/css-loader??ref-
解决的方法是在webpack.config.dev.js和webpack.config.prod.js文件添加相关配置,然后引入antd.less:const cssRegex = /\.(css|less)$/;const cssModuleRegex = /\.module\.css$/;const sassRegex = /\.(scss|sass)$/;const sassMo...原创 2019-03-24 14:41:56 · 16815 阅读 · 0 评论 -
concat和push的apply的区别
从总体上来讲:concat和push的apply都可以合并数组var a = [1,3,5], b = [2,4,6], c = [7,9,8];区别:1. concat合并数组之后,返回值才是新数组,并且可以合并两个及其以上的数组。a.concat(b,c);console.log(a.concat(b,c));//[1, 3, 5, 2, 4, 6, 7, ...原创 2018-03-24 07:58:57 · 2096 阅读 · 0 评论