2019年01月_苏喂苏喂苏喂su

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 HTML5原生api -- 拖放

1、被拖放放的元素需要设置属性draggable为true，这是元素可被进行拖放的前提；2、被拖动时的事件属性（ondragstart），当元素被拖动的时候，事件里需要调用该方法：ev.dataTransfer.setData("Text",ev.target.id)；该方法的数据类型是“Text”，值是可拖动元素的id 。3、放到什么地方，ondragover事件属性规定在什么位置（什么...

2019-01-31 09:49:35 377

原创微信小程序swiper组件中的img自定义尺寸（自适应）

swiper组件里的image默认宽度320，高度200，这无法满足我们的需求，就需要我们自己修改尺寸和属性了，这里记录下自己的解决办法。首先给image的width设置为100%，此时图片的大小会根据屏幕宽度自动适应大小了。height默认为200，如果需要调整的话直接设置到合适的尺寸即可。另外还有一个属性很重要，就是mode属性，mode有13种模式，具体文档中有介绍，这里不再阐述；我是使用w...

2019-01-26 13:10:14 9592 3

原创 JavaScript 数据类型以及判断方法

js有7种内置类型其中：基本数据类型6个：string、number、Boolean、null、undefined、symbol（ES6新的原始数据类型，代表独一无二的值）引用类型1个：object但是引用类型又包含：array、function、object，这三个数据类型陈伟复杂的数据类型判断是否字符串：let a = "123";console.log(t...

2019-01-24 23:49:17 680

原创 three.js 加载obj+mtl时，添加点击事件，自适应页面大小

HTML部分：<!DOCTYPE html><html><head> <meta charset="gb2312"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv=&quot

2019-01-17 21:39:36 3003 1

原创 THREE.JS学习笔记五：场景添加天空盒子

创建天空盒子：var path = "img/"; //设置路径var format = '.jpg'; //设定格式var urls = [ path + 'newimg'+ format, // left ...

2019-01-16 21:48:50 1330

原创 JavaScript数组方法

对js数组方法做个总结和记录，也是方便日后忘记了好再次查询。在w3c里面，官方给出的数组方法共有30个之多，实际上在开发当中，我们常用的可能也就十多个，下面就把数组的方法写下来：1、concat()，连接两个或者更多的数组，并返回一个新的数组。let arr = [2, 3, 1, 9, 7, 5, 8, 22];let arr2 = ['这是arr2'];console.log...

2019-01-13 20:30:42 4477

原创原生js常用操作dom总结

美好的周末居然没有出去溜达～～～那就对上半年使用原生js开发项目时常用的操作DOM方法做个总结、记录DOM，我们可以理解为JavaScript访问、操作（新增元素、删除元素、修改元素、）HTML的一个接口。常用的DOM方法有：1、getElementById(id)，参数是string，获取带有制定id的元素；2、appendChild(node)，参数是对象，插入新的子节点；...

2019-01-12 23:11:16 457

原创 THREE.JS学习笔记四：材质

材质（Material）是独立于物体顶点信息之外的与渲染效果相关的属性。通过设置材质可以改变物体的颜色、纹理贴图、光照模式等。 1、基本材质（BasicMaterial）THREE.MeshLambertMaterial(opt)，opt 可以缺省，或者为包含各属性的值。如新建一个不透明度为 0.75 的黄色材质：new THREE.MeshBasicMaterial({ c...

2019-01-11 22:08:24 306

原创 THREE.JS学习笔记三：基本几何形状

立方体THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments)width 是 x 方向上的长度； height 是 y 方向上的长度； depth 是 z 方向上的长度；后三个参数分别是在三个方向上的分段数，如 widthSegments 为 3 的话，代表 x 方向上水...

2019-01-07 22:37:44 1122

原创 THREE.JS学习笔记二：照相机

我们使用 Three.js 创建的场景是三维的，而通常情况下显示屏是二维的，那么三维的场景如何显示到二维的显示屏上呢？照相机就是这样一个抽象，它定义了三维空间到二维屏幕的投影方式，用“照相机”这样一个类比，可以使我们直观地理解这一投影方式。照相机分正交投影和透视投影(图片来源于Three.js入门指南)(a)透视投影，(b)正交投影正交投影照相机（Orthographic ...

2019-01-05 01:12:02 1348

原创 THREE.JS学习笔记一：three.js中的对象

一个典型的 Three.js 程序至少包括渲染器（Renderer）、场景（Scene）、照相机（Camera），以及在场景中创建的物体。three.js中的一些重要对象：Cameras（照相机，控制投影方式）：CameraOrthographicCameraPerspectiveCameraCore（核心对象）：BufferGeometryClock（用来记录时...

2019-01-03 22:31:43 631