首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js、jQuery 获取文档、窗口、元素的各种值

    基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素的各种值 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body的宽度: document.body.clientWidth...在当前触发鼠标事件的元素和它的祖先元素中找到最近的具有定位属性的元素,计算鼠标与其的偏移值, 以找到元素的border的左上角的外交点作为相对点。...offsetY : offsetY和layerY的不同在于,前者的在计算偏移值时,相对于元素的border左上角的内交点, 因此当鼠标位于元素的border上时,偏移值是一个负值...另外offsetY并不在乎触发事件的元素是否有定位属性,它总是相对于触发事件的元素来计算偏移值。...2.在元素具有上边框border-top的情况下, layerY比offsetY的值多一个border-top的宽度值。

    14.1K32

    基于eos的Dapp开发--元素战争(一)

    我们前面的内容主要都是在对eos的源码体系进行分析,有很多朋友说不够接地气,想要学习基于eos的Dapp开发。然而对于很多开发者而言,eos入门并非易事。...为例,简单的介绍整个元素战争的开发过程。...我们今天要看的是教程区,即如何一步步的完成一个Dapp的开发。系列教程共分为9课,如下: 1、第零课 在这个系列中我们通过“元素战争”游戏的实现来介绍基于eos的Dapp的开发。...具体可以参考: https://battles.eos.io/tutorial/lesson0/chapter2 2、第一课 欢迎来到元素战争第一课,接下来我们将会进行一个基于eos的Dapp的开发...,和所有的Dapp一样,元素战争同样不可或缺的是智能合约和前端。

    64040

    基于eos的Dapp开发--元素战争(五)

    PLAYER_WON = 1, PLAYER_LOST = -1 }; 如何来判断这局游戏结束了呢,我们稍微玩过一些游戏的人都知道有个HP值,代表玩家的血条值,当HP...变为0的时候,代表玩家已经死亡,游戏结束,那么这个游戏中还包含有哪些元素呢: 元素战争中有11种独立的卡牌。...一张卡牌只有一种元素属性。 每张卡牌都有一定的攻击力。 游戏开始,每个玩家都拥有17张相同的卡牌。 部分元素类型具有元素的兼容性。...卡牌具有以下五种元素类型,元素兼容性到底是什么样的以及这个游戏该怎么玩呢?...本文介绍了元素战争游戏中如何编写开始游戏和出牌的逻辑,其中包含有游戏的主要元素,卡牌的属性值,一个简单的随机数的生成等,更多的内容我们接下来也会继续分析。如果对该游戏感兴趣,可以一起来玩。

    76150

    基于eos的Dapp开发--元素战争(三)

    我们在前面的章节中先后介绍了一个基于EOS的Dapp中主要包含有哪些内容以及智能合约的编写过程和规范,今天我们来谈谈一个Dapp开发中另一个不可或缺的内容,即前端是如何开发的。...调用智能合约里面的action分为两种情况: 调用成功:SET_USER这个ation被执行且UserReducer会接收到相应的action,Redux store中将会更新用户名相应的属性值,其他信息不变...为了连接store和web app我们还需要使用connect函数将两者关联起来,可以参看以下代码: // 将所有的状态信息和组件的属性值放到map表里 const mapStateToProps =...state => state; // 将以下的action和组件的属性值放到map表里 const mapDispatchToProps = { setUser: UserAction.setUser...本文至此,大致介绍了元素战争游戏中是使用什么来开发前端页面的,开发过程中使用到了哪些组件,如何去实现一个service服务,并通过这个服务使前端和智能合约关联起来。

    90930

    基于eos的Dapp开发--元素战争(四)

    上节内容中我们讲了前端和智能合约之间通过一个service组件进行交互,并将前端的数据通过push action的方式存储到多索引表中。...那么我们如何从智能合约的表中取数据出来并展示在前端界面呢,这便是我们今天要学习的内容。...对eos有一定了解的朋友们应该知道RPC接口的存在,我们可以通过cleos命令行的get table来获取表中的内容,也可以通过RPC接口中的get_table_rows来获取相关内容然后展示在前端页面上...eos源码赏析(十四):EOS智能合约数据持久化存储(下) eos源码赏析(十六):EOS智能合约数据表查询 getUserByName的返回结果将是一个JSON格式的字符串,包含了玩家的信息以及游戏的相关信息...,比如玩家名,赢的次数,输的次数等。

    58430

    基于eos的Dapp开发--元素战争(二)

    我们上篇文章中讲到完成一个Dapp的搭建需要两个主要的部分,即智能合约的编写以及前段的构建,今天我们首先来一步步看智能合约中主要有哪些内容以及是如何编写的。...在智能合约中,数据的存储是较为重要的一环,我们在做源码分析的时候都知道数据是存储在Multi-Index(多索引表)里面的,本文将介绍如何创建一个多索引表以及如何通过action来更新表中的内容的,同时我们引入了智能合约中使用的...1、第二课 在元素战争游戏中,我们需要存储玩家的游戏状态、细节等信息,在这里我们使用eos系统中的Multi-index来实现,对于不太熟悉boost multi-index的朋友们来说,你可以简单的把...多索引表定义号之后,我们来尝试使用login这个action来更新多索引表,login这个action是为了验证用户是否有权限登陆元素战争的,因此我们需要使用require_auth()这个函数来获取用户相应的权限...,更多的功能实现会再接下来的文章中介绍,同时智能合约的部署、前端和智能合约之间的通信也会一步步进行。

    36320

    基于eos的Dapp开发--元素战争(六)

    在元素战争游戏中,AI共有四种出牌策略,每局游戏AI将从这四种策略中随机的选择一种,这样就增加了游戏的不可预测性以及可玩性。每个策略都将计算可能的出牌顺序的组合,应用加权机制来确定最后要出哪张牌。...我们接下来一个个来看: AI最可能赢策略包含有以下要素: 当AI的伤害值大于玩家的伤害值的时候使用3。 当AI的伤害值小于玩家的伤害值的时候使用-2。 当AI的伤害值等于玩家的伤害值的时候使用-1。...: 而在元素战争这个游戏中输的代价很惨重,因此我们还有最不可能输策略,其策略具有以下要素: 当AI的伤害值大于玩家的伤害值的时候使用1。...当AI的伤害值小于玩家的伤害值的时候使用-4。 当AI的伤害值等于玩家的伤害值的时候使用-1。...: 而第三种AI积分策略则强调可以对玩家造成最大的伤害值,该策略包含有以下要素: (玩家卡牌伤害值 + 元素兼容性)- (AI卡牌伤害值 + 元素兼容性)。

    30620

    C++删除map容器中指定值的元素

    map容器是C++ STL中的重要一员,平时会遇到删除map容器中value为指定元素的问题,例如删除所有字符串为"123"或者能整除3的元素。...1 map容器下的方法说明 由于map容器下的方法较多,这里只列举代码中用到的几个方法: insert()方法: 1 2 3 4 5 6 //插入val到pos的后面,然后返回一个指向这个元素的迭代器...iterator insert( iterator pos, const pair &val ); //插入start到end的元素到map中 void insert...返回值是一个指向被插入元素的迭代器和一个描述是否插入的bool值 pair insert( const pair &val );...erase()方法: 1 2 3 4 //erase()函数删除在pos位置的元素,或者删除在start和end之间的元素,或者删除那些值为key的所有元素 void erase( iterator

    50810
    领券