qq_41916378的博客

上面我们修改HOST文件后可以用目标域名进行访问，出现画面 说明代理成功（本地代码修改后在该域名下会实时变化 ，相当于是本地开发了），当前前提是目标页面是非https的页面 ，本地只能模拟http请求的路径，因为上面的问题截图是https的链接 所以这里还是需要后端同学修改跨域限制，https的跨域限制通过修改本机HOST文件是行不通滴~~~打开该文件，在最下面一行添加本机ip和对应想要代理的域名，写法如下，并保存。ping一下目标域名地址，发现是可以ping通的。首先找到本地HOST文件。

按i 进入insert模式 可以修改。改完后 ESC :wq 保存返回。希望这两次提交都变为一个提交。

目标是把以上3次commit合并成1个commit，注意，最新的commit提交在最上面。（2）在弹出的窗口中把 pick 改为 s （即squash ）。git压缩/合并N次commit提交为1次commit提交。（3）然后按 Ctrl+C ，输入 :wq 退出。pick commit_id1 '注释*'（5）git push到你的远程仓库即可。s commit_id2 '注释*'s commit_id3 '注释*'（4）此时，变成常规的git提交过程了，

reduce从入门到精通

Umi框架+React+TypeScript解决文件引入报错但不影响正常使用的问题

antd table横向滚动条样式自定义

let a = "9007199254740991";let b = "1234567899999999999";function add(a ,b){ //取两个数字的最大长度 let maxLength = Math.max(a.length, b.length); //用0去补齐长度 a = a.padStart(maxLength , 0);//"0009007199254740991" b = b.padStart(maxLength , 0);//"1234.

首先来通过以下例子来认识bind( )this.num = 9; var mymodule = { num: 81, getNum: function() { return this.num; }};module.getNum(); // 81var getNum = module.getNum;getNum(); // 9, 因为在这个例子中，"this"指向全局对象// 创建一个'this'绑定到module的函数var boundGetNum = getNum.b.

一、概念理解1.关于javascriptjavascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的。2.多线程/单线程的简单理解：多线程: 程序可以同一时间做几件事。单线程: 程序同一时间只能做一件事。3.JS为什么是单线程的？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程.

v-permission背景：在一些后台管理系统，我们可能需要根据用户角色进行一些操作权限的判断，很多时候我们都是粗暴地给一个元素添加v-if / v-show来进行显示隐藏，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。针对这种情况，我们可以通过全局自定义指令来处理。需求：自定义一个权限指令，对需要权限判断的 Dom 进行显示隐藏。思路：自定义一个权限数组 判断用户的权限是否在这个数组内，如果是则显示，否则则移除 Dom function chec...

Proxy 是 ES6 为了操作对象引入的 API 。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。基本用法一个 Proxy 对象由两个部分组成： target 、 handler 。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。 target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。let ta

今天简单说下js的事件循环机制，我们都知道，javascript是单线程语言，它的核心，也是因为它的单线程。有很多小白不清楚EventLoop到底是什么，按照中文翻译，就是事件循环，那js到底是怎样将同步和异步进行处理的。这篇文章，就简单说一说，js的单线程处理，也就是同步和异步的代码是怎样走向的。一、同步和异步：所有的线程，都是有同步队列，和异步队列，立即执行的任务队列，这些都是属于同步任务，比如一个简单的函数；请求接口发送ajax，发送promise，或时间计时器等等，这些就是异步

最近公司附近的张江路有一个小区被确诊一例新冠肺炎，上级为了进一步了解员工的具体地址，对每日健康报备提出新需求，在选择住址时要详细到省市区镇（原来是省市区），于是找到了一个很好的省市区镇四级联动的插件，特此分享给大家使用安装：npminstall--savearea-linkage-vuenpminstall--savearea-data-vuekage在main.js中：import{pcaa}from'area-data-vue';import'are...

数组的方法一共有很多，见下表函数 作用 join() 将数组中所有元素都转化为字符串连接在一起 sort() 将数组中的元素排序 reverse() 将数组中的元素颠倒顺序 concat() 将多个数组或数连接起来，组成一个新的数组 slice() 返回指定数组的一个片段或子数组 splice() 在数组指定位置插入或删除元素 push() 在数组的尾部添加一个或多个元素 pop() 删除数组的最后一个元素，并返回该元

首先，ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function() { return '(' + this.x + ',' + this.y + ')';}等同于class Point { constructor(x, y) { this

export default 和 export 区别总结一句话，export导出 引入需要加{ }，export导出 引入不需要加 { }Module exports原理每个js文件里面都有一个moudle对象，该对象里面有一个exports对象

一般系统大致架构如下：image需要说明的是，有些小伙伴会回复说，这个架构太简单了吧，太low了，什么网关啊，缓存啊，消息中间件啊，都没有。因为这篇主要聊API接口，所以我们聚焦这一点。接口交互前端和后端进行交互，前端按照约定请求URL路径，并传入相关参数，后端服务器接收请求，进行业务处理，返回数据给前端。针对URL路径的restful风格，以及传入参数的公共请求头的要求（如：app_version,api_version,device等），这里就不介绍了，小伙伴们可以自行去了

一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; 　　function f1(){ 　　　　alert(n); 　　} 　　f1(); // 999 另一方面，在函数外部自然无法读取函数内的局部变量。Js代码 function...

防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。（信我，你看完肯定就懂了）从滚动条监听的例子说起先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求--监听浏览器滚动事件，返回当前滚条与顶部的距离这个需求很简单，直接写:function showTop () { var scrollTop = ..

1.安装lib-flexiblenpm install lib-flexible --save2. 在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible/flexible'当页面console栏出现以下一行文字时则表示配置成功