position | 易学教程

简单的动画（梦幻西游）

阅读更多关于简单的动画（梦幻西游）

突然想起来前一段时间老师讲的动画特效，于是尝试自己写下 HTML层： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>梦幻西游</title> <style> *{ margin:0; padding:0; } body{ background: url("img/bj.jpg")no-repeat; } .box{ width:1000px; height:500px; margin:50px auto; position: relative; } /*.box .queen{ width:120px; height:180px; background: url("img/queen.png"); background-size: 100%; position: absolute; right:20px; top:50px; z-index: 99; cursor: pointer; }*/ .box .xiyouji{ width:100%; height:100%; position: absolute; left:0; top:0; padding-top:260px; box-sizing: border-box; } .box .xiyouji .div{ float: left

WebGL&Three.js工作原理

阅读更多关于 WebGL&Three.js工作原理

一、我们讲什么？我们讲两个东西： 1、WebGL背后的工作原理是什么？ 2、以Three.js为例，讲述框架在背后扮演什么样的角色？二、我们为什么要了解原理？我们假定你对WebGL已经有一定了解，或者用Three.js做过了一些东西，这个时候，你可能碰到了这样一些问题： 1、很多东西还是做不出来，甚至没有任何思路； 2、碰到bug无法解决，甚至没有方向； 3、性能出现问题，完全不知道如何去优化。这个时候，我们需要了解更多。三、先了解一个基础概念 1、什么是矩阵？简单说来，矩阵用于坐标变换，如下图： 2、那它具体是怎么变换的呢，如下图： 3、举个实例，将坐标平移2，如下图：如果这时候，你还是没有理解，没有关系，你只需要知道，矩阵用于坐标变换。四、WebGL的工作原理 4.1、WebGL API 在了解一门新技术前，我们都会先看看它的开发文档或者API。查看Canvas的绘图API，我们会发现它能画直线、矩形、圆、弧线、贝塞尔曲线。于是，我们看了看WebGL绘图API，发现：它只能会点、线、三角形？一定是我看错了。没有，你没看错。就算是这样一个复杂的模型，也是一个个三角形画出来的。 4.2、WebGL绘制流程简单说来，WebGL绘制过程包括以下三步： 1、获取顶点坐标 2、图元装配（即画出一个个三角形） 3、光栅化（生成片元，即一个个像素点）接下来

图解WebGL&Three.js工作原理

阅读更多关于图解WebGL&Three.js工作原理

“哥，你又来啦？” “是啊，我随便逛逛。” “别介啊……给我20分钟，成不？” “5分钟吧，我很忙的。” “不行， 20分钟，不然我真很难跟你讲清楚。” “好吧……” “行，那进来吧，咱好好聊聊” 一、我们讲什么？我们讲两个东西： 1、WebGL背后的工作原理是什么？ 2、以Three.js为例，讲述框架在背后扮演什么样的角色？二、我们为什么要了解原理？我们假定你对WebGL已经有一定了解，或者用Three.js做过了一些东西，这个时候，你可能碰到了这样一些问题： 1、很多东西还是做不出来，甚至没有任何思路； 2、碰到bug无法解决，甚至没有方向； 3、性能出现问题，完全不知道如何去优化。这个时候，我们需要了解更多。三、先了解一个基础概念 1、什么是矩阵？简单说来，矩阵用于坐标变换，如下图： 2、那它具体是怎么变换的呢，如下图： 3、举个实例，将坐标平移2，如下图：如果这时候，你还是没有理解，没有关系，你只需要知道，矩阵用于坐标变换。四、WebGL的工作原理 4.1、WebGL API 在了解一门新技术前，我们都会先看看它的开发文档或者API。查看Canvas的绘图API，我们会发现它能画直线、矩形、圆、弧线、贝塞尔曲线。于是，我们看了看WebGL绘图API，发现：它只能会点、线、三角形？一定是我看错了。没有，你没看错。就算是这样一个复杂的模型

PowerShell

阅读更多关于 PowerShell

PowerShell 目录 PowerShell概念起源与目的程式特性技术基础 PowerShell上手具体步骤范例最新版本常用开发工具展开编辑本段 PowerShell概念　　即开发代号为 Monad 的命令行外壳和脚本系统管理工具。 p o w e r s h e l l PowerShell是微软公司于2006年第四季度正式发布的. 它的出现标志着, 微软公司向服务器领域迈出了重要的一步, 拉近了与Unix, Linux等操作系统的距离. PowerShell的前身命名为Monad, 在2006年4月25日正式发布beta版时更名为PowerShell. 　　PowerShell是一款基于对象的shell, 建立在.Net框架之上, 目前支持.Net Framework 2.0. 能够运行在Windows XP SP2, Windows Vista, Windows 7,Windows 2003操作系统上. 能够同时支持WMI, COM, ADO.NET , ADSI等已有的Windows管理模型. 　　根据微软公司的计划, 2009年将会实现所有微软公司的GUI 管理工具通过PowerShell作为中间层对服务程序进行管理, 现阶段例如Exchange 2007等已经支持PowerShell的管理. 可以预期,

带几何特征的画布（canvas）

阅读更多关于带几何特征的画布（canvas）

带几何特征的画布（canvas）示例 CSS JS 示例 CSS @import "compass/css3" ; body { background-color : #1f9ede ; margin : 0 ; padding : 0 ; width : 100% ; height : 100% ; } * { margin : 0 ; padding : 0 ; width : 100% ; height : 100% ; } JS var _scene , _camera , _light , _renderer , _windowHalfX , _windowHalfY ; var _mouseX = _mouseY = 0 ; var _canvas ; var _textur ; var GRID_X = 32 ; var GRID_Y = 32 ; // init function var createWorld = function ( ) { //threejs - demo - https://threejs.org/examples/webgl_particles_random.html var ele = document . createElement ( 'div' ) ; document . body . appendChild ( ele ) ;

NIO 概述与通信实例

阅读更多关于 NIO 概述与通信实例

NIO 简述： NIO是在jdk1.4之后加入的一种基于缓冲区(buffer)和通道（channel）的I/O方式, nio是同步非阻塞的i/o模式，同步是指线程不断地轮询i/o事件，非阻塞是在处理i/o事件的同时，还可以去处理其它的事情。同步的核心是Selector(选择器)，代替的线程本身的轮询i/o事件，避免了阻塞同时线程的不必要消耗，非阻塞的核心就是通道和缓冲区，当有i/o事件就绪时，写入到缓冲区，保证i/o成功。而无需等待。为什么使用nio？使用nio是为了java程序员可以实现高速的i/o操作，不用编写自定义的本机代码。nio将最耗时的i/o操作转回到操作系统，因而提交了效率。 NIO 通道缓冲区：通道可以被异步读写，通道始终读写缓冲区。 channel ——> buffer buffer ——> channel 数据可以从通道读取到缓冲区，也可以是冲缓冲区读取到通道。 Channel有很多种实现： FileChannel 从文件中读取数据 DataGramChannel 通过udp连接在网络中读取数据 SocketChannel 能通过socket连接在网络中读取数据 ServerSocketChannel 可以监听新进来的tcp连接 Buffer 的实现： byteBuffer charBuffer longBuffer DoubleBuffer ..

RecyclerView使用解析

阅读更多关于 RecyclerView使用解析

0.RecyclerView的特性 1.LayoutManager类 2.Adapter类 3.ViewHolder类 4.配置不同的LayoutManager 5.为item配置点击事件 6.RecyclerView中插入和删除数据 . . . 0.RecyclerView的特性：灵活可以配置可以自定义并且可以重复使用的Item 高度解耦 . . 1.LayoutManager类： LayoutManager类是一个抽象类，安卓给我们提供了三个它的实现类供我们使用： 1.1LinearLayoutManager: 线性布局管理器。 LinearLayoutManager给我们提供了一些API让我们可以对展示效果进行更丰富的操作。 1.2GridLayoutManager: 网格布局管理器我们可以在它的构造方法中传入它的列数。 1.3StaggeredGridLayoutManager: 瀑布流布局管理器宽度相同高度不同的ItemView。确定RecyclerView的样式，是线性的，网格的还是瀑布流的。 2.Adapter类用来处理视图和数据之间的关系，一般情况下和 ViewHolder 搭配使用。每个Adapter都必须继承自RecyclerView.Adapter.并实现三个方法： **onCreateViewHolder:**创建ViewHolder并返回 /

顺序表操作集

阅读更多关于顺序表操作集

本题要求实现顺序表的操作集。函数接口定义： List MakeEmpty ( ) ; Position Find ( List L , ElementType X ) ; bool Insert ( List L , ElementType X , Position P ) ; bool Delete ( List L , Position P ) ; 其中List结构定义如下： typedef int Position ; typedef struct LNode * List ; struct LNode { ElementType Data [ MAXSIZE ] ; Position Last ; /* 保存线性表中最后一个元素的位置 */ } ; 各个操作函数的定义为： List MakeEmpty()：创建并返回一个空的线性表； Position Find( List L, ElementType X )：返回线性表中X的位置。若找不到则返回ERROR； bool Insert( List L, ElementType X, Position P )：将X插入在位置P并返回true。若空间已满，则打印“FULL”并返回false；如果参数P指向非法位置，则打印“ILLEGAL POSITION”并返回false； bool Delete( List L,

百度知道页面的横幅轮播图布局（html+css布局，无轮播效果）

阅读更多关于百度知道页面的横幅轮播图布局（html+css布局，无轮播效果）

步骤：首先设置全屏背景（ position: absolute; 和 width: 100%; height: 100%; 实现全屏）；接着定义一个包装div，用来调整该部分在布局中的垂直位置（由于没其他内容，什么header等，我就用margin-top来使其挪动到大概位置）然后再定义一个包裹内容的容器，设宽后设置 margin: 0 auto; 使其居中；接着里面放两个div，一个供图片显示，一个供右面的提问问答部分（粉色区域父元素，因为未定义高的值，所以被撑开）；因为大家都是块级，所以红色和绿色不共行，得用float或者position来挪位：（虽然 inline-block 也行，但不推荐，这里是包装层，不是内容层。） ①【使用 float: ; 浮动属性来调整，但是记得要在父元素就得添加万能清除类： clearfix 】 ②【使用 position: absolute; 配合 top:; 和 right:; 来定位，相对的，父元素就要设置 position: relative; 因为absolute必须参考定位元素来定位，你父元素不设置，它就以更外层含定位属性的父元素来定位，也就跑位了。】再来添加一个专门存放图片集的容器，这个容器可以很大（当然，你最好是图片排一行算上间隙加起来的总宽长，否则你图片都放完了，你不空了很大部分没有图吗），原理最后总结会说【易懂

[论文理解] How much position information do convolutional neural network encode?

阅读更多关于 [论文理解] How much position information do convolutional neural network encode?

How much position information do convolutional neural network encode? Intro 文章是ICML2020的一个工作，探究了CNN到底有没有编码位置信息，这些位置信息在哪些神经元中被编码、这些位置信息又是如何被暴露给神经网络学习的。文章通过大量实验表明，CNN不仅可以编码位置信息，而且越深的层所包含的位置信息越多(而往往越深的层解释性越差，浅层学习到的形状、边缘等比较容易解释)，而位置信息是通过zero-padding透露的，显然，图像边缘的zero-padding暗示了图像的边界，这就让具有平移不变性的神经网络不仅能利用不变性对一张图中不同位置的物体进行分类，还能利用zero-padding带来的位置信息，编码物体所在图像中的位置，而这一点在显著性目标检测和语义分割等任务中是非常有用的。 Position information in CNNs 首先通过下面一张图说明问题是怎么来的：上图是三组显显著性区域的heatmap可视化结果，在每一组实验中，如果给定左边的图，显著性区域是偏中间的，而把图片右边crop掉(每组的右边的图)，发现显著性区域有了变换，shift到了对应crop图的中心。显著性区域一般都是在图像中间的，所以可以简单得出一个结论，CNN学习到了哪里是输入图像的中间

订阅 position