js案例100讲解(JS基于面向对象实现的拖拽库实例)

2023-10-15 03:20:05 45

js案例100讲解(JS基于面向对象实现的拖拽库实例)

本文目录

JS基于面向对象实现的拖拽库实例

本文实例讲述了JS基于面向对象实现的拖拽库。分享给大家供大家参考。具体如下:这是一个面向对象的JS拖拽库,可设置水平锁定、垂直锁定、锁定位置、锁定范围等,设定这些范围后,只能在设定的模式下拖动,我觉得这是个挺不错的拖拽实例。运行效果截图如下:在线演示地址如下:

求js大牛解惑!一个很有趣的问题: “0.14“*100 = 14.000000000000002 “ , 而 0.13“*100 = 13;

这个问题挺复杂的,以前看过一次,但没太看懂,这次整理了一下。有兴趣的同学可以看看。首先打印出0.14和0.14*100的二进制(程序见参考):0.14 : 0 01111111100 00011110101110000101000111101011100001010001111011000.14*100 : 0 10000000010 110000000000000000000000000000000000000000000000000114.0 : 0 10000000010 1100000000000000000000000000000000000000000000000000我们可以看到0.14的小数部分出现循环,就像10/3 = 1.33333…一样,所以0.14是有精度丢失的,比较0.14*100和14.0,0.14*100多了最后一位1。 Java遵循IEEE 754标准来支持浮点数的操作,结合浮点值0.14,我们来看一下,1) 0.14的二进制格式0 01111111100 0001111010111000010100011110101110000101000111101100.根据IEEE 754标准, 注:S:符号(0正1负),E,指数,M小数部分。对0.14格式化后的结果是:S(1位) E(11位) M (52位)0 01111111100 0001111010111000010100011110101110000101000111101100根据计算公式: 我们可以得到e = 01111111100 – 1023 = 1020 – 1023 = -3m = 1 (隐藏位) + 0.0001111010111000010100011110101110000101000111101100 = 1 + Long.valueOf(“0001111010111000010100011110101110000101000111101100“, 2)/ (Math.pow(2, 52) – 1)= 1.12000000000000013n = 1.12000000000000013 *2^-3= 1.12000000000000013/8 约 0.14接下来,第二个问题,2)为什么0.14 * 100 输出14.000000000000002?由上可知0.14是不精确的,乘100只会扩大这个不精确度。具体的计算过程如下:100的浮点二进制:0 10000000101 1001000000000000000000000000000000000000000000000000跟据浮点乘法规则指数相加,小数相乘,得到0.14 * 100 = 2^(6-3) //100的指数是6,0.14的指数是-3* (1. 1001000000000000000000000000000000000000000000000000*1. 0001111010111000010100011110101110000101000111101100) //小数部分= 2^(6-3) * (1 + 0.1001000000000000000000000000000000000000000000000000 + 0.0001111010111000010100011110101110000101000111101100 + 0. 1001000000000000000000000000000000000000000000000000 * 0. 0001111010111000010100011110101110000101000111101100//方便计算,分解乘数(同1.1 * 1.1 = 1 + 0.1 * 1 + 1 * 0.1 + 0.1*0.1)这部分我用计算器计算,貌似精度丢失更严重,但可以得知小数部分依然是循环,而不能精确表达。同时,通过查看JDK中Double.toString(d)方法,我们可以看到SUN实现的浮点输出方法。所以最后打印在页面的是14.000000000000002而不是14.0. 故,浮点是用有限二进位接近表达一个数值,不精确是常态,使用要慎重 参考(强烈推荐)IEEE 754 浮点数的表示精度探讨http://www.cnblogs.com/bossin/archive/2007/04/08/704567.html解读IEEE标准754:浮点数表示http://www.linuxsir.org/bbs/thread262207.html浮点乘法计算http://www.cs.umd.edu/class/spring2003/cmsc311/Notes/BinMath/multFloat.html打印DOUBLE二进制方法:public class DoubleTest {@Testpublic void test(){System.out.println(“0.5 : “ + this.dumpDouble(0.5));System.out.println(“0.14 : “ + this.dumpDouble(0.14));System.out.println(“0.14*100 : “ + this.dumpDouble(0.14 * 100));System.out.println(“14.0 : “ + this.dumpDouble(14.0));System.out.println(“100 : “ + this.dumpDouble(100)); Assert.assertEquals(“100.0%“, getPercentage(0.9999, 2));Assert.assertEquals(“100%“, getPercentage(0.9999, 1));Assert.assertEquals(“99.9%“, getPercentage(0.999, 2));Assert.assertEquals(“10.1%“, getPercentage(0.101, 2));Assert.assertEquals(“10.2%“, getPercentage(0.1015, 2));Assert.assertEquals(“11.0%“, getPercentage(0.1095, 2));Assert.assertEquals(“0.11%“, getPercentage(0.0011, 3)); final int TOTAL = 100000;double data = new double;b.setCharAt(j, n); }if(j == 0){b.insert(0, 1);dot++;if(precision == 1){b.setCharAt(dot, ’%’);return b.substring(0, dot + 1);}else{b.setCharAt(dot + precision, ’%’);return b.substring(0, dot + precision + 1);}}}b.setCharAt(dot + precision, ’%’);return b.substring(0, dot + precision + 1);}b.append(“%“);return b.toString();}

如何用javascript编写出出1到100的素数

for(let i=1;i《=100;i++){if(check(i)) {console.log(i)}}// 判断当前给定的数 num 是否为素数, 是素数返回 true, 否则返回 falsefunction check(num){if(num === 1) {// 1 不是素数也不是合数, 返回 falsereturn false} else {// 声明变量用于统计从1~根号下 num,之间 能被 num 整除的数的个数let count = 0;for(let i=1; i《=Math.sqrt(num); i++) {if(num%i === 0) {count++// 当发现在1~根号下 num 之间有超过1个数可以被 num 整除, 说明 num 一定不是素数,直接返回false, 后面的数不用判断了if(count 》1) {return false}}}// 因为素数只能被1和自身整除,// 那么从1~根号下 num 之间一定只有一个数(1)可以被 num 整除, 所以当 count 等于1时, 这个num 就是素数return count == 1}return false}

js定时器怎么解读 &&是并且吗alpha > 100 && (alpha =100);什么意思

Logical Operator(逻辑运算符)

&& (Logical AND)

如果第一个表达式可以被转换成 false,则返回第一个表达式,否则返回第二个表达式

(Logical OR )

如果第一个表达式可以被转换成 true,则返回第一个表达式,否则返回第二个表达式

因为逻辑表达式都是从左到右解析的,所以他们实现了一个规则叫短路求值(Short-Circuit Evaluation).

doSomething() && doSomethingElse() 相当于 下面代码:

if( doSomething() ) {    doSomethingElst();}

doSomething() || doSomethingElst() 相当于:

if( !doSomething() ) {    doSomethingElse();}

 在你这个案例中, alpha 》 100 && ( alpha = 100 ); 就相当于:

if( alpha 》 100 ) {    alpha = 100;}

同时,因为 && 前后必须是表达式,alpha = 100 并不是表达式,所以需要加括号。

使用原生JS操作网页的几个例子

原生js操作网页

emmm

  1. 添加网页元素

  2. 移除网页元素

代码

《!DOCTYPE html》《html lang=“en“》《head》    《meta charset=“UTF-8“》    《title》Title《/title》《/head》《style》    div{        border: 1px solid black;        width: 100px;        height: 100px;        text-align: center;    }《/style》《body》《div》div1《/div》《div》div2《/div》《script》    var div = document.createElement(“div“);    div.innerText = “这是使用js添加的元素“;    //添加一个div元素 document.body.appendChild(div);    alert(“3秒后移除div1“);    //移除html元素 setTimeout(function () {        var divList = document.getElementsByTagName(“div“);        divList.remove();    },3000);《/script》《/body》《/html》

这两个很基础,其实所有其他js库(jquery之类的)能做的事情原生js都能做。

js案例100讲解(JS基于面向对象实现的拖拽库实例)

本文编辑:admin

更多文章:


网络聊天室的设计与实现(我想要做一个网络聊天室,不知道怎么开始做)

网络聊天室的设计与实现(我想要做一个网络聊天室,不知道怎么开始做)

本文目录我想要做一个网络聊天室,不知道怎么开始做如何设计一个聊天服务程序最难解决的问题是什么计算机在职研究生 毕业论文选题,有那些学校的我想要做一个网络聊天室,不知道怎么开始做1.首先你要进一步明确你要做什么?网络聊天室,是网页聊天?电脑软

2023年9月10日 13:40

css实现半透明玻璃(图片半透明效果如何用CSS实现)

css实现半透明玻璃(图片半透明效果如何用CSS实现)

本文目录图片半透明效果如何用CSS实现CSS实例:如何用CSS实现背景半透明可以用CSS直接写出把背景弄成半透明的效果吗请问各位大神,CSS如何做这种像(1)玻璃透明的效果,(2)这种凹进去的黑色风格阴影分割线!谢谢了!图片半透明效果如何用

2024年6月10日 05:10

linux运维越老越吃香(Linux 运维有发展前途吗)

linux运维越老越吃香(Linux 运维有发展前途吗)

大家好,今天小编来为大家解答以下的问题,关于linux运维越老越吃香,Linux 运维有发展前途吗这个很多人还不知道,现在让我们一起来看看吧!本文目录Linux 运维有发展前途吗老男孩linux运维培训怎么样linux运维与php网站开发哪

2024年7月23日 18:15

通讯录管理系统c语言课程设计(用c语言编写一个通讯录管理系统)

通讯录管理系统c语言课程设计(用c语言编写一个通讯录管理系统)

本文目录用c语言编写一个通讯录管理系统通讯录管理 C语言课程设计C语言程序设计,通讯录管理系统用c语言编写一个通讯录管理系统#include 《cstdio》#include 《cmath》#include 《cstring》#inclu

2024年6月29日 00:21

html表格输入(HTML表单的输入)

html表格输入(HTML表单的输入)

本文目录HTML表单的输入html制作的表格怎样使其完成后可以输入内容html中怎么设置表格单元格为可输入框怎样在HTML表格中输入 (空格)后,如何在表格中显示出来html制作的表格,怎样使其完成后可以输入内容HTML表单的输入多数情况下

2024年7月22日 22:15

discuz类论坛帖子下载(discuz类似的论坛)

discuz类论坛帖子下载(discuz类似的论坛)

本文目录discuz类似的论坛如何下载论坛的版块所有帖子DISCUZ怎样导出论坛里所发表的贴子求助discuz大神 解答下 发布帖子的时候下载连接问题discuz如何导出与导入帖子discuz 请教下论坛的帖子内容页面文件在ftp下是哪个D

2024年6月19日 01:17

免费的字体边框样式下载(photoshop如何做边框图片,photoshop的字体可以从哪里下载)

免费的字体边框样式下载(photoshop如何做边框图片,photoshop的字体可以从哪里下载)

本文目录photoshop如何做边框图片,photoshop的字体可以从哪里下载哪里能下载到光影魔术手的字体和边框有PS或者CDR大神知道类似这种字体边框(注意是边框)怎么做的看着有点立体感的,跪求!!photoshop如何做边框图片,ph

2024年6月28日 00:26

dede模板哪里好(我想给自己的网站换模板,但我的是dedecmsv5.7版本的,到哪里去找个合适的模板,要以图片为主,就像那些卖)

dede模板哪里好(我想给自己的网站换模板,但我的是dedecmsv5.7版本的,到哪里去找个合适的模板,要以图片为主,就像那些卖)

本文目录我想给自己的网站换模板,但我的是dedecmsv5.7版本的,到哪里去找个合适的模板,要以图片为主,就像那些卖dede哪里有比较好的比较有利于seo的模板哪里有可用的免费的dedecms模板、wordpress的插件模板跪求dede

2024年7月6日 16:11

什么情况下用函数指针(什么情况下是必须使用指针的请举一两个例子)

什么情况下用函数指针(什么情况下是必须使用指针的请举一两个例子)

本篇文章给大家谈谈什么情况下用函数指针,以及什么情况下是必须使用指针的请举一两个例子对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。本文目录什么情况

2024年7月29日 16:35

后端运营岗是做什么的(什么是前端,中端,后端营运)

后端运营岗是做什么的(什么是前端,中端,后端营运)

本文目录什么是前端,中端,后端营运谁知道淘宝后台运营主要做什么详细点网络主播后台运营是做什么的海通证券后台运营做什么的运营岗位是做什么的运营岗是做什么的基金机构销售后台运营岗是做什么的【分享】运营到底是个什么岗什么是前端,中端,后端营运网站

2024年7月16日 07:58

当前无法进入匹配序列(dota2组队显示当前时间无法进入匹配队列)

当前无法进入匹配序列(dota2组队显示当前时间无法进入匹配队列)

本文目录dota2组队显示当前时间无法进入匹配队列王者无法匹配是怎么回事dota2组队显示当前时间无法进入匹配队列这是个bug,如果是在网吧的话就重启游戏,还不行就重启电脑,再不行就换机,如果还不行就没办法了。你单开可以的话说明是你朋友的问

2024年5月31日 21:46

dhtml的动态内容的作用是(如何用DHTML语言编制网页)

dhtml的动态内容的作用是(如何用DHTML语言编制网页)

大家好,dhtml的动态内容的作用是相信很多的网友都不是很明白,包括如何用DHTML语言编制网页也是一样,不过没有关系,接下来就来为大家分享关于dhtml的动态内容的作用是和如何用DHTML语言编制网页的一些知识点,大家可以关注收藏,免得下

2024年9月9日 07:40

later是什么意思中文(later什么意思)

later是什么意思中文(later什么意思)

本篇文章给大家谈谈later是什么意思中文,以及later什么意思对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。本文目录later什么意思late

2024年7月19日 16:50

手机代码编程(如何用手机编程)

手机代码编程(如何用手机编程)

本文目录如何用手机编程手机能编程吗手机上怎么编程手机如何编程手机如何编程序如何在手机上编程并运行手机上怎么编程序如何用手机编程这里介绍3种可以在手机上编程的app,分别是c语言编译器(c语言)、AIDE集成开发环境(java)、QPytho

2024年7月6日 09:12

androidbc(bc8android如何调亮屏幕)

androidbc(bc8android如何调亮屏幕)

各位老铁们好,相信很多人对androidbc都不是特别的了解,因此呢,今天就来为大家分享下关于androidbc以及bc8android如何调亮屏幕的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!本文目录bc8andro

2024年8月18日 00:30

html表格插入图片(html <table>中建立的表格里面不能用加图片吗能的话,怎么加)

html表格插入图片(html <table>中建立的表格里面不能用加图片吗能的话,怎么加)

本文目录html 中建立的表格里面不能用加图片吗能的话,怎么加怎样在HTML表格里同时插入图片和字.体关于HTML表格中插入背景图片的问题用html代码写的网页的表格里可以放图片吗代码怎么写在html中,在2行2列的表格中插入四张图片的代码

2024年7月11日 17:12

免费网站黄石(湖北黄石2014事业单位考试报名网址)

免费网站黄石(湖北黄石2014事业单位考试报名网址)

本文目录湖北黄石2014事业单位考试报名网址黄石安全教育平台登录,黄石市学校安全教育平台网址登陆入口2019年湖北黄石高中学业水平合格性考试报名网站网址黄石招标网介绍黄石同城指南网的网站栏目黄石社保查询网站是什么黄石电视剧哪里看湖北黄石20

2024年6月17日 01:35

online是啥意思(Online是什么意思)

online是啥意思(Online是什么意思)

本文目录Online是什么意思OnLine的中文意思是什么online 是什么意思游戏里面的Online是什么意思呢online是什么意思Online是什么意思on就是在……上面的意思,line就是线的意思,所以online就是线上的意思,

2024年7月14日 18:57

kitchen的正确发音(kitchen 的英语读法)

kitchen的正确发音(kitchen 的英语读法)

本文目录kitchen 的英语读法kitchen用中文怎么读kitchen怎么读 英语单词kitchen的正确发音kitchen和lunch的发音一样吗厨房用英语怎么读kitchen英文kitchen 的英语读法kitchen 英 n.

2024年6月30日 12:51

laptop显卡(惠普pavilion laptop 15 显卡MX250多少钱)

laptop显卡(惠普pavilion laptop 15 显卡MX250多少钱)

本文目录惠普pavilion laptop 15 显卡MX250多少钱GeForce RTX 3060 Laptop GPU是什么产品家族的rtx3060laptop什么意思显卡“laptop”和“m”的性能有哪些不同3060laptop和

2023年7月5日 10:40

近期文章

本站热文

iphone vpn设置(ios设置vpn快捷开关)
2024-07-22 15:01:12 浏览:2334
windows12正式版下载(操作系统Windows Server 2012 R2,在哪能下载到,公司用的)
2024-07-20 17:26:53 浏览:1730
java安装教程(win10如何安装JAVA)
2024-07-19 19:55:49 浏览:1154
client mfc application未响应(每次进cf就提示client MFC Application未响应该怎么办啊!急急急)
2024-07-20 11:15:58 浏览:1151
标签列表

热门搜索