摘要: 文章适用threejs开发入门阶段。 本文阅读前请先掌握好相机、场景、渲染器的基本用法。 一、立方体 例子: 二、平面 例子: 三、球体 例子: 四、圆形 例子: 五、圆柱体 例子: 六、正四面体、正八面体、正二十面体 例子: 七、圆环面 例子: 八、圆环结 例子: 九、文字形状 使用文字形状需要先 阅读全文
posted @ 2018-12-27 09:44 木章 阅读(4407) 评论(0) 推荐(0) 编辑
摘要: 错误原因:Chrome的autoplay政策在2018年4月做了更改。 解决办法: 第一步,在chrome浏览器中输入:chrome://flags/#autoplay-policy 第二步,在Autoplay policy中将Default改为No user gesture is required 阅读全文
posted @ 2018-12-19 14:05 木章 阅读(3871) 评论(0) 推荐(0) 编辑
摘要: js触发页面resize 阅读全文
posted @ 2018-12-06 16:59 木章 阅读(12301) 评论(0) 推荐(0) 编辑
摘要: overflow: hidden; text-overflow: ellipsis; white-space: nowrap 阅读全文
posted @ 2018-11-29 09:53 木章 阅读(188) 评论(0) 推荐(0) 编辑
摘要: typeof 运算符返回一个用来表示表达式的数据类型的字符串。 字符串类型有:"number"、"string"、"boolean"、"object"、"function" 和 "undefined"。 阅读全文
posted @ 2018-11-29 09:51 木章 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 1、最简单的渲染一个组件 2、包含所有钩子的一个相对完整的组件 3、自定义指令 一个指令定义对象可以提供如下几个钩子函数 (均为可选): bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已 阅读全文
posted @ 2018-11-29 09:50 木章 阅读(100) 评论(0) 推荐(0) 编辑
摘要: //已知角度和斜边,求直角边 function hypotenuse(long,angle){ //获得弧度 var radian = 2*Math.PI/360*angle; return { a:Math.sin(radian) * long,//邻边 b:Math.cos(radian) * long//对边 }; } con... 阅读全文
posted @ 2018-11-28 10:48 木章 阅读(5559) 评论(0) 推荐(0) 编辑
摘要: 一、引入脚本代码 二、添加测试demo 2.1、html代码 2.2、脚本 type="text/babel" 2.3、脚本应用 阅读全文
posted @ 2018-11-28 09:34 木章 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 一、说明 本文以body为容器,对内部的box盒子进行比例缩放。 二、html代码 三、css代码 四、脚本代码 五、使用说明 只要保证应用环境的比率正常,就可以实现等比例缩放了 阅读全文
posted @ 2018-11-26 17:26 木章 阅读(873) 评论(0) 推荐(0) 编辑
摘要: validators: { regexp: { regexp: /^\d+(\.\d{0,2})?$/, message: '请输入大于0的正数' }, notEmpty: { message: '请输入产出数量' }, numeric: { message: '产出数量必须是数值' } } 阅读全文
posted @ 2018-11-23 21:14 木章 阅读(2320) 评论(0) 推荐(0) 编辑