- 博客(64)
- 资源 (1)
- 收藏
- 关注
原创 three.js学习系列07
粒子和粒子系统使用ParticleBasicMaterial 基础粒子材质 创建和设计粒子使用ParticleSystem 粒子系统 创建一个粒子集合使用已有的几何体创建一个粒子系统让粒子和粒子系统动起来用纹理为粒子造型使用ParticleCanvasMaterial 在画布上为粒子造型理解粒子...
2020-04-08 17:48:20 428
原创 three.js学习系列06
高级几何体和二元操作ConvexGeometryLatheGeometry你可以从一条光滑的曲线开始创建图形,这条曲线是通过ExtrudeGeometry通过它你可以从一个二维图形创建出一个三维图形TubeGeometryParametricGeometryTextGeometry...
2020-04-03 02:02:59 238
原创 three.js 学习系列05
这一节我们学习 使用几何体planeGeometryCircleGeometryShapeGeometryBoxGeometrySphereGeometry 球几何体CylinderGeometry 圆柱几何体TorusGeometry 圆环几何体TorusKnotGeometry 圆环扭结几何体PolyhedronGeometry 多面几何体...
2020-04-01 15:57:49 280
原创 three.js 系列04
这一节我们学习three.js 的材质MeshBasicMaterial 网格基础材质 可以用它赋予几何体一种简单的颜色,或者显示几何线框MeshDepthMaterial 网格深度材质 根据网格到相机的距离,这种材质决定如何给网格染色MeshNormalMaterial 网格法向材质 根据物体的表面法向向量计算颜色MeshFaceMaterial 网格面材质 这是一个容器 可以在这个容...
2020-03-31 14:36:47 294
原创 three.js 学习系列03
three.js 学习系列03 各种光源要求掌握以下内容有哪些可用光源什么时候用什么样的光源如何调整和配置各种光源如何创建镜头炫光threejs 提供了下面这些光源AmbientLight 环境光 这是一种基础光源 它的颜色会添加到整个场景和所有对象的当前颜色上PointLight 点光源 空间中的一个点朝所有方向发射光线SpotLight 聚光灯光源 类似台灯Direc...
2020-03-29 00:03:37 234
原创 three.js 学习系列02
这一节我们学习几何和网格对象我们要在场景中添加一个球体我们是这样的var spg = new THREE.sphereGeometry(4,20,20);va spm = new THREE.MeshBasicMaterial({ color:' #000'})var sphere = new THREE.Mesh(spg, spm)我们定义了 该对象的形状 几何结构 外观 材质,并把...
2020-03-27 15:07:00 233
原创 threejs 学习系列 01
这一节我们来学习场景要求掌握这些three.js 场景中使用哪些组件THREE.Scene() 对象是做什么的几何图形和网格是如何关联的正投影 和 透视相机的区别three.js 场景中的基本构成有这三个相机 决定哪些东西要在屏幕上显示光源 会对材质如何显示,生成阴影时材质如何使用 产生影响物体 是在相机透视图里主要的渲染对象THREE.Scene() 相关文档场景...
2020-03-26 16:32:56 290
原创 three.js学习系列-00
three js 学习系列-00three js 是一个 webgl的 库 ,webgl 基于opengl 所以学习 three.js的时候顺带还要看下 OpenGL的东西推荐OPENGL学习地址还需要学习一些基本的 图形学 数学知识 推荐 这本书 《3D数学基础:图形与游戏开发》基本的 计算机图形学认知 推荐这本书《计算机图形学 第4版》当然学习上面的这些东西你还需要 熟悉下C++...
2020-03-26 11:44:26 174
原创 理解 MVC MVP MVVM
MVC 结构 MVC通讯方式 MVC应用实例 backbone 通讯方式 MVP 结构 MVVM 模式 数据双向绑定 实例 :angular ember vue
2016-08-24 10:00:09 890
转载 JAVA学习指南
这一部分其实也算是今天的重点,这一部分用来回答很多群里的朋友所问过的问题,那就是LZ你是如何学习Java的,能不能给点建议?今天LZ是打算来点干货,因此咱们就不说一些学习方法和技巧了,直接来谈每个阶段要学习的内容甚至是一些书籍。这一部分的内容,同样适用于一些希望转行到Java的同学。在大家看之前,LZ要先声明两点。1、由于LZ本人是Java后端开发出身,因此所推荐的学习内容是Java Web和Jav
2016-04-22 10:44:16 4949 1
原创 犀利的backbone 然而我不会用
backbone 介绍代码例子都摘自这里点我有些人早已知道这个框架(然而你们却不会用!),有些人不知道这个框架 我在这里都说一下backbone 是一个很轻量级的框架(其实我觉得这句话真是扯),是的相比较于Angularjs Ember来说 确实很轻量级 但是 backbone 这个框架并不能单独运行,他需要两个帮手 第一个Jquery 第二个 underscore 这两个JS库 呵呵哒!想了解 A
2016-04-14 13:54:35 1458
原创 javascript 小白学习指南 继承
首先我们要明白,javascript中的继承是通过原型链来体现的function Foo(){};var f1 = new Foo();f1.a = 10;Foo.prototype.a = 100;Foo.prototype.b = 200;console.log(f1.a) //10;console.log(f1.b) //200 以上代码中,f1是Foo函数new出来的对象,f1.
2016-03-04 22:50:31 558
原创 javascript 小白学习指南 理解隐形原型
在javascript中每个对象都有一个隐形原型 proto 这个proto是一个隐藏的属性,javascript不希望开发者用到这个属性值,有的低版本浏览器甚至不支持这个属性值。obj这个对象本质上是被Object函数创建的,因此obj.proto=== Object.prototype。我们可以用一个图来表示。 即,每个对象都有一个proto属性,指向创建该对象的函数的protot
2016-03-04 18:07:21 640
原创 javascript 之小白学习指南 闭包的详解
在学习闭包之前 我希望大家已经能弄清楚 这么几个知识点 第一个:作用域 第二个:作用域链 第三个:执行上下文 活动对象如果还有不清楚的 可以看看相应的小白学习指南下面我们来看看闭包的概念 一种解释就是:闭包就是函数局部变量的集合,只是这些变量在函数返回后任然会继续存在第二种解释:闭包就是就是函数的“堆栈”在函数返回后并不释放,我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配第三种解
2016-03-02 16:52:01 612
原创 javascript 小白学习指南专题 this
在JS中可能有很多朋友弄不清楚this的取值 其实this 的取值总结下来一共就这5中情况下面我们来一个一个解答第一种情况:构造函数中的thisfunction a(){ this.a1="111"; this.a2="222"; console.log(this); //{a1:111,a2:222}}var f = new a();console.log(f.a1)
2016-03-01 15:28:20 606
原创 javascript 小白学习指南专题 作用域与上下文环境之间的联系
下面用几张图就可以很好的说明一切 大家看图 黑色加粗的部分就是 当前的活动对象总结: 作用域只是一个“地盘”,一个抽象的概念,其中没有变量。要通过作用域对应的执行上下文环境来获取变量的值。同一个作用域下,不同的调用会产生不同的执行上下文环境,继而产生不同的变量的值。所以,作用域中变量的值是在执行过程中产生的确定的,而作用域却是在函数创建时就确定了。所以,如果要查找一个作用域下某个变量的值,就需要
2016-02-23 11:26:06 763
原创 javascript 小白学习指南专题 -- 执行上下文 执行上下文栈
上一个专题我们讲了javascript 的作用域 我们知道作用域类似 帮派地盘一样的东西 这次我们将要说一说 执行上下文,有的书中也叫 执行环境 我们先看几个简单的例子console.log(csdn); 直接运行这行代码返回的什么?*****************************************console.log(csdn); 直接运行这行代码返回的什么?var c
2016-02-23 10:29:33 533
原创 javascript 之小白学习指南 专题 --作用域
小白专题 之 作用域在开始之前我们先来看一段代码var name = 'csdn'; function print() { alert(name); var name = 'tomihao'; alert(name); alert(age); } print(); 结果是什么呢? 我们把alert 换成console 运行
2016-01-26 17:03:33 707
原创 javascript小白学习指南4--持续更新
第三章:引用类型OBJECT 类型javascript 大部分的引用类型都是object类型的引用实例而且,Object 也是ECMAScript 中使用最多的一个类型。虽然 Object 的实例不具备多少功能,但对于在应用程序中存储和传输数据而言,它们确实是非常理想的选择。创建 Object 实例的方式有两种。第一种是使用 new 操作符后跟 Object 构
2016-01-06 22:59:29 1530
转载 rem 产生的小数像素问题---修复响应式开发
rem 产生的小数像素问题作者: 颂晨 发表于: 2015-11-04由于日常需求以无线居多,所以可以在业务中做一些尝试,如 rem,刚接触这个特性的时候,曾经一度爱不释手,仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大,慢慢的发现了一些使用 rem 带来的问题。rem关于 rem 这个单位的介绍,在此就不赘述,有兴趣的同学可以阅读一丝的
2015-11-11 15:09:24 3853
转载 一款APP,从设计稿到切图
一款APP,从设计稿到切图纯干货 汇集了之前的五篇帖子的精髓9月17日凌晨,IOS9正式推送,它使用的字体最终还是变了,我下面写的内容你们也要酌情更新,因为我写的实在赶不上它更新的速度了(泪奔中...)iOS9使用的西文字体由Helvetica Neue变更为 San Francisco, iOS9中文字体由此前的黑体-简变更为苹方黑体依
2015-10-08 14:21:07 673
翻译 gulp 教程 初级
GULP是什么Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的,利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript(或者 CoffeeScript )源码来实现的。如何安装G
2015-09-23 14:27:26 1107
转载 web 前端 错误监控
项目开发完成外发后,没有一个监控系统,我们很难了解到发布出去的代码在用户机器上执行是否正确,所以需要建立前端代码性能相关的监控系统。所以我们需要做以下的一些模块:一、收集脚本执行错误1234567891011121314
2015-09-23 10:50:46 1161
转载 移动端Web解决方案
面向亿万用户级的移动端Web解决方案:代码结构规范字体设置最佳实践模拟原生效果实践工具类方法汇总iOS与Android平台上问题列表高性能Mobile Web开发类库依赖推荐演示AlloyTeam 邀请社区朋友一起参与完善 Mars,欢迎 Fork & Pull Request贡献者元彦Johnny KwokmaxzhangAdams
2015-09-22 15:21:08 357
转载 自适应解决方案
lib.flexible移动端自适应方案最新版本0.3.2用Grunt打包运行 npm install,来安装所需的依赖模块。关于NPM的知识,请参见nodejs;运行 grunt,来对项目进行打包。关于Grunt的知识,请参见gruntjs;依赖库无完整引用举例:使用方法建议对于js做内敛处理,在所有资
2015-09-17 11:55:23 871
转载 跨域解决方案
JavaScript跨域总结与解决办法什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络(http://f2e.me/200904/cross-scripti
2015-09-16 15:40:01 400
转载 jquery 插件 模板
// jQuery Plugin Boilerplate// A boilerplate for jumpstarting jQuery plugins development// version 1.1, May 14th, 2011// by Stefan Gabos// remember to change every instance of "pluginName" to the
2015-09-16 15:30:08 534
翻译 FLEX BOX (弹性魔盒) 完全指南
基础概念FLEXBOX 弹性魔盒 布局模式 旨在 创建一种更高效的布局方式,去校准 对齐 容器内部 各种元素 之间的 空白间距 排版方式flexbox 是一套 模式 ,它并不是 CSS某一个单一的属性,flexbox 包含了许多的属性,里面有一些属性是专门设置在 容器上的 (containers ) 其他的 一些属性 却是设置 在 容器内部的
2015-08-28 11:40:27 1244
翻译 FLEX BOX (弹性魔盒) 完全指南
**FLEX BOX (弹性魔盒) 完全指南** 翻译 css tricksFLEXBOX 弹性魔盒 布局模式 旨在 创建一种更高效的布局方式,去校准 对齐 容器内部 各种元素 之间的 空白间距 排版方式基础知识flexbox 是一套 模式 ,它并不是 CSS某一个单一的属性,flexbox 包含了许多的属性,里面有一些属性是专门设置在 容器上的 (containers ) 其他的 一些属性
2015-08-28 11:26:35 352
转载 rem
web app变革之rem云平-Owen2014.12.23 rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么? rem(font size of
2015-08-27 15:59:52 844
转载 jquery 倒计时
script type="text/javascript"> var SysSecond; var InterValObj; var barcode; $(document).ready(function () { SysSecond = parseInt($("#remainSeconds").html()); //这里获取倒计时的起始时间
2015-07-31 16:37:06 491
转载 meta 标签
iOS图标iPhone/iTouch默认是57*57iPad,72*72,可以没有,但推荐有Retina iPhone/Retina iTouch,114*114,可以没有,但推荐有Retina iPad,144*144,可以没有,但推荐有iPhone 6 plus是180*180,iPhone 6 是120*120 -->Retina:1、竖屏(153
2015-07-30 20:20:29 403
原创 前端基础培训
前端基础新人培训(初稿) 前言: 为了适应公司的发展,在这里编写前端部门的基础培训教程,帮助公司新人能更快更好的适应公司目录:l 认识IDE SublimeTextl HTML 基础 l CSS 基础l Javascript 基础l Jqueryl Css framework bootstrapl 学
2014-09-12 17:23:24 1794
原创 JS 的那些MVC 框架 の backbone
JS 的那些MVC 框架 编写此文的目的其实也是工作的需要,现在我把我学习到的东西分享出来,希望对大家有所帮助
2014-09-09 17:20:53 1420
原创 javascript小白学习指南3
第二章 变量和作用域 在看第二章时我希望,你可以回顾一下前一次所讲的内容 如果有所遗忘 点这里 今天我们来说说 变量和作用域的问题本章主要内容基本类型和引用类型执行环境垃圾回收(了解即可)基本类型和引用类型JS中可能包含两种不同的数据类型的值: 基本类型 和 引用类型 基本类型值 指的是简单的数据段 而 引用类型指那
2014-08-12 18:43:55 2292 1
原创 javascript小白学习指南2
好啦 好啦 ,美女看够了,我们开始继续上一次讲的内容把(上一节的内容) 控制语句: 首先我先给大家总结一下在javascript中一共有 9 种控制语句它们分别是 if 语句do-while 语句while 语句for 语句for-in 语句label 语句break 和 continue 语句with 语句 switch 语句 下面来分别为这几个控制语句举个例子
2014-08-09 17:21:03 12382
原创 javascript小白学习指南1
引言:做为一名程序员,都是真心的想把自己的东西分享出来,供大家一起学习探讨,一起提高技能,一起涨工资,呵 这一系列的文章都是关于Javascript 基础的 当然文章当中穿插了些我自己的理解,希望可以帮助一些刚开始的童鞋! 废话不多说我们开始吧!第一章:Javascript 基本概念 主要内容数据类型
2014-08-07 21:41:33 8670 4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人