Three.js是当下最流行的网页3D渲染JS引擎，其主要是对WebGL编程以面向对象方式进行的封装。

但由于Three.js英文文档还在开发中（本身就比较简陋且有不少拷贝错误），而网络上Three.js方面的资料比较散乱且良莠不齐，部分中文文档翻译低级错误频出，

因此我们把Three.js的官方文档、示例和踏得网已有资源整合起来，提供在线中文文档（http://techbrood.com/threejs/docs）。

以及方便的调试学习环境。

（2020.10月更新）我们近期推出了基于Three.js的轻量级在线3D展示开发工具：Stone，通过该工具可以实现无编码、免下载构建3D沉浸式展示场景。欢迎试用和洽谈合作。



在踏得网2016HTML5动画中，有很多也是用Three.js所实现，供参考学习。

 

by iefreer

背景

在早期，我们说的MongoDB支持事务是指针对MongoDB的单文档级别，与我们MySQL等关系型数据库中的事务是不同的，那什么是单文档事务呢？

db.username.update({'name': 'helei'}, {$set: {'age': 26, 'score': 85}})

上述命令对username集合中，name为helei列的行进行更新，如果age更新为26，score由于宕机或其他原因导致更新失败，那么MongoDB则会回滚这一操作。

单文档ACID的实现

MongoDB在更新单个文档时，会对该文档加锁，而要理解MongoDB的锁机制，需要先了解以下几个概念：

1.Intent Lock， 意图锁表明读写方(reader-writer)意图针对更细粒度的资源进行读取或写入操作。例如：如果当某个集合被加了意向锁，那么说明读、写方意图针对该集合中的某个文档进行读或写的操作。

2.MGL多粒度锁机制(Multiple granularity locking )，有S锁（Shared lock）， IS锁(Intent Share lock), X锁（Exclusive lock)，IX锁(Intent Exclusive lock)

在上面的例子里，MongoDB会为name为helei的文档加上X锁，同时为包含该文档的集合，数据库和实例都加上意向写锁(IX)，这时，针对该文档的操作就保证了原子性。

MongoDB4.0中的多文档事务

多文档事务

MongoDB 4.0将增加对多文档事务的支持，通过snapshot隔离，事务提供全局一致的数据结果，并且执行要么全部成功，要么全部失败来保证数据完整性。

MongoDB4.0中的事务对于开发人员来讲将会和普通的关系型数据库一样方便，例如start_transaction和commit_transaction。启用多文档事务的MongoDB也不会影响机器的负载。在发布的MongoDB 4.0中，事务将率先在副本集上提供支持，而sharding架构中多文档事务也将在MongoDB4.2版本中实现。

在早期的MongoDB版本中，仅支持单文档事务，如果想使用多文档事务，需要依赖特别的数据建模才能够保证。而在MongoDB 4.0中，无论您如何为数据建模，都能够支持多文档事务。

下图展示了，在各个版本中新支持的核心特性：



代码案例

python：

with client.start_session() as s:
    s.start_transaction():
    try:
        collection.insert_one(doc1, session=s)
        collection.insert_one(doc2, session=s)
    except:
        s.abort_transaction()
        raise
    s.commit_transaction()

java：

try (ClientSession clientSession = client.startSession()) {
   clientSession.startTransaction();
   try {
       collection.insertOne(clientSession, docOne);
       collection.insertOne(clientSession, docTwo);
       clientSession.commitTransaction();
   } catch (Exception e) {
       clientSession.abortTransaction();
   }
}

 

2020年12月更新：

通过浏览器的 F12 开发者工具可以看到现在翻译后的内容是通过图片展示的，而之前是文字只是把复制功能禁用了而已，所以现在不管怎么处理也不能进行复制了。
这种情况下要想进行复制就需要使用图像识别功能了，有兴趣的可以看下

Python 技术篇-3 行代码搞定图像文字识别，pytesseract 库实现



【老版原文：右边是文字的，只是禁用了复制功能】
有道的文档翻译真的不错呢，不但翻译的好，排出的版也好看。

但是我们想下载的话需要付钱呢。
我发现了一般的浏览器即使设置了禁用脚本，还是不可以进行复制。

下面给大家展示我的破解方法。

喜欢的点个赞❤哦！
首先 ctrl+s 把文档保存到本地。



然后用ie浏览器打开，先来设置一下。

注： 一定要用 ie 浏览器，win10 的话用小娜一搜也能搜出来。

在 Internet 选项设置安全级别为高，这个设置就包括了禁用脚本。



然后 F5 刷新一下我们就发现了可以进行选中了。

注： 如果选中了还是没法复制可以在评论区找我，我还有更强力的抓取方法。



我 Ctrl+c 复制后，Ctrl+v 存到了记事本里。



喜欢的点个赞❤吧！

今天需要用到weui，这里记录一下开发文档地址
开发文档：http://old.jqweui.com/components
js文档： https://github.com/Tencent/weui.js/blob/master/docs/README.md
github： https://github.com/Tencent/weui.js
菜鸟教程：http://www.runoob.com/w3cnote/weui-for-weixin-web.html
效果展示： https://weui.io
这里简单介绍一下小程序如何引入weui及其简单的使用
使用步骤
1、在GitHub上https://github.com/weui/weui-wxss/下载程序代码，解压后可以看到如下目录：

2、我们只需要将weui-wxss-master\dist\style\weui.wxss文件导入到小程序项目的根目录下：

3、新建微信小程序项目，将weui.wxss文件导入到小程序项目的根目录下：


4、在项目中引用：在全局app.wxss中加入weui.wxss的引用- @import "weui.wxss";

5 根组件使用class=”page”
<view class="page"></view>

6 页面骨架
<view class="page">
	<view class="page__hd"></view><!--页头-->
	<view class="page__bd"></view><!--主体-->
	<view></view><!--未设置页脚-->
</view>

7 除此之外都是按照weui-开头后接组件名称，例如class=”weui-footer”
<view class="weui-footer">我是页脚</view>

8 组件的子组件样式，例如view.weui-footer组件还有链接和版权信息。
<view class="weui-footer">
<view class="weui-footer__links">
    <navigator url="" class="weui-footer__link">上海物联网科技有限公司</navigator>
</view>
<view class="weui-footer__text">Copyright © 程序媛专用</view>
</view>

9、具体组件在小程序中新建个项目，地址指向weui-wxss-master\dist，就可以随时查找自己要的效果，剩下的就是复制粘贴了，或者导入从github上下载代码中的实例使用，在项目中使用weui的样式如下：

示例代码：
<view class="page">
    <view class="page__hd">
        <view class="page__title">Button</view>
        <view class="page__desc">按钮，WeUI采用小程序原生的按钮为主体，加入一些间距的样式。</view>
    </view>
    
    <view class="page__bd page__bd_spacing">
        <button class="weui-btn" type="primary">页面主操作 Normal</button>
        <button class="weui-btn" type="primary" disabled="true">页面主操作 Disabled</button>

        <button class="weui-btn" type="default">页面次要操作 Normal</button>
        <button class="weui-btn" type="default" disabled="true">页面次要操作 Disabled</button>

        <button class="weui-btn" type="warn">警告类操作 Normal</button>
        <button class="weui-btn" type="warn" disabled="true">警告类操作 Disabled</button>

        <view class="button-sp-area">
            <button class="weui-btn" type="primary" plain="true">按钮</button>
            <button class="weui-btn" type="primary" disabled="true" plain="true">按钮</button>

            <button class="weui-btn" type="default" plain="true">按钮</button>
            <button class="weui-btn" type="default" disabled="true" plain="true">按钮</button>

            <button class="weui-btn mini-btn" type="primary" size="mini">按钮</button>
            <button class="weui-btn mini-btn" type="default" size="mini">按钮</button>
            <button class="weui-btn mini-btn" type="warn" size="mini">按钮</button>
        </view>
    </view>
</view>