
js
rodgers VV
这个作者很懒,什么都没留下…
展开
-
nginx 反向代理配置
server { listen 80; server_name localhost; location /a { proxy_set_header Host "promotion.isv-dev.youzan.com"; //代理的接口 proxy_pass https://promotion.isv-dev.youzan.com...原创 2019-11-25 15:51:16 · 366 阅读 · 0 评论 -
数组平铺到指定深度
5.5 将数组平铺到指定深度使用递归,为每个深度级别 depth 递减 1 。 使用 Array.reduce() 和 Array.concat()来合并元素或数组。 基本情况下, depth 等于 1 停止递归。 省略第二个参数, depth 只能平铺到 1 (单层平铺) 的深度。 const flatten = (arr, depth = 1) => dep...转载 2019-06-24 17:36:03 · 697 阅读 · 0 评论 -
数组的对象解构
数组的对象解构数组也可以对象解构,可以方便的获取数组的第n个值 const csvFileLine = '1997,John Doe,US,john@doe.com,New York'; const { 2: country, 4: state } = csvFileLine.split(','); country // US state // N...原创 2019-06-24 17:38:57 · 716 阅读 · 0 评论 -
解构删除属性
let {_internal, tooBig, ...cleanObject} = {el1: '1', _internal:"secret", tooBig:{}, el2: '2', el3: '3'} console.log(cleanObject); // {el1: '1', el2: '2', el3: '3'}原创 2019-06-24 17:43:01 · 1051 阅读 · 0 评论 -
call,apply,bind的实现
// call实现Function.prototype.callFun = function(obj, ...args) { if (!obj) { obj = typeof window === 'undefined' ? global : window } obj.func = this let res = obj.func(...args) delete ob...原创 2019-06-28 17:09:25 · 168 阅读 · 0 评论 -
new操作符都做了什么
new操作符都做了什么四大步骤:1、创建一个空对象,并且 this 变量引用该对象,// lat target = {};2、继承了函数的原型。// target.proto = func.prototype;3、属性和方法被加入到 this 引用的对象中。并执行了该函数func// func.call(target);4、新创建的对象由 this 所引用,并且最后隐式的返回 this...转载 2019-07-04 10:45:28 · 1030 阅读 · 0 评论 -
charles代理请求本地文件
假设在:http://nrs-demo.vmcshop.com域名下,访问代理接口:http://nrs-mall.vmcshop.com/user/GetUserProperty1.首先在本地生成个文件内容为:2.打开charles代理:工具->本地映射:配置好后,直接访问这个接口是有数据的:第一步结束,能够访问接口拿到数据!第二部,去项目里运行这...原创 2019-09-11 17:42:06 · 4007 阅读 · 0 评论 -
react 16.8更新的新的钩子函数
最新的生命周期删掉了三个will方法,新增了两个get方法:delete:componentWillMount,componentWillReceiveProps,componentWillUpdate,add:static getDerivedStateFromProps,static getDerivedStateFromProps()这个钩子函数,在挂载,更新时都会...原创 2019-10-04 14:07:49 · 1720 阅读 · 0 评论 -
数字补0操作
4.3 数字补0操作感谢网友 @JserWang @vczhan 提供 这个小技巧有时候比如显示时间的时候有时候会需要把一位数字显示成两位,这时候就需要补0操作,可以使用 slice和string的 padStart方法 const addZero1 = (num, len = 2) => (`0${num}`).slice(-len) const addZ...转载 2019-06-24 14:57:26 · 998 阅读 · 0 评论 -
git 拉取其他分支的某个代码
git checkout wei src/pages/assessment/index.js原创 2019-06-25 11:17:59 · 3856 阅读 · 0 评论 -
多种组合式继承方法
// 寄生组合式继承,最理想的继承方法 function inheritPrototype(sub, super) { //sub是子函数,super是父函数,sub继承super var prototype = Object.create(super.prototype); // 创建对象,父原型的副本 prototype.co...原创 2019-02-14 10:50:07 · 306 阅读 · 0 评论 -
event loop单线程执行顺序
遇到异步会添加一个微任务,等宏任务执行完毕,就会检查是否有微任务,如果有就执行,没有的话就会执行宏任务,以此循环;注意点1:异步会添加到微任务队列,宏任务执行完毕后执行微任务时,Promise的异步要比async的优先,所以优先执行;注意点2:定时器的异步是在下个宏任务的开始,所有最后执行;...原创 2019-02-20 17:28:00 · 583 阅读 · 0 评论 -
变态面试题1
将数组扁平化并去除其中重复数据,最终得到一个升序且不重复的数组 var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];方法1:let res = [...new Set(arr.flat(Infinity))].sort((a,b)=>a-b);方法2:...原创 2019-02-21 10:21:44 · 259 阅读 · 0 评论 -
js的防抖与节流
<button id="debounce">点我防抖!</button> <script> // 1、获取这个按钮,并绑定事件 var myDebounce = document.getElementById("debounce"); myDebounce.addEventLis...原创 2019-03-15 10:47:43 · 272 阅读 · 0 评论 -
三大框架之React
引入react文件跑起页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2019-03-23 23:59:27 · 218 阅读 · 0 评论 -
原型继承
一图搞懂继承:1,Object类是Function类的实例,所以Object.__proto__指向了Function.prototype;2,Function类是不是Function对象创造出来的实例:对于Function.__proto__ === Function.prototype这一现象有 2 种解释,争论点在于 Function 对象是不是由 Function 构造...原创 2019-05-08 17:06:24 · 156 阅读 · 0 评论 -
Cookie
function getCookie(key) { var arr1 = document.cookie.split('; '); //这里是分号+空格分隔 for (var i = 0, len = arr1.length; i < len; i++) { var arr2 = arr1[i].split('...原创 2019-02-15 13:56:40 · 284 阅读 · 2 评论