首页 > 其他分享 >openwrt之luci界面开发------问题解析

openwrt之luci界面开发------问题解析

时间:2024-07-20 15:26:55浏览次数:10  
标签:函数 指向 dom 对象 Leaflet ------ apply luci openwrt

查阅视频:

我取不来名字的icon-default.png?t=N7T8https://space.bilibili.com/320467466

在openwrt的luci界面开发中,用到的这个E()函数,其功能是在网页界面创建各种各种视图效果,如按钮,文字等等。

其原函数:

function E(){

       return L.dom.create.apply(L.dom,arguments)

}

这个E()函数定义实质上是调用了L.dom.creaate.apply(L.dom,arguments)

这里的L实质上代表了Leaflet库,在Leaflet中,L是对Leaflet对象的简称,通常作为前缀使用,以表示某个方法或类属于Leaflet库。

apply()是javescript中的一个方法。作用是能够编写用于不同对象的方法。

var person = {
    fullName: function() {
        return this.firstName + " " + this.lastName;
    }
}
var person1 = {
    firstName: "Bill",
    lastName: "Gates",
}
person.fullName.apply(person1);  // 将返回 "Bill Gates"

在上述例子中,person 的 fullName 方法被应用到 person1

this是什么意思?  this是javescript里的关键字

this是函数的的自有变量,指向了保存在堆中的某个对象的数据

那么对象在javescript中是怎么定义的?

 zaijavescript中对象由两部分组成:一个是对象的名字(见图1)

                                                         一个是对象的名字所具有的数据(见图二)

                                                                        图1

                                                                  图2

对象的名字存放在栈中,对象的数据存放在堆中

判断this指向那个对象的数据(优先级由高到低):

1.new关键字创建的对象

2.通过      call    /    apply   / bind  方法可以操纵this指向我们给到的对象

3.函数作为A对象的方法来调用,函数的this指向就是A对象

4.this指向undefined  箭头函数没有this   this通过词法作用域从外层获取

标签:函数,指向,dom,对象,Leaflet,------,apply,luci,openwrt
From: https://blog.csdn.net/zy_666_king/article/details/140269676

相关文章

  • 【HZHY-AI300G智能盒试用连载体验】安装Neuron工业协议网关软件
    目录下载和安装软件运行本文首发于:【HZHY-AI300G智能盒试用连载体验】+智能工业互联网网关-北京合众恒跃科技有限公司-电子技术论坛-广受欢迎的专业电子论坛!为了能够将RS485等接口设备转换为MQTT设备,我使用了Neuron工业协议网关软件。Neuron是EMQ(杭州映云科技有......
  • vue用到的各种三方插件的介绍和使用方法
    本篇文章用于自用,有的地方介绍的可能会不清楚,请谨慎观看本文会随着做的项目用到的东西会不断的更新1.@riophae/vue-treeselect@riophae/vue-treeselect是一个基于Vue.js的树形选择组件,用于在用户界面中展示和选择层次结构的数据,是一个树形的下拉菜单下载npminstall......
  • B端产品方向(五)
            B端产品可分为两个大方向:企业自研B端产品和SaaS产品。企业自研产品即企业自主研发的产品,SaaS(SoftwareasaService——软件即服务)本质上SaaS属于一种云应用服务,是云托管的即用型应用软件。企业自研B端产品内部使用B端产品基础业务方向Passport:企业客户......
  • 【数据结构初阶】顺序表三道经典算法题(详解+图例)
    Hello!很高兴又见到你了~~~看看今天要学点什么来充实大脑吧——目录1、移除元素【思路+图解】 【总结】2、删除有序数组中的重复项【思路+图解】【总结】3、合并两个有序数组【思路+图解】【总结】 至此结束,ShowTime!1、移除元素【思路+图解】 ......
  • c++里数的存储
    hello,大家好啊,这里是文宇,不是文字,是文宇哦。C++中的数的存储方式涵盖了整数、浮点数、字符等多种类型。每种类型的数有不同的位数和存储规则。下面将详细介绍C++中数的存储。首先,整数类型的存储通常使用二进制来表示。C++中提供了多种整数类型,包括char、short、int、longlon......
  • 顺丰快递查询|阿里云调用API接口实现
    介绍:本次解析通过阿里云云市场的云服务来实现程序中对快递包裹实时监控,首先需要准备选择一家可以提供快递查询的商品。https://market.aliyun.com/apimarket/detail/cmapi00065859#sku=yuncode5985900001步骤1:选择商品如图点击免费试用,即可免费申请该接口数据。步骤......
  • IS论文分享More Than a Bot? The Impact of Disclosing Human Involvement on Custome
    《MoreThanaBot?TheImpactofDisclosingHumanInvolvementonCustomerInteractionswithHybridServiceAgents》,作者是UlrichGnewuch、StefanMorana、OliverHinz、RalfKellner和AlexanderMaedche。文章发表在《InformationSystemsResearch》期刊上,并于2023......
  • 第二周进度总结
    第二周总结:配置环境变量可以在任意目录下打开指定软件。方法:打开我的电脑,空白处右键后点击属性,点击高级系统设置,点击高级,点击环境变量,找到path处,点击编辑,新建后粘贴即可。文件夹含义:bin:各种工具和命令。conf:相关配置文件。include:平台特定的头文件。jmods:各种模块。leg......
  • LocalSend(传输工具) v1.15.1 汉化版
    LocalSend是一款好用的文件传输工具,在这里可以通过软件进行文件高速传输,功能强大操作简单。软件特色1.免费且开源的局域网文件传输工具,同时还可以跨平台传输,各种形式的文件都支持;2.传输速度快,还支持加密和解析,支持共享功能,全都可以免费使用;3.跨平台局域网文件互传工具,无需互联......
  • Go 锁的实现与应用
    Go锁的实现与应用原创 蔡蔡蔡菜 蔡蔡蔡云原生Go  2024年07月20日08:30 广东 1人听过在说锁的实现之前,我们先了解一下业务中的并发问题。并发是由于多个线程在多个CPU上执行,此时CPU之间的缓存并不可见。从磁盘或者内存获取数据后会保存在CPU中进行执行,此时如果......