![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端
闷葫芦-
https://github.com/Menhulu/
展开
-
ant-design-pro 多环境请求代理配置
在开发中我们可能需要区分多种情况,比如开发环境,测试环境,语法环境,在 Pro 中我们可以通过的环境变量来实现这个需求。const serveUrlMap = { dev: 'https://dev.8jsj.cn/', pre: 'https://pre.8jsj.cn/', test: 'https://test.8jsj.cn/', idc: 'https://idc.8jsj.cn/',};const { SERVE_ENV = 'idc' } = process...原创 2021-10-08 11:22:56 · 869 阅读 · 0 评论 -
面试题整理
JS基础1.原型和原型链2.闭包,应用,手写防抖节流3.new 操作做了什么ES61.箭头函数和普通函数的区别2.aync await实现原理3.for of for in 区别4.map实现:Array.prototype.aMap = (fn)=>{ const arr = this let Arr = [] // fn.call() for(let i=0;i<arr.length;i++){ let val = fn(arr[...原创 2021-09-11 17:39:58 · 105 阅读 · 0 评论 -
项目中导入less报错的解决办法Syntax Error: TypeError: this.getOptions is not a function
今天在项目中使用了less语法,结果出现了错误,安装、代码和报错如下情况解决办法查了一些资料,发现是因为less-loader的版本太高了。改成7的就行。重新执行一下npm install之后重启项目就可以了...原创 2021-04-06 10:59:30 · 1704 阅读 · 0 评论 -
如何发布 npm 包
npm是什么?npm 是Node 的模块管理器,功能极其强大。它是Node 获得成功的重要原因之一。正因为有了npm,我们只要一行命令,就能安装别人写好的模块。npm installnpm install:https://docs.npmjs.com/cli/install 命令用来安装模块到node_modules目录。$npminstall<packageName>--save-dev-D本地--save-S生产-g全局$npmuninst...转载 2021-01-06 15:44:22 · 406 阅读 · 0 评论 -
React axios 设置多个域名跨域
因项目需要,接口调用需要跨域,并且不止是一个域名如果只跨一个域名,在package.json上设置代理即可:如下图如果需要跨多个域名,网上有的解决方案是修改package.json的proxy.但是最新的react这么写会报错:"name": "wangguan", "version": "0.1.0", "private": true, "proxy":{ "/api": { "target": "http://172.19.5.35:9536",原创 2020-12-16 17:06:27 · 1050 阅读 · 0 评论 -
React向数组添加对象后,遍历,报错:[].map is not a function
向数组添加元素是这么写的const [list,setList] = useState( [1,2,3])比如数组list = [1,2,3],向数组添加4.setList(list.push(4)). 结果再去遍历list,报错原因:向数组push数据后,返回的数据是最新的数组的长度。所以,最后一步是把数组的长度赋值给了list。故遍历报错解决方案:setList(list.concat(4))....原创 2020-12-16 16:52:41 · 2550 阅读 · 1 评论 -
运用 position:sticky 实现头部导航栏固定
position:sticky,它是相对定位(position:relative)和固定定位(position:fixed)的混合。使用它,我们不再用监听scroll事件,即可实现导航栏滚动绝对定位的效果。设置了sticky的元素,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设...原创 2019-03-11 19:12:44 · 1753 阅读 · 0 评论 -
nginx在应用程序中的作用
nginx在应用程序中的作用解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 ...nginx是一个高性能的HTTP和反向代理服务器,也是一个通用的TCP/UDP代理服务器,最初由俄罗斯人Igor Sysoev编写。nginx现在几乎是众多大型网站的必用技术,大多数情况下,我们不需要亲自去配置它,但是了解它在应用程序中所担任的角色,以及如何解决这些问题是非常必要的...转载 2019-03-16 16:34:34 · 431 阅读 · 0 评论 -
VSCode相关手记
一、常用1.更换主题快捷键:Ctrl+KCtrl+T2.打开命令面板:查看->命令面板,或者Ctrl+Shift+P3.复制/剪切整行快捷键:光标在行内,Ctrl+C /Ctrl+X4.行注释:Ctrl+/ 块注释:Shift + Alt +A ;取消就再按一次5.下方插入一行:Ctrl + Enter 上方插入一行:Ctrl +Shift +Ente...原创 2019-03-24 22:59:19 · 529 阅读 · 0 评论 -
MCEE 项目整理
地址:https://minecraft.education.jdcloud.com/cn/需要注意的问题1:国际化的时候,中英文字长不同,注意样式自适应2:手机和PC的临界值为768px,大于768的时候图片等用百分比表示,借用bootstrap样式3.测试不同宽度屏幕,div是否能自适应...原创 2019-03-26 10:10:39 · 207 阅读 · 0 评论 -
Taro使用小结
1.不需要注册路由,只需要在app.js里写上文件对应的路径即是路由:config = { pages: [ 'pages/case/index', 'pages/index/index', ], window: { backgroundTextStyle: 'light', navigationBarBackgroun...原创 2019-03-26 10:17:15 · 1134 阅读 · 0 评论 -
React yarn安装umi后 umi -v查询版本失败
采坑描述:yarn全局安装模块后但仍提示无法找到解决:1.先查看一下yarn的bin目录,输入yarn global bin2.然后将该路径加入到path中,对于windows中直接将该目录加入到path中3.关闭cmd重启,umi -v生效...转载 2019-04-15 16:59:16 · 3397 阅读 · 1 评论 -
通过注册表改变环境变量
打开cmd,regedit,打开注册表。公司电脑隐藏了环境变量,通过注册表可添加环境变量计算机\HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Control\Session Manager\Environment原创 2019-04-15 17:17:23 · 796 阅读 · 0 评论 -
MySQL 上移/下移/置顶
在编写网站系统时,难免会用到上移、下移、置顶的功能,今天小编就介绍一下我的思路。首先,需要一张数据表:CREATE TABLE `a` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) NOT NULL, `age` int(11) NOT NULL, `gender` varchar(255) N...转载 2019-04-23 15:05:58 · 834 阅读 · 0 评论 -
EDM自动化问题归总
OutLook转发模块之间有断层,解决办法:删除height=0的tr原创 2019-03-05 17:23:49 · 236 阅读 · 0 评论 -
洗牌算法Fisher–Yates shuffle
在有个函数int rand(int n)返回1-n之间的随机数。如何把数组A[N]打乱?最初的Fisher–Yates算法是在另外开辟一个数组B[N],把打算后的A[N]放到B[N]中,步骤如下设i=01、生成1-A.length长度之间的随机数k2、把A[k]放到B[i],去除数组A中的A[k],i++。3、如果A.length>0,转到第1步。这个算法要去除A中的...转载 2018-09-27 18:57:48 · 245 阅读 · 0 评论 -
Yeoman官方教程:用Yeoman和AngularJS做Web应用
http://blog.jobbole.com/65399/转载 2016-10-17 11:51:30 · 223 阅读 · 0 评论 -
JavaScript正则表达式
最近在用Angular写一些表单验证的时候经常用到一些正则表达式,比如简单的手机号,邮件,URL验证,参照视频教程系统的记录一下正则表达式。首先第一个问题,什么是正则表达式:正则表达式(Regular Expression)是使用单个字符串来描述,匹配一系列符合某种句法规则的字符串。我的理解就是用字符串来定义一组规则,用来校验或者修改另一组字符串。正则表达式有个在线工具叫:re原创 2017-02-16 20:53:44 · 238 阅读 · 0 评论 -
JavaScript的严格模式 use strict
1.概述JavaScript 严格模式(strict mode)即在严格的条件下运行,在 JavaScript 1.8.5 (ECMAScript5) 中新增。2.为什么用严格模式1.消除Javascript语法的一些不合理、不严谨之处2.提高编译器效率,增加运行速度3.声明方式声明在函数头部(function () { 'use strict';..原创 2017-04-11 15:30:09 · 198 阅读 · 0 评论 -
angularJS 路由跳转(带参数)
如果需要从一个页面调到另一个页面,并且带参数,比如买完商品后跳转到支付页面,并且传一些用户和金额之类的参数。从页面A跳转到页面BA的Controller里跳转部分$state.go("app.B(B页面路由地址)",{id:111, name: aaaa});{}里是跳转后到B页面所需参数,在B页面接收参数部分代码:$scope.id= $stateParams.i原创 2017-04-07 10:57:42 · 7854 阅读 · 0 评论 -
ngDialog 一个简单的AngularJS模态框模板
项目开始的时候我们用的对话框是AngularJS的$modal模态框,但是后来发现$modal打开的对话框是相对页面静止的,如果对话框是一个很长的表单,这样体验度就不是很好了,还有$modal传$scope不是很灵活的原因,后来就改用的$ngDialog.官方的API在这里:https://www.npmjs.com/package/ng-dialog首先确定你的项目已经安装了$ngD原创 2017-04-12 18:02:57 · 13674 阅读 · 0 评论 -
HTML5本地存储localStorage
用angularJS,一般作我们会用$scope来保存数据,但有时候因为作用域问题,$scope中的数据我们取不到,这时候一般就用$rootScope来定义,有些数据数据我们可以存在本地,用localStorage,用不到了还可以删了。localStorage 是 HTML5 本地存储的 API,使用键值对的方式进行存取数据,存取的数据只能是字符串。用法如下:设置数据:localS原创 2017-05-11 16:37:24 · 318 阅读 · 0 评论 -
angularjs ui-grid 导出表格数据csvExport
ui-grid是angularjs常用的表格插件,不仅可以显示表格数据,还提供了很多其他可选的操作功能。如果想详细了解ui-gird,附上官网地址,上面也有很多详细的例子:http://ui-grid.info/这篇重点讲一下怎样导出ui-grid表格中数据,将数据以.csv文件形式导出。ui-grid基本用法如下:html: 导出原创 2017-04-20 16:31:54 · 2516 阅读 · 1 评论 -
使用AngularJS导出/下载excel文件
通常下载一个文件用window.location.href = "接口内容"就能实现下载一个文件的需求。但是如果遇到一些特殊的需求,比如说需要在请求头重加一些属性和值,这样window.location.href就不能满足了。但是可以用angularJS自带的$http来请求。 $http({ url: '你的接口内容', metho...原创 2017-07-04 09:53:11 · 20677 阅读 · 13 评论 -
JS判断两个对象是否相等
判断两个对象是否相等: var modefyFlag = false; for(var val in oldValue){ if(newValue.hasOwnProperty(val) && eval("newValue."+ val) != eval("oldValue."+ val)){原创 2017-07-04 17:55:57 · 865 阅读 · 0 评论 -
Packery+ngDraggable+Grafana+iframe 实现自定义可视化数据展示
前段时间做的项目,整理一下,大致的功能就是系统需要呈现很多监控图,这些图我们想让用户来自定义数量,大小以及怎么摆放。用户把我们准备好的动态概览图的缩略图拖拽到画布上,并且在画布上任意摆放,摆放完毕后,我们就能给用户呈现自定义的动态概览图了。原理就是:通过ngDraggable来实现组件拖拽,Packery来实现页面布局,通过iframe嵌套Grafana来实现展示,从而实现用户的个性化需求。出发点...原创 2018-04-01 15:17:57 · 5046 阅读 · 0 评论 -
从输入url到页面展示到底发生了什么
阅读目录1、输入地址2、浏览器查找域名的 IP 地址 3、浏览器向 web 服务器发送一个 HTTP 请求4、服务器的永久重定向响应5、浏览器跟踪重定向地址6、服务器处理请求7、服务器返回一个 HTTP 响应 8、浏览器显示 HTML9、浏览器发送请求获取嵌入在 HTML 中的资源(如图片、音频、视频、CSS、JS等等)最近刚好也在看http协议相关的东西,所以想对这个话题来个深入的总结,本文的...转载 2018-04-10 22:47:07 · 198 阅读 · 0 评论 -
vue全面介绍--全家桶、项目实例
简介“简单却不失优雅,小巧而不乏大匠”。 2016年最火的前端框架当属Vue.js了,很多使用过vue的程序员这样评价它,“vue.js兼具angular.js和react.js的优点,并剔除了它们的缺点”。授予了这么高的评价的vue.js,也是开源世界华人的骄傲,因为它的作者是位中国人–尤雨溪(Evan You)。 Vue.js 是一个JavaScriptMVVM库,是一套构建用户界面的渐进式框...转载 2018-06-11 14:52:39 · 824 阅读 · 0 评论 -
常用的sort打乱数组方法真的有用?
JavaScript 开发中有时会遇到要将一个数组随机排序(shuffle)的需求,一个常见的写法是这样:function shuffle(arr) { arr.sort(function () { return Math.random() - 0.5; });}或者使用更简洁的 ES6 的写法:function shuffle(arr) { a...转载 2018-09-27 18:03:29 · 297 阅读 · 0 评论