理解并手写 apply() 函数

apply()函数,在功能上类似于call(),只是传递参数的格式有所不同. dog.eat.call(cat, '鱼', '肉'); dog.eat.apply(cat, ['鱼', '肉']); 因此我们完全可以套用 '上一篇对call()的分析',得到下列代码. Function.prototype.myApply = function(obj){ // 判断调用对象是否为函数 if(typeof this !== 'function'){ console.error('type erro…

理解并手写 call() 函数

手写自己的call,我们要先通过call的使用,了解都需要完成些什么功能? call()进行了调用,是个方法,已知是建立在原型上的,使用了多个参数(绑定的对象+传递的参数). 我们把手写的函数起名为myCall,obj作为形参承载传过来的第一个参数(即绑定的对象). Function.prototype.myCall = function(obj){} call的调用对this的指向进行了改变,而this是函数,这是前提(对this进行判断). Funtion.prototype.myCall…

理解并手写 bind() 函数

有了对call().apply()的前提分析,相信bind()我们也可以手到擒来. 参考前两篇:'对call()函数的分析' 和 '对apply()函数的分析',我们可以先得到以下代码: Function.prototype.myBind = function(obj){ // 判断调用对象是否为函数 if(typeof this !== 'function'){ console.error('type error!') } // 判断绑定的对象 obj = obj || window; } b…

WPF启动流程-自己手写Main函数

WPF一般默认提供一个MainWindow窗体,并在App.Xaml中使用StartupUri标记启动该窗体.以下通过手写实现WPF的启动. 首先先介绍一下VS默认提供的App.Xaml的结构,如下图: 主要包括App.Xaml文件以及App.Xaml.cs,以及App.g.i.s文件(在obj->Debug中可以看见该文件) 1.双击App.Xaml可以看见Xaml标记语言的信息,其中StartupUri="MainWindow.xaml"表示启动的窗体. 2.双击App.Xa…

前端面试题整理——手写bind函数

var arr = [1,2,3,4,5] console.log(arr.slice(1,4)) console.log(arr) Function.prototype.bind1 = function(){ // arguments是个列表不是数组,将参数拆解为数组 const args = Array.prototype.slice.call(arguments) // 获取this(数组第一项),shift方法是删除第一项返回第一项值 const t = args.shift() //…

python 精华梳理(已理解并手写)--全是干货--已结

基础部分 map,reduce,filter,sort,推导式,匿名函数lambda , 协程,异步io,上下文管理自定义字符串转数字方法一不使用reduce import re def str2int(s): if not re.match(r'^\d+$',s): raise ValueError('请检查数字格式是否正确') else: digital={'0':0,"1":1,"2":2,"3":3,"4":4,&q…

手写bind函数

实现bind函数参考MDN提供的Polyfill方案 Function.prototype.myBind = function(context){ //这里对调用者做一个判断,如果不是函数类型,直接抛异常 if(typeof this !== 'function'){ throw '调用必须为函数' } //当我们调用bind函数时,我们可能传了不只一个参数 //如 fun.bind({}, arg1, arg2) //我们需要把后面的参数拿出来 let args = Array.protot…

C++之手写strlen函数

代码: int strlen(const char *str){ assert(str!=NULL); intlen=; while((*str++)!='\0') len++; return len; } 这个函数实现起来较为简单,注意字符指针的有效性检查. 可参考:strlen.strcpy.strcat等字符串处理函数的实现…

js面试题之手写节流函数和防抖函数

函数节流:不断触发一个函数后,执行第一次,只有大于设定的执行周期后才会执行第二次 /* 节流函数:fn:要被节流的函数,delay:规定的时间 */ function throttle(fn,delay){ // 记录上一次函数出发的时间 var lastTime = 0 return function(){ // 记录当前函数触发的时间 var nowTime = new Date().getTime() // 当当前时间减去上一次执行时间大于这个指定间隔时间才让他触发这个函数 if(nowT…

常见的JS手写函数汇总（代码注释、持续更新）

最近在复习面试中常见的JS手写函数,顺便进行代码注释和总结,方便自己回顾也加深记,内容也会陆陆续续进行补充和改善. 一.手写深拷贝 <script> const obj1 = { name: 'Leise', age: 23, address: { country: 'China', city: 'Guanzhou' } } const obj2 = deepClone(obj1) obj2.address.city = 'Hangzhou' console.log(obj1.address.…

手写简单call,apply,bind

分析一下call的使用方法:call是显示绑定this指向,然后第一个参数是你所指向的this对象,后面跟着多个参数,以逗号隔开 function sum(num1,num2){ return num1 + num2 } sum.call({},1,2) // 3 上面是一个最简单的call使用方法,call的第一个参数,可以是对象,可以是数字,可以是空对象当call的第一个参数是undefined或者是null时,他的指向是window 接下来就一步步的开始手写一个简单的call 首先第一步…

【OpenCV学习笔记】之六手写图像旋转函数---万丈高楼平地起

话说,平凡之处显真格,这一点也没错! 比如,对旋转图像进行双线性插值,很简单吧? 可,对我,折腾了大半天,也没有达到预期效果! 尤其是三个误区让我抓瞎好久: 1,坐标旋转公式. 这东西,要用的时候查资料,抄过来,从不记清,猛地一下让人写正确,确实不容易,虽然只是正余弦的排列问题.画图推导的方法也是知道,但是,奈何又记不得三角形的和角展开公式.没办法,只好逐一测试验证了,心血经验,45.90,135,180这几个角度最好都验证一下. 2,双插的数据来源. 一开始,思维上习惯地数据来源认定…

依据ECMA规范，手写一个bind函数

Function.prototype.bind 函数,参见ECMA规范地址如题,这次来实现一个boundFunction函数,不挂载在Function.prototype上,而是一个单独声明的函数.挂载在原型上的bind,可以参考MDN 主要步骤,摘自ECMA规范,如图: 实现思想:当然是依葫芦画瓢,这里,我们借用ES6的...运算符与解构赋值.目的是图省事,实现bind函数,主要是了解其内部的操作流程. 首先,把需要用到的函数,都依照规范声明实现,其中FunctionIsConstructo…

2 手写Java LinkedList核心源码

上一章我们手写了ArrayList的核心源码,ArrayList底层是用了一个数组来保存数据,数组保存数据的优点就是查找效率高,但是删除效率特别低,最坏的情况下需要移动所有的元素.在查找需求比较重要的情况下可以用ArrayList,如果是删除操作比较多的情况下,用ArrayList就不太合适了.Java为我们提供了LinkedList,是用链接来实现的,我们今天就来手写一个QLinkedList,来提示底层是怎么做的. 如上图,底层用一个双链表,另外有两个指示器,一个指向头,一个指向尾. 链表中…

手写一个webpack，看看AST怎么用

本文开始我会围绕webpack和babel写一系列的工程化文章,这两个工具我虽然天天用,但是对他们的原理理解的其实不是很深入,写这些文章的过程其实也是我深入学习的过程.由于webpack和babel的体系太大,知识点众多,不可能一篇文章囊括所有知识点,目前我的计划是从简单入手,先实现一个最简单的可以运行的webpack,然后再看看plugin, loader和tree shaking等功能.目前我计划会有这些文章: 手写最简webpack,也就是本文 webpack的plugin实现原理 web…

手写系列：call、apply、bind、函数柯里化

少废话,show my code call 原理都在注释里了 // 不覆盖原生call方法,起个别名叫myCall,接收this上下文context和参数params Function.prototype.myCall = function (context, ...params) { // context必须是个对象并且不能为null,默认为window const _this = typeof context === "object" ? context || window : w…

[手写系列] Spirit带你实现防抖函数和节流函数

前言防抖函数和节流函数,无论是写业务的时候还是面试的时候,想必大家已经听过很多次了吧.但是大家在用到的时候,有了解过他们之间的区别嘛,他们是如何实现的呢?还是说只是简单的调用下像lodash和underscore这种第三方库提供给我们的节流和防抖函数呢? 本文接下来将会带你们了解下这两者的区别,以及我们该如何手写实现这两个函数. 防抖函数和节流函数的区别防抖函数:是指触发了一个事件,在规定的时间内,如果没有第二次事件被触发,那么他就会执行.换句话讲,就是说,如果不断有事件被触发,那么规定的执…

Tensorflow编程基础之Mnist手写识别实验+关于cross_entropy的理解

好久没有静下心来写点东西了,最近好像又回到了高中时候的状态,休息不好,无法全心学习,恶性循环,现在终于调整的好一点了,听着纯音乐突然非常伤感,那些曾经快乐的大学时光啊,突然又慢慢的一下子出现在了眼前,不知道我大学的那些小伙伴们现在都怎么样了,考研的刚刚希望他考上,实习的菜头希望他早日脱离苦海,小瑞哥希望他早日出成果,范爷熊健研究生一定要过的开心啊!天哥也哥早日结婚领证!那些回不去的曾经的快乐的时光,你们都还好吗! 最近开始接触Tensorflow,可能是论文里用的是这个框架吧,其实我还是觉得py…

Softmax用于手写数字识别（Tensorflow实现）-个人理解

softmax函数的作用对于分类方面,softmax函数的作用是从样本值计算得到该样本属于各个类别的概率大小.例如手写数字识别,softmax模型从给定的手写体图片像素值得出这张图片为数字0~9的概率值,这些概率值之和为1.预测的结果取最大的概率表示的数字作为这张图片的分类. 可以从下面这张图理解softmax x1,x2,x3代表输入的值,b1,b2,b3代表类别1,2,3的偏置量,是因为输入的值可能存在无关的干扰量. 将上图写成等式 \[ \left[\begin{matrix}tem…

手写React的Fiber架构，深入理解其原理

熟悉React的朋友都知道,React支持jsx语法,我们可以直接将HTML代码写到JS中间,然后渲染到页面上,我们写的HTML如果有更新的话,React还有虚拟DOM的对比,只更新变化的部分,而不重新渲染整个页面,大大提高渲染效率.到了16.x,React更是使用了一个被称为Fiber的架构,提升了用户体验,同时还引入了hooks等特性.那隐藏在React背后的原理是怎样的呢,Fiber和hooks又是怎么实现的呢?本文会从jsx入手,手写一个简易版的React,从而深入理解React的原理.…

手写一个Redux，深入理解其原理

Redux可是一个大名鼎鼎的库,很多地方都在用,我也用了几年了,今天这篇文章就是自己来实现一个Redux,以便于深入理解他的原理.我们还是老套路,从基本的用法入手,然后自己实现一个Redux来替代源码的NPM包,但是功能保持不变.本文只会实现Redux的核心库,跟其他库的配合使用,比如React-Redux准备后面单独写一篇文章来讲.有时候我们过于关注使用,只记住了各种使用方式,反而忽略了他们的核心原理,但是如果我们想真正的提高技术,最好还是一个一个搞清楚,比如Redux和React-Redux…

前端面试手写代码——call、apply、bind

1 call.apply.bind 用法及对比 1.1 Function.prototype 三者都是Function原型上的方法,所有函数都能调用它们 Function.prototype.call Function.prototype.apply Function.prototype.bind 1.2 语法 fn代表一个函数 fn.call(thisArg, arg1, arg2, ...) // 接收参数列表 fn.apply(thisArg, argsArray) // apply 接收…