前端javascript高级面试视频笔记-jquery,zeptor如何使用原型(三)

当多个实例可以共用一套方法时候,说明html和css这些方法都是来自于一个函数的构造原型中

基本用法:通过$ 函数传入一个css选择器 选出若干dom元素

3-3 实际应用 - Zepto - 1

在这里插入图片描述

先拿到数组的slice方法,然后获取页面所有的dom

元素,经过slice.call过滤变成一个数组

在这里插入图片描述

在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190924160249602.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Zlbmd0aW5nWWFu,

真题解析、进阶学习笔记、最新讲解视频、实战项目源码、学习路线大纲
详情关注公中号【编程进阶路】

size_16,color_FFFFFF,t_70)

在这里插入图片描述

在这里插入图片描述

selector 是 css dom选择器

dom 是 通过选择器选择的dom元素的节点的数组形式

new Z 构造函数的一种方法

首先我们是一个$函数 传入一个selector ,转到zepto.init()这个函数中,这个函数经过一点处理把selector变成dom元素,并且给他数组化,立马转到zepto.Z(),传了一个dom和selector,zepto.Z()接收了selector,这时候出现了构造函数Z ,(操作:

1,把dom元素赋予了本身自己的属性。

2,把dom的this给他放到自己的this。

3,把selector放到自己的selector)

然后他的原型赋值成了这个对象,这个对象中又有HTML和css俩个方法,所以才可以在这里用到这两个方法。

3-6 实际应用 - jQuery-1

在这里插入图片描述

JS中构造函数和原型的细节分析

js深入理解构造函数和原型对象

构造函数的特点:

a:构造函数的首字母必须大写,用来区分于普通函数

总结:

  • 函数式编程其实是一种编程思想,它追求更细的粒度,将应用拆分成一组组极小的单元函数,组合调用操作数据流;

  • 它提倡着 纯函数 / 函数复合 / 数据不可变, 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用;

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想,这里也只是浅尝辄止,一些个人理解而已。博主也是初级小菜鸟,停留在表面而已,只求对大家能有所帮助,轻喷🤣;

我个人觉得: 这些编程范式之间,其实并不矛盾,各有各的 优劣势

理解和学习它们的理念与优势,合理地 设计融合,将优秀的软件编程思想用于提升我们应用;

所有设计思想,最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用,开发更为高效和安全

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值