- 博客(24)
- 收藏
- 关注
RSS订阅原创 使用Promise.any处理前端高并发问题
使用Promise.any处理前端请求高并发之前，首先要弄清楚Promise几个函数的关系；Promise.all(): 全部子实例（promise对象）成功才算成功，一个子实例失败就算失败；Promise.any(): 有一个子实例（promise对象）成功就算成功，全部子实例失败才算失败Promise.race(): race是竞赛的意思，即看最先的promise子实例是成功还是失败，则它就与最先的子实例状态相同。Promise.allSettled(): 所有子实例状态都返回结果，不管子实例是
2021-07-22 19:11:20
553
1
原创 在使用@angular/cli创建的angular项目上添加postcss等一系列移动端自适应插件
首先使用yarn或npm安装@angular-builders/custom-webpack，然后安装postcss-loader post-px-to-viewport postcss-flexbugs-fixes postcss-preset-envviewport-units-buggyfill.在根目录下新建webpack文件夹，建立webpack.config.js，建立postcss.config.js,用于配置css预处理。修改angular.json配置的build打包配置...
2020-07-25 12:27:46
1112
原创 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
1361
原创 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
2291
转载 解决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
4290
原创 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
1075
原创 关于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
13387
原创 从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
580
原创 react项目打包上线nginx配置出现404，405相关问题
1.在本地开发中，react的路由配置里使用BrowerRouter和HashRouter对项目开发都没有影响，但是若打包时使用BrowerRouter，部署到服务器时，因为页面是单页面应用，很少直接去手动刷新，若直接刷新，则会出现405 not allowed,处理办法是：把BrowserRouter改为HashRouter2.nginx配置反向代理出现404问题：使用nginx做htt...
2019-04-14 16:53:48
3274
原创 关于 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
41024
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
904
原创 在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
16769
转载 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
1371
原创 Webstorm自动给函数或者代码块添加注释的快捷方法
以前给函数添或者代码块添加注释都是一个字一个字的敲，参数啊那些也看的不是很清楚，今天实在是看不下去了，在网上找了半天，大多数都是说的在webstorm的javascript的live templelate下添加模板，但是都不能自动获得参数名称。但是，终究还是找到了一个自动获得参数名称添加注释的快捷方法，现在分享给大家："/**"+"enter"，描述出来意思就是: 左斜杠加两个星号加回...
2019-03-18 15:36:44
11633
5
转载 OpenGL超级宝典笔记——GLSL语言基础
变量GLSL的变量命名方式与C语言类似。变量的名称可以使用字母，数字以及下划线，但变量名不能以数字开头，还有变量名不能以gl_作为前缀，这个是GLSL保留的前缀，用于GLSL的内部变量。当然还有一些GLSL保留的名称是不能够作为变量的名称的。基本类型除了布尔型，整型，浮点型基本类型外，GLSL还引入了一些在着色器中经常用到的类型作为基本类型。这些基本类型都可以作为结构体内部的类型。如下...
2019-02-20 21:56:44
210
转载 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
441
原创 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
4905
1
原创 使用antd框架时，字体模糊的问题
最近在写react+antd的项目练手，在使用antd的Card卡片组件时发现在谷歌浏览器手机调试模式时出现字体模糊，使用真机调试也是这样，使用-webkit-font-smoothing也无效，最后逐一排查，发现是Card组件的样式ant-card类上的position:relative属性的影响！看了一下它的子级又没有绝对定位，所以用不上。要覆盖的话，在ant-card类的父级没有定的情况下使...
2018-12-26 21:39:17
1463
原创 IE浏览器中解决设置了margin:0 auto;后不居中的办法
一般情况下若要将div居中显示，使用CSS样式：margin:0 auto; 或者margin:0 auto 1px;即可，但是有时候用margin:0 auto;后在FF,Chrome等浏览器里能居中，但在IE6、7、8里却不能居中的现象。 代码如下：<style>#con{width:980px;margin:0 auto;}</style&g...
2018-07-21 09:09:49
1510
1
原创 Angular CLI执行ng-serve后卡在95% emitting LicenseWebpackPlugin不动了
Angular CLI安装成功后，创建项目一切正常，使用cnpm install安装依赖包，执行ng-serve后卡在95% emitting LicenseWebpackPlugin不动了解决办法：放弃使用cnpm，使用yarn安装1.先把项目已安装的node_modules删除2.直接输入yarn命令重新安装所需依赖包3.ng serve --open启动服务...
2018-07-21 09:08:27
1216
原创 如何动态测量字体宽度
前几天由于项目需要，需要把太长的字符省略显示，鼠标放上去的时候显示出来，然后去找了个插件，但是完成之后发现字符串没有出现省略号时，鼠标放上去也会显示，这与需求不符，于是想到使用字符串长度，也就是字符的个数乘以字体大小和包裹字符串的元素相比，发现不对，因为字体的大小并不等于字体宽度，而是等于字体高度，中文的时候宽度和高度相差还不是很大，数字时就更大一点，误差就更大，符号时宽高相差就更大，误差就更大。...
2018-04-27 22:47:05
1345
原创 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
2082
原创 ionic cordova platform add android长时间没响应，又不报错
因为添加平台是由cordova框架完成的，所以我估计有可能是cordova的版本太高，兼容性不好所以把cordova全局卸载，安装为[email protected],再执行添加平台的命令，搞定
2017-09-28 00:39:36
3439
1
原创 Error: Couldn't find preset "env" relative to directory
执行cnpm i babel-preset-env --save-dev
2017-08-03 20:45:46
16176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人