H5BOYs-CSDN博客

原创 three.js创建简单的3D机房（1）创建机柜模型-2

/****创建机柜门接上一篇*/let rearGeometryDoor = new THREE.BoxGeometry(basicParameters.thickness, this.cabinetObj.h,this.cabinetObj.w+basicParameters.thickness*2);let materialsbgDoor = [];for (let i = 0; i < rearGeometryDoor.faces.length / 2; i += 1)

2020-09-14 10:04:27 889 1

原创 three.js创建简单的3D机房（1）创建机柜模型-1

import * as THREE from "three"const defultCabinetObj ={ w:60, //宽 h:200,//高 z:60,//深 layers:42,//层数}const basicParameters ={ thickness:5, // 竖板厚度}class cabinet {constructor(options){this.options= options;// 房间场景this.scen...

2020-09-14 10:00:30 1722

转载 Vue项目实战

一、安装配置依赖1） vue init webpack-simple 项目名称2） cnpm install3 )npm run dev4 )cnpm installvuex vue-router axios -D5 )cnpm installstyle-loader css-loader -D二、做vue项目流程1）规划组件结构（Nav.vu...

2019-03-29 16:07:04 532

原创 AngularJS 服务层的三种创建方式（provider，factory，service）

我们知道angular服务层有三种创建方式，那么这三种创建方式有什么语法上的区别呢；一，provider方式；provider方式创建服务，provider中的方法需要通过对象的方法对外暴露接口；即用this.$get；eg：（function（）{angular.module("demo",[ ]);.provider("provider",function(){

2017-10-20 11:59:39 902 1

转载 css 关于自定义滚动条样式

有的公司或许会要求做个好看的滚动条，这时候，我们就需要来自定义滚动条，但是IE跟别的是不一样的。所以，在下面的文章中，会有两种不同的方式来自定义滚动条样式。webkit浏览器css设置滚动条：（下面是他的7个主要的属性）::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的::-webkit-scrollbar-button 滚

2017-10-20 11:08:44 385

转载 AMD CMD UMD 区别

AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。AMD也采用require()语句加载模块,它要求两个参数　require([module], callback);列：　req

2017-10-20 11:00:20 784

转载关于es5 ， es6 规范

浅谈JavaScript、ES5、ES6什么是JavaScriptJavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。（好吧，概念什么最讨厌了）动态：在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。弱类：计算时可以不同类型之间对使用者透明地隐式转换，即使类型不正确，也能通

2017-10-20 10:58:08 1073

转载 angular中$scope.$apply和$scope.$digest的区别

$scope.$apply和$scope.$digest都可以手动触发脏值检查实现数据双向同步；将数据实时表现在界面上；最直接的差异是，$apply可以带参数，它可以接受一个函数，然后在应用数据之后，调用这个函数。除此之外，还有别的区别吗？在简单的数据模型中，这两者没有本质差别，但是当有层次结构的时候，就不一样了。考虑到有两层作用域，我们可以在父作用域上调用这两个函数，也可以在

2017-10-19 20:25:18 3682 1

原创 angular中的$scope类

一，$scope的作用；1，用来完成在view和controller之间的数据传递，$scope是实现angular中MVVM双向数据同步的关键；2，所有页面上的属性和方法都放在$scope上进行声明；3，$scope上面的属性和方法，angular会给该属性或方法添加一个监视器，在当前控制器中创建一个$watchList[ ];wacth对象会对当前的数据中的变量旧值和新值进行比

2017-10-19 17:51:00 3440 1

原创 AngularJs基础认识及应用

2.angularJS启动； 1，自动启动；（ng-app="根组件名称"）通过ng-app来标记angularJS所管理的边界；通过查看当前页面是否有ng-app指令来判断angular是否启动；一般ng-app标记在html上；创建根模块：

2017-10-19 16:20:21 348

原创 Angular1.x安装与配置

关于angularJS的安装与配置；安装：1.首先要安装node.js和它的npm包管理系统。（nodejs相关待整理）2.安装grunt　　.grunt是一个基于任务的Javascript工程命令行构建工具。　　在dos窗口输入：npm install grunt-cli -g　　具体模块安装：npm install(grunt或grunt模块

2017-10-19 14:53:49 2814

原创 Angular1.x启动分析

AngularJS的源码在整体上，与其他很多库和框架一样，是一个自执行函数，其整体结构简化如下：匿名自执行函数，保证angular.js加载完成后，立即执行其中代码；eg：(function(window, document, undefined) { 判断代码 angularjs 重复加载if (window.angular.bootstra

2017-10-19 14:13:11 1608

H5BOYs的博客