精华内容
下载资源
问答
  • 上下载了glove.6B的词向量 里面包含了100d常用英文单词的词向量 由于下载比较慢在这边分享一波 大概800+M
  • python2.xpython3.x不一样的地方

    千次阅读 2019-11-25 23:36:20
    在python3中,FalseTrue是真正的保留字,而不是被定义在内置模块的名字空间(builtins)的名字。 TrueFalse在Python2中是两个全局变量,数值上对应10,既然是变量就可以被赋值,但这样容易造成混乱;故在Python...

    sort和sorted的变化
    python3中已经移除了cmp这个关键字参数
    在这里插入图片描述
    在这里插入图片描述
    生成器中的next函数的变化
    在这里插入图片描述
    在python3中,False和True是真正的保留字,而不是被定义在内置模块的名字空间(builtins)的名字。
    True和False在Python2中是两个全局变量,数值上对应1和0,既然是变量就可以被赋值,但这样容易造成混乱;故在Python3中 True和False变为两个关键字,永远指向两个固定对象,不允许被重新赋值。
    python2中:

    >>> True+=1
    >>> True
    2
    >>>
    

    python3中:

    >>> True+=1
      File "<stdin>", line 1
    SyntaxError: can't assign to keyword
    >>>
    

    nonlocal
    在Python2中可以在函数中使用global声明变量为全局变量,但是给一个变量声明为非局部变量是无法实现的。在Python3,新增了关键字nonlocal,使得定义非局部变量成为了可能。

    def func():
        c = 1
        def foo():
            c = 12
        foo()
        print(c)
    func()  #1
    
    def func():
        c = 1
        def foo():
            nonlocal c
            c = 12
        foo()
        print(c)
    func()  # 12
    
    

    python3舍弃了xrange,只有range了,而python2将两个都保留
    python2中,xrange得到的是一个生成器对象:

    >>> test1=range(5)
    >>> test1
    [0, 1, 2, 3, 4]
    >>> test2=xrange(5)
    >>> test2
    xrange(5)
    >>> type(test1),type(test2)
    (<type 'list'>, <type 'xrange'>)
    >>>
    

    python3中,range() 函数返回的是一个可迭代对象:

    >>> test1=range(5)
    >>> test1
    range(0, 5)
    >>> type(test1)
    <class 'range'>
    >>> test1=xrange(5)
    Traceback (most recent call last):
      File "<stdin>", line 1, in <module>
    NameError: name 'xrange' is not defined
    >>>
    

    迭代器 iterator 的 next()函数被 Python3 废弃,统一使用 next(iterator)
    字典变量的 has_key 函数被 Python 废弃,统一使用 in 关键词
    python2中:

    >>> test={'a':123,'b':321}
    >>> test.has_key('a')
    True
    

    python3中:

    >>> test={'a':123,'b':321}
    >>> test.has_key('a')
    True
    

    input和raw_input的区别
    input: python2中input需要用户指定输入的类型,以下代码体现了这点

    >>> x=input('>>:')
    >>:23
    >>> type(x)
    <type 'int'>
    >>> x=input('>>:')
    >>:'liyuanchao'
    >>> type(x)
    <type 'str'>
    >>>
    

    python2中的raw_input与python3中的input效果相同无须指定类型,均为字符型,python3中已经舍弃raw_input

    #在python2中有raw_input与python3的input是一个意思
    #特点是:把所有用户的输入都转成字符串类型
    #python2:
    username=raw_input('please input your name: ')
    print(username,type(username))
    
    
    #python3:
    #username=input('请输入你的用户名:')
    #print(username,type(username))
    

    Python 3.x print函数代替了print语句,与之类似的还有exec
    在 Python2.x 中,输出数据使用的是 Print 语句,例如:

    >>> print "3,4"
    3,4
    或者
    >>> print(3,4)
    (3,4)
    

    但是在 Python 3.x 中,print 语句没有了,取而代之的是 print 函数,例如:

    >>> print(3,4)
    3 4
    

    如果还像 Python 2.x 中那样使用 print 语句,Python 编译器就会报错,例如:

    >>> print "3,4"
      File "<stdin>", line 1
        print "3,4"
                  ^
    SyntaxError: Missing parentheses in call to 'print'
    

    Python 3.x 默认使用 UTF-8 编码

    相比 Python 2.x 默认采用的 ASCII 编码,Python 3.x 默认使用 UTF-8 编码,可以很好地支持中文或其它非英文字符。

    例如,输出一句中文,使用 Python 2.x 和 Python 3.x 的区别如下:

    #Python 2.x
    >>>str ="C语言中文网"
    >>>str
    'C\xe8\xaf\xad\xe8\xa8\x80\xe4\xb8\xad\xe6\x96\x87\xe7\xbd\x91'
    
    #Python 3.x
    >>>str ="C语言中文网"
    >>>str
    'C语言中文网'
    

    不仅如此,在 Python 3.x 中,下面的代码也是合法的:

    >>>中国="China"
    >>>print(中国)
    China
    

    Python 3.x 除法运算
    和其他语言相比,Python 的除法运算要高端很多,它的除法运算包含 2 个运算符,分别是 / 和 //,这 2 个运算符在 Python 2.x 和 Python 3.x 的使用方法如下:
    / 运算符
    在 Python 2.x 中,使用运算符 / 进行除法运算的方式和 Java、C 语言类似,整数相除的结果仍是一个整数,浮点数除法会保留小数点部分,例如:

    >>>1/2
    0
    >>>1.0/2
    0.5
    

    但是在 Python 3.x 中使用 / 运算符,整数之间做除法运算,结果也会是浮点数。例如:

    >>>1/2
    0.5
    
    >>> 1/2
    0.5
    >>> import math
    >>> 1/2
    0.5
    >>> math.ceil(1/2)
    1
    >>> math.floor(1/2)
    0
    >>>
    

    运算符 //
    使用运算符 // 进行的除法运算叫做 floor 除法,也就是输出不大于结果值的一个最大的整数(向下取整)。此运算符的用法在 Python 2.x 和Python 3.x 中是一样的,举个例子:

    #Python 2.x
    >>> -1//2
    -1
    
    #Python 3.x
    >>> -1//2
    -1
    

    Python 3.x 异常

    • 在 Python 3.x 版本中,异常处理改变的地方主要在以下几个方面:
    • 在 Python 2.x 版本中,所有类型的对象都是直接被抛出的,但是在 Python 3.x 版本中,只有继承 BaseException 的对象才可以被抛出。
    • 在 Python 2.x 版本中,捕获异常的语法是“except Exception,var:”;但在 Python 3.x 版本中,引入了 as 关键字,捕获异常的语法变更为 “except Exception as var:”。
    • 在 Python 3.x 版本中,处理异常用 “raise Exception(args)”代替了“raise Exception,args”。
    • Python 3.x 版本中,取消了异常类的序列行为和 .message 属性。

    有关 Python 2.x 版本和 Python 3.x 版本处理异常的示例代码如下所示:

    #Python 2.x
    >>> try:
    ...  raise TypeError,"类型错误"
    ... except TypeError,err:
    ...  print err.message
    ...
    类型错误
    
    #Python 3.x
    >>> try:
    ...     raise TypeError("类型错误")
    ... except TypeError as err:
    ...     print(err)
    ...
    类型错误
    

    Python 3.x 八进制字面量表示
    在 Python 3.x 中,表示八进制字面量的方式只有一种,并且必须写成“0o1000”这样的方式,原来“01000”的方式不能使用了。举个例子:

    #Python 2.x
    >>> 0o1000
    512
    >>> 01000
    512
    
    #Python 3.x
    >>> 01000
      File "<stdin>", line 1
        01000
            ^
    SyntaxError: invalid token
    >>> 0o1000
    512
    

    Python 3.x 不等于运算符
    Python 2.x 中的不等于运算符有 2 种写法,分别为 != 和 <>,但在 Python 3.x 中去掉了 <>,只有 != 这一种写法,例如:

    #Python 2.x
    >>> 1!=2
    True
    >>> 1<>2
    True
    
    #Python 3.x
    >>> 1!=2
    True
    >>> 1<>2
      File "<stdin>", line 1
        1<>2
          ^
    SyntaxError: invalid syntax
    

    Python 3.x 数据类型
    Python 3.x 中对数据类型也做了改动,比如说:

    • Python 3.x 去除了 long 类型,现在只有一种整形 int,但它的行为就像是 Python 2.x 版本中的 long。
    • Python 3.x 新增了 bytes 类型,对应 Python 2.x 版本的八位串,定义 bytes 字面量的方法如下所示:
    >>>b=b'China'
    >>>type(b)
    <type 'bytes'>
    

    字符串对象和 bytes 对象可以使用 .encode() 或者 .decode()方法相互转化,例如:

    >>>s=b.decode()
    >>>s
    'China'
    >>>b1=s.encode()
    >>>b1
    b'China'
    

    Python 3.x 中,字典的 keys()、items() 和 values() 方法用返回迭代器,且之前的 iterkeys() 等函数都被废弃。同时去掉的还有 dict.has_key(),改为用 in 替代。

    展开全文
  • DNS域名服务器114.114.114.1148.8.8.8

    万次阅读 2018-11-27 17:43:14
    DNS(Domain Name Server,域名服务器)是进行域名(domain name)与之相对应的IP地址 (IP address)转换的服务器。DNS中保存了一张域名(domain name)与之相对应的IP地址 (IP address)的表,以解析消息的域名。 ...

    一、DNS

    DNS(Domain Name Server,域名服务器)是进行域名(domain name)和与之相对应的IP地址 (IP address)转换的服务器。DNS中保存了一张域名(domain name)和与之相对应的IP地址 (IP address)的表,以解析消息的域名。 域名是Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。域名是由一串用点分隔的名字组成的,通常包含组织名,而且始终包括两到三个字母的后缀,以指明组织的类型或该域所在的国家或地区。

    目前国内上网用户普遍使用的是默认DNS服务器,即电信运营商的DNS服务,这带来一个巨大的风险,就是DNS劫持。目前国内电信运营商普遍采用DNS劫持的方法,干扰用户正常上网,例如,当用户访问一个不存在(或者被封)的网站,电信运营商就会把用户劫持到一个满屏都是广告的页面:电信114网站,这个114网站不仅搜索质量低劣,而且广告众多,极大的影响了用户上网的安全性和浏览体验。后来,电信运营商的胆子越来越大,甚至连Google的网站电信都敢劫持,这进一步证明了电信运营商的DNS服务可靠性是多么糟糕。

    普通用户要使用Google DNS非常简单,因为Google为他们的DNS服务器选择了两个非常简单易记的IP地址:“8.8.8.8”和“8.8.4.4”。用户只要在系统的网络设置中选择这两个地址为DNS服务器即可。

    Google提供的公共DNS服务与电信网通的不同,当用户输入一个错误的或者不存在的网址的时候,不会像中国电信一般直接弹出一个满屏都是广告的页面,Google公司承诺绝不会重定向或者过滤用户所访问的地址,而且绝无广告。

    1.解析过程

    要明白为什么域名解析需要这么长时间,就需要了解域名解析过程和DNS服务器的作用。

    互联网上的每一台电脑都被分配一个IP地址,数据的传输实际上是在不同IP地址之间进行的。包括我们在家上网时使用的电脑,在连上网以后也被分配一个IP地址,这个IP地址绝大部分情况下是动态的。也就是说你关掉调制解调器,再重新打开上网,你的上网接入商会随机分配一个新的IP地址。

    网站服务器本质上也是一台连上网的电脑,只不过配置上更适合作为服务器,并且放在数据中心,保持低温,低尘环境,同时有安全保卫。这些服务器使用固定IP地址连入互联网。

    一个域名解析到某一台服务器上,并且把网页文件放到这台服务器上,用户的电脑才知道去哪一台服务器获取这个域名的网页信息。这是通过域名服务器来实现的。

    域名服务器是英文Domain Name Server的缩写。每一个域名都至少要有两个DNS服务器,这样如果其中一个DNS服务器出现问题,另外一个也可以返回关于这个域名的数据。DNS服务器也可以有两个以上,但所有这些DNS服务器上的DNS记录都应该是相同的。

    在DNS服务器中保留有该域名的DNS记录,比如A记录,MX记录。A记录是用来指定主机名(或域名)对应的IP地址。MX记录用来解析域名邮件服务器。在很多情况下。

    当一个浏览者在浏览器地址框中打入某一个域名,或者从其他网站点击了链接来到了这个域名,浏览器向这个用户的上网接入商发出域名请求,接入商的DNS服务器要查询域名数据库,看这个域名的DNS服务器是什么。然后到DNS服务器中抓取DNS记录,也就是获取这个域名指向哪一个IP地址。在获得这个IP信息后,接入商的服务器就去这个IP地址所对应的服务器上抓取网页内容,然后传输给发出请求的浏览器。

    这个过程描述起来满复杂,但实际上不到一两秒钟就完成了。

    2.域名类型

     

    一是国际域名(international top-level domain-names,简称iTDs),也叫国际顶级域名。这也是使用最早也最广泛的域名。例如表示工商企业的 .com .top,表示网络提供商的.net,表示非盈利组织的.org等。

    二是国内域名,又称为国内顶级域名(national top-level domainnames,简称nTLDs),即按照国家的不同分配不同后缀,这些域名即为该国的国内顶级域名。200多个国家和地区都按照ISO3166国家代码分配了顶级域名,例如中国是cn,美国是us,日本是jp等。

    3.类型

     

    主域名服务器

    负责维护一个区域的所有域名信息,是特定的所有信息的权威信息源,数据可以修改。

    辅助域名服务器

    当主域名服务器出现故障、关闭或负载过重时,辅助域名服务器作为主域名服务器的备份提供域名解析服务。辅助域名服务器中的区域文件中的数据是从另外的一台主域名服务器中复制过来的,是不可以修改的。

    缓存域名服务器

    从某个远程服务器取得每次域名服务器的查询回答,一旦取得一个答案就将它放在高速缓存中,以后查询相同的信息就用高速缓存中的数据回答,缓存域名服务器不是权威的域名服务器,因为它提供的信息都是间接信息。

    转发域名服务器

    负责所有非本地域名的本地查询。转发域名服务器接到查询请求后,在其缓存中查找,如找不到就将请求依次转发到指定的域名服务器,直到查找到结果为止,否则返回无法映射的结果。

    二、两个纯净DNS

    1、114.114.114.114
      114.114.114.114是国内移动、电信和联通通用的DNS,手机和电脑端都可以使用,干净无广告,解析成功率相对来说更高,国内用户使用的比较多,而且速度相对快、稳定,是国内用户上网常用的DNS。

    2、8.8.8.8
      8.8.8.8是GOOGLE公司提供的DNS,该地址是全球通用的,相对来说,更适合国外以及访问国外网站的用户使用。

    三、如何合理选择DNS

        DNS对于网民来说,就跟灯塔和航海人员的道理是一样的,选择合理的DNS可以有效的帮助我们防止DNS劫持、提升上网速度等,那么,如何合理的选择DNS呢?

    1、选择本地干净的DNS


      目前世界上的大中型网站都是采用CDN做内容分发的,从而可以确保用户就近的接入、提升访问速度,不少的网站会使用DNS作为识别,因此,如果本人在北京,却选择了上海的DNS,就有可能会被网站认为是上海的用户而引导到上海的服务器上去。 
      不过所幸,现在的不少网站都根据IP地址来引导用户的。

    2、选择安全无毒、免费的DNS


      目前国内有不少的免费、安全而且无毒的DNS,常见的如百度提供的180.76.76.76、阿里提供的223.5.5.5和223.6.6.6、前文提到的114.114.114.114

    Linux下设置:

    echo nameserver 8.8.8.8 > /etc/resolv.conf
    
    echo nameserver 114.114.114.114 > /etc/resolv.conf

    这两行命令直接将8.8.8.8与114.114.114.114写入Linux的DNS客户端解析文件resolv.conf里。

    或者使用vi /etc/resolv.conf 进行直接添加和修改即可。

    展开全文
  • Three.js其它webgl框架

    万次阅读 多人点赞 2018-08-24 11:23:08
    WebGL (Web图形库) 是一种JavaScript API,用于在任何兼容的Web浏览器中呈现交互式3D2D图形,而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API,可以在HTML5 元素中使用。(MDN简介) 在我的...

    什么是WEBGL?

    WebGL (Web图形库) 是一种JavaScript API,用于在任何兼容的Web浏览器中呈现交互式3D和2D图形,而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API,可以在HTML5 元素中使用。(MDN简介)
    在我的理解,WebGL给我们提供了一系列的图形接口,能够让我们通过js去使用GPU来进行浏览器图形渲染的工具。

    什么是Three.js?

    Three.js是一款webGL框架,由于其易用性被广泛应用。Three.js在WebGL的api接口基础上,又进行的一层封装。它是由居住在西班牙巴塞罗那的程序员Ricardo Cabbello Miguel开发的,此人更出名的网名叫做Mr.doob。Three.js以简单、直观的方式封装了3D图形编程中常用的对象。Three.js在开发中使用了很多图形引擎的高级技巧,极大地提高了性能。另外,由于内置了很多常用对象和极易上手的工具,Three.js的功能也非常强大。最后,Three.js还是完全开源的,你可以在GitHub上找到它的源代码,并且有很多人贡献代码,帮助Mr.doob一起维护这个框架。

    WEBGL和Three.js的关系

    WebGL原生的api是一种非常低级的接口,而且还需要一些数学和图形学的相关技术。对于没有相关基础的人来说,入门真的很难,Three.js将入门的门槛降低了整整的一大截,对WebGL进行封装,简化我们创建三维动画场景的过程。只要你有一定的JavaScript的基础,有一定的前端经验,我坚信,用不了多长时间,三维制作会变得很简单。

    用最简单的一句话概括:WebGL和Three.js的关系,相当于JavaScript和Jquery的关系。

    功能概述:

    Three.js作为WebGL框架中的佼佼者,由于它的易用性和扩展性,使得它能够满足大部分的开发需求,Three.js的具体功能如下:

    1. Three.js掩盖了3D渲染的细节:Three.js将WebGL原生API的细节抽象化,将3D场景拆解为网格、材质和光源(即它内置了图形编程常用的一些对象种类)。
    2. 面向对象:开发者可以使用上层的JavaScript对象,而不是仅仅调用JavaScript函数。
    3. 功能非常丰富:Three.js除了封装了WebGL原始API之外,Three.js还包含了许多实用的内置对象,可以方便地应用于游戏开发、动画制作、幻灯片制作、髙分辨率模型和一些特殊的视觉效果制作。
    4. 速度很快:Three.js采用了3D图形最佳实践来保证在不失可用性的前提下,保持极高的性能。
    5. 支持交互:WebGL本身并不提供拾取(picking)功能(即是否知道鼠标正处于某个物体上)。而Three.js则固化了拾取支持,这就使得你可以轻松为你的应用添加交互功能。
    6. 包含数学库:Three.js拥有一个强大易用的数学库,你可以在其中进行矩阵、投影和矢量运算。
    7. 内置文件格式支持:你可以使用流行的3D建模软件导出文本格式的文件,然后使用Three.js加载;也可以使用Three.js自己的JSON格式或二进制格式。
    8. 扩展性很强:为Three.js添加新的特性或进行自定义优化是很容易的事情。如果你需要某个特殊的数据结构,那么只需要封装到Three.js即可。
    9. 支持HTML5 canvas:Three.js不但支持WebGL,而且还支持使用Canvas2D、Css3D和SVG进行渲染。在未兼容WebGL的环境中可以回退到其它的解决方案。

    缺点:

    虽然Three.js的优势很大,但是它也有它的不足之处:

    1. 官网文档非常粗糙,对于新手极度不友好。
    2. 国内的相关资源匮乏。
    3. Three.js所有的资料都是以英文格式存在,对国内的朋友来说又提高了门槛。
    4. Three.js不是游戏引擎,一些游戏相关的功能没有封装在里面,如果需要相关的功能需要进行二次开发。

    Three.js与其他库的对比

    随着WebGL的迅速发展,相关的WebGL库也丰富起来,接下来列出几个比较火的WebGL库:

    与Babylon.js对比

    Babylon.JS是最好的JavaScript3D游戏引擎,它能创建专业级三维游戏。主要以游戏开发和易用性为主。与Three.js之间的对比:
    1. Three.js比较全面,而Babylon.js专注于游戏方面。
    2. Babylon.js提供了对碰撞检测、场景重力、面向游戏的照相机,Three.js本身不自带,需要依靠引入插件实现。
    3. 对于WebGL的封装,双方做的各有千秋,Three.js浅一些,好处是易于扩展,易于向更底层学习;Babylon.js深一些,好处是易用扩展难度大一些。
    4. Three.js的发展是依靠社区推动,出来的比较早,发展比较成熟,Babylon.js是由微软公司在2013推出,文档和社区都比较健全,国内还不怎么火。

    与PlayCanvas对比

    PlayCanvas是一个基于WebGL游戏引擎的企业级开源JavaScript框架,它有许多的开发工具能帮你快速创建3D游戏。与Three.js之间的对比:

    1. PlayCanvas的优势在于它有云端的在线可视化编辑工具。
    2. PlayCanvas的扩展性不如Three.js。
    3. 最主要是PlayCanvas不完全开源,还商业付费。

    Cesium

    Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎,支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域。与Three.js对比:

    1. Cesium是一个地图引擎,专注于Gis,相关项目推荐使用它,其它项目还是算了。
    2. 在于库的扩展,其它的配套的插件,以及周边的资源都不及Three.js。

    总结

    通过以上信息我们发现,Three.js在其库的扩展性,易用性以及功能方面有很好的优势。学习Three.js入门3D开发不但门槛低,而且学习曲线不会太陡,即使以后转向WebGL原生开发,也能通过Three.js学习到很多有用的知识。
    现在最火的微信小游戏跳一跳也是在Three.js的基础上开发出来的。所以,Three.js是我们必须要学的WebGL框架。

    入门前准备

    浏览器兼容

    Three.js可以使用WebGL在所有现代浏览器上渲染场景。对于旧版浏览器,尤其是Internet Explorer 10及更低版本,您可能需要回退到其他渲染器(CSS2DRenderer,CSS3DRenderer,SVGRenderer,CanvasRenderer)。

    注意:如果您不需要支持这些旧版浏览器,则不推荐使用其他渲染器,因为它们速度较慢并且支持的功能比WebGLRenderer更少。

    支持的浏览器版本

    Google Chrome 9+,Firefox 4+,Opera 15+,Safari 5.1+,Internet Explorer 11和Microsoft Edge

    开发工具

    Three.js是一个JavaScript库,所以,我们不需要搭建复杂的开发环境,只需要有一个可以编辑JavaScript的编辑器和支持Three.js的浏览器就可以使用Three.js来创建WebGL应用。在这里推荐两款编辑器,之所以在这里只推荐这两款编辑器,因为这两款服务器自带Web服务,不需要我们再搭建复杂的Web服务进行开发

    • WebStorm:WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
      官网:https://www.jetbrains.com/webstorm/

    • HBuilder:HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。它是国产的最好用的编辑器。
      它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。
      快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。
      官网:http://www.dcloud.io/

    虽然现在浏览器基本上都已经支持Three.js,但是我还是推荐使用google的Chrome浏览器或者Mozilla的Firefox(火狐浏览器)。当然,性能最好的还是Chrome浏览器,本课程所有代码都使用Chrome浏览器进行测试。

    源码获取

    Three.js(当前版本为r92)提供了几种源码获取方式,在这里我介绍几种比较简单的方式。
    - 第一种,使用 BootCDN 提供的免费 CDN 加速服务(同时支持 http 和 https 协议),直接引入方式为:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset=utf-8>
            <title>我的第一个Three.js案例</title>
            <style>
                body { margin: 0; }
                canvas { width: 100%; height: 100% }
            </style>
        </head>
        <body>
            <script src="https://cdn.bootcss.com/three.js/92/three.js"></script>
            <script>
                // 在这里书写你的js代码
            </script>
        </body>
    </html>

    如果需要更新代码,可以去网址http://www.bootcdn.cn/three.js/查找最新版本地址引入即可。

    • 第二种,直接前往官网https://threejs.org/页面:
      enter image description here
      点击下载链接即可下载当前最新版本的代码及相关案例,文件下载解压下来以后是这样的:
      enter image description here
      其中相关文件夹的内容是:
    build - 里面含有Three.js的整合出来的js文件,可以直接引入使用,并有压缩版
    docs - Three.js 的官方文档
    editor - Three.js的一个网页版的模型编辑器
    examples - Three.js的官方案例,如果全都学会,必将成为大神
    src - 这里面放置的全是编译Three.js的源文件
    test - 一些官方测试代码,我们一般用不到
    utils - 一些相关插件
    其他 - 开发环境搭建、开发所需要的文件,如果不对Three.js进行二次开发,用不到。

    helloWorld

    前面说了这么多,准备了这么多,最后,放上我们的第一个案例吧。由此来打开学习Three.js 的大门:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset=utf-8>
        <title>我的第一个Three.js案例</title>
        <style>
            body {
                margin: 0;
            }
    
            canvas {
                width: 100%;
                height: 100%;
                display: block;
            }
        </style>
    </head>
    <body onload="init()">
    <script src="https://cdn.bootcss.com/three.js/92/three.js"></script>
    <script>
        //声明一些全局变量
        var renderer, camera, scene, geometry, material, mesh;
    
        //初始化渲染器
        function initRenderer() {
            renderer = new THREE.WebGLRenderer(); //实例化渲染器
            renderer.setSize(window.innerWidth, window.innerHeight); //设置宽和高
            document.body.appendChild(renderer.domElement); //添加到dom
        }
    
        //初始化场景
        function initScene() {
            scene = new THREE.Scene(); //实例化场景
        }
    
        //初始化相机
        function initCamera() {
            camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 200); //实例化相机
            camera.position.set(0, 0, 15);
        }
    
        //创建模型
        function initMesh() {
            geometry = new THREE.BoxGeometry( 2, 2, 2 ); //创建几何体
            material = new THREE.MeshNormalMaterial(); //创建材质
    
            mesh = new THREE.Mesh( geometry, material ); //创建网格
            scene.add( mesh ); //将网格添加到场景
        }
    
        //运行动画
        function animate() {
            requestAnimationFrame(animate); //循环调用函数
    
            mesh.rotation.x += 0.01; //每帧网格模型的沿x轴旋转0.01弧度
            mesh.rotation.y += 0.02; //每帧网格模型的沿y轴旋转0.02弧度
    
            renderer.render( scene, camera ); //渲染界面
        }
    
        //初始化函数,页面加载完成是调用
        function init() {
            initRenderer();
            initScene();
            initCamera();
            initMesh();
    
            animate();
        }
    </script>
    </body>
    </html>

    请将上面的代码复制的html文件中,然后使用浏览器打开,我们就会发现下面的效果:
    效果图
    下一节我们将仔细的分析案例的实现。

    展开全文
  • java.sql.Datejava.util.Date区别及使用

    万次阅读 多人点赞 2017-09-17 17:17:39
    在项目中使用碰到的问题,主要是两者日期格式转换的问题 首先,查看api,java.sql.Date是java.util.Date的子类 可见这三个类都是java.utl.Date的子类。 而这三个类都是对应与jdbc处理日期格式的类...

    在项目中使用碰到的问题,主要是两者日期格式和转换的问题


    首先,查看api,java.sql.Date是java.util.Date的子类



    可见这三个类都是java.utl.Date的子类。

    而这三个类都是对应与jdbc处理日期格式的类,有着 不同的日期精度和格式,更加详细内容参考jdk就好

    详细查看java.sql.Date类:

    一个包装了毫秒值的瘦包装器 (thin wrapper),它允许 JDBC 将毫秒值标识为 SQL DATE 值。毫秒值表示自 1970 年 1 月 1 日 00:00:00 GMT 以来经过的毫秒数。

    为了与 SQL DATE 的定义一致,由 java.sql.Date 实例包装的毫秒值必须通过将小时、分钟、秒和毫秒设置为与该实例相关的特定时区中的零来“规范化”。


    以上是英文文档翻译过来的。


    简要的说:


    日期格式

    “规范化”的java.sql.Date只包含年月日信息,时分秒毫秒都会清零。格式类似:YYYY-MM-DD。当我们调用ResultSet的getDate()方法来获得返回值时,java程序会参照"规范"的java.sql.Date来格式化数据库中的数值。因此,如果数据库中存在的非规范化部分的信息将会被截取

    也就是说,如果你是 2017-09-17 15:15:25 这样的时间点存取数据,那么存在数据库中的值就是:2017-09-17 00:00:00


    类型转换

    那么如果把java.sql.Date值通过PrepareStatement的setDate方法存入数据库时,java程序会对传入的java.sql.Date规范化,非规范化的部分将会被劫取。然而,我们java.sql.Date一般由java.util.Date转换过来,如:java.sql.Date sqlDate=new java.sql.Date(new java.util.Date().getTime()).
    显然,这样转换过来的java.sql.Date往往不是一个规范的java.sql.Date.要保存java.util.Date的精确值,
    我们需要利用java.sql.Timestamp.



    java.util.Date 与 java.sql.Date的转换:


    假若sqltime是java.sql.Date类型对象、utiltime是java.util.Date类型对象


    java.util.Date 转 java.sql.Date:

    这也就是下转型,需要造型,但是由于时间格式不一样,需要以毫秒的形式进行转换:

    java.sql.Date s = new java.sql.Date(util.getTime());


    java.sql.Date 转 java.util.Date:

    这是上转型,会自动转换:

    java.util.Date u = sqltime;


    也如:

    java.sql.Date s = new java.sql.Date(new Date().getTime());
    
    java.util.Date u = s;

    注意,new Date();是java.util.Date类型



    展开全文
  • IDEA中的.iml文件.idea文件夹

    万次阅读 多人点赞 2018-05-22 17:51:37
    初次使用IDEA,创建一个maven工程,发现在目录结构中产生了两个不一样的东西——.iml文件.idea文件夹。非常好奇,所以立刻上网查找了这两个东西的信息。iml是 intellij idea的工程配置文件,里面是当前project的...
  • 关于“.bash_profile”“.bashrc”区别的总结

    万次阅读 多人点赞 2018-03-28 16:45:24
    ~/.bash_profile会显式调用~/.bashrc文件,而~/.bashrc又会显式调用/etc/bashrc文件,这是为了让所有交互式界面看起来一样。无论你是从远程登录(登陆shell),还是从图形界面打开终端(非登陆shell),你都拥有相同...
  • 英文论文中i.e.,e.g.,etc.的正确用法

    千次阅读 2017-12-27 19:37:34
    * 最好在括号中使用它们,就像上面四句例句一样。 总的来说,这两个缩写只在专业的书面语中使用,口语中是从来不用的。所以要是你实在搞不清楚,那就索性不要用它们,用简单的“for example”“that is”代替就...
  • 但是大神不一样,人家是硕士哦,英文杠杠的,但是自己心里也想看看,所以就让大神把这些文档发我了一下,具体文档介绍 Algorithms 4th Edition.pdf 算法的4版 DISTRIBUTED SYSTEMS Concepts and Design 5th Edition....
  • MXNet如何生成.lst文件.rec文件

    万次阅读 热门讨论 2017-10-19 08:07:47
    MXNet框架用于做图像相关的项目时,读取图像主要有两种方式:第一种是读.rec格式的文件,类似Caffe框架中LMDB,优点是.rec文件比较稳定,移植到别的电脑上也能复现,缺点是占空间(.rec文件的大小基本上图像的存储...
  • Three.js 基础入门

    万次阅读 多人点赞 2018-07-01 03:45:55
    近些年,浏览器的功能越来越强大,渐渐得成为了复杂应用图形的平台。同时,现有大多数浏览器实现了对 WebGL 的支持,但要直接使用 WebGL 相关接口进行开发,则需要学习复杂的着色器语言,且开发周期长,不利于项目...
  • Java 并发工具包 java.util.concurrent 用户指南

    万次阅读 多人点赞 2015-03-03 09:40:29
    它使用了类 java.util.PriorityQueue 一样的排序规则。你无法向这个队列中插入 null 值。 所有插入到 PriorityBlockingQueue 的元素必须实现 java.lang.Comparable 接口。因此该队列中元素的排序就取决于你自己的 ...
  • A:System.out.println()System.out.print("\n")在啥情况下相等? Q:在Linux下相等,在盖茨那里就不相等了。
  • tf.estimator.train_and_evaluate 详解

    万次阅读 多人点赞 2018-11-13 19:48:53
    注意:chief worker 与其他 non-chief training worker 一样,也进行模型的训练 job。chief worker 除了进行模型训练,还管理一些其它 work(例如:checkpoint 保存、恢复,写入 summaries 等)。 non-chief ...
  • 为实现六面体各个面材质不一样上网看到好多个MeshFaceMaterials(materials)实现的,现在版本95该api给废弃了。 现在该功能给直接添加到Mesh()当中了 查看英文官网文档Mesh Mesh( geometry : Geometry, material...
  • 类型为FloatTensor 第二个参数为标签,为LongTensor类型 nn.BCELoss() 参考nn.BCELoss()的英文源码 计算公式如下: t[i]—— 表示样本i的label,正类为1,负类为0 o[i]—— 表示样本i预测为正的概率,是神经网络的...
  • 论文中的i.e.等简写

    千次阅读 2020-03-16 16:05:35
    英文论文写作中,经常会遇到常见的缩写,很容易搞混或写错。 e.g. etc. et al. i.e.都是拉丁文的缩写,但在现代科技文献中仍广为使用。 下面就来介绍一下这些缩写到底是什么意思,该怎么用: (1...
  • 深入理解 TORCH.NN

    万次阅读 多人点赞 2019-02-26 11:05:05
    本人英语学渣,如有错误请及时指出以便更正 pytorch提供了许多优雅的类模块帮助我们构建与训练网络,比如 torch.nn, torch.optim,Dataset等。为了充分利用这些模块的功能,灵活操作它们解决各种不同的问题,我们...
  • 母语为英语的作者所编写的词根,词缀专著,就像母语为汉语的作者讲解汉字的边旁部首一样详细,可以帮助你快速记住英文单词。
  • IntelliJ IDEA2019.1.2汉化包

    千次阅读 2019-05-24 17:18:18
    这个汉化包是自制的,翻译内容来自于以前版本的汉化包,所以翻译并不全面,少...安装方法跟以前的一样,将汉化包放进lib文件夹,将英文包移走(建议留着备用),重启idea就行。 有什么问题可以反馈,没有出啥大问...
  • NW.js之window篇(4)

    千次阅读 2018-09-20 14:54:17
    4.2 获取创建窗口 4.3 window对象属性方法 4.3.1 Window.window 4.3.2 Window.x/Window.y 4.3.3 Window.width/Window.height 4.3.4 Window.title 4.3.5 Window.menu 4.3.6 Window.isFullscreen...
  • 66 Three.js 导入blender生成的JSON文件

    千次阅读 2018-03-19 00:09:56
    Three.js库有一个Blender(以及Maya3D Studio Max)导出器,可以直接将文件导入为Three.js的JSON格式。这一节,我们一起学习一下如何配置Blender如何导出,以及在Three.js如何引入导出的JSON文件。 配置BLENDER...
  • 您可以像读取任何其他属性一样读取设置此值,它将更新模型中的正确字段。 大概意思就是你在models中定义的所有的类(看作数据库中的一张表),都会有一个主键id,你每创建一个对象,就像前面写的blog=Blog()一样...
  • 发布后看到的效果却不一样,谷歌和IE相近,360浏览器却相差甚远。尤其是客户端发布的内容在手机端看到的惨不忍睹。当然你也可以通过自己的程序处理。 编辑器的有序无序菜单配置,值留空时支持多语言自动识别,若...
  • Vue.js 框架的作者聊聊前端框架开发背后的故事 [zh-CN] MW S04E08 - Vue.js with Evan You and Sarah Drasner (04-27-2017) Request For Commits #12 - Crowdfunding Open Source (Vue.js) (06-15-2017) The Web ...
  • Three.js 中文文档在线演示实例

    万次阅读 多人点赞 2016-06-16 19:40:24
    Three.js是当下最流行的网页3D渲染JS引擎,其主要是对WebGL编程以面向对象方式进行的封装。...因此我们把Three.js的官方文档、示例我们的平台上已有资源整合起来,提供在线中文文档以及方便的调试学习环境。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 565,632
精华内容 226,252
关键字:

和..一样的英语